
 Cze¶æ.

 Nie ma rzeczy niemo¿liwych, przynajmniej dla mnie
 
 

 Oczywi¶cie, ¿artujê. 
Ewelina, jest dla Ciebie rozwi±zanie. Wystarczy tylko drobna zmiana w kodzie "
index.php" templatki. Tak nawiasem to ju¿ dawno nie widzia³em tak ¼le napisanej templatki. Ale ³adna jest, to fakt. Wiêc innym wyt³umaczê, na czym polega³ problem, a Ty pobierzesz sobie plik na samym dole "
bird.zip". Rozpakuj go i nadpisz tylko plik "
index.php" templatki oraz "
template_css.css". Bêdzie dzia³aæ dobrze i pod 
Internetem Explorerem, jak i pod 
Firefoxem.

 Na czym polega³ b³±d. Poni¿ej masz oryginalny fragment kodu templatki "
Bird":
| Kod: | 
  
    <div id="welcome" class="post">
            <p><img src="<?php echo $mosConfig_live_site; ?>/templates/bird/images/img03.jpg" alt="" width="500" height="300" /></p>
    </div>
 
 
  | 
Mo¿esz zastosowaæ dwie metody rozwi±zania problemu. Jako ¿e w tej templatce nastêpuje nak³adanie siê na siebie dwóch obrazków, a mianowicie t³a strony, i obrazka z pieskiem, czyli "
img03.jpg", wiêc musimy zastosowaæ pozycjonowanie dla obrazka z pieskiem. W tym przypadku wykorzystamy pozycjonowanie relatywne.
| Kod: | 
  
    <div id="welcome" class="">
    <img src="<?php echo $mosConfig_live_site; ?>/templates/bird/images/img03.jpg" style="position: relative;" alt="" width="500" height="300" border="0" />
    </div>
 
 
  | 

 Ale po co mamy arkusze stylów. Wystarczy w prostszy sposób zrobiæ to za pomoc± pliku  
CSS   templatki. Dodamy do pustego selektora "
welcome" ( "
post" te¿ jest zbêdnym selektorem, bo zastosowany jest tylko do obrazka ) warto¶æ, która ustali nam pozycje obrazka na relatywn±. Zauwa¿, ¿e obrazek jest osadzony w "
divie" o takim 
ID. Edytujemy plik "
template_css.css". Znajdujemy pusty selektor "
welcome" i dodajemy do niego wpis:
| Kod: | 
  
#welcome {
    position: relative;
}
 
 
  | 

 I to wszystko. Daj znaæ jak zrobisz podmiankê, to zajrzê na stronê. Z pliku "
bird.zip" po wypakowaniu skopiuj na serwer plik "
index.php" templatki nadpisuj±c swój ( usun±³em tam odwo³ania do pustych klas ), oraz plik "
template_css.css" te¿ go nadpisuj±c.

 Pozdrawiam. 
Jokris.
P.s.
Ewelina napisa³a:
Dziêki wielkie ... a taka ³adna by³a 
 
Nie by³a!. Jest i bêdzie!. 
Nazwa pliku: 
bird.zipWielko¶æ plku:68660 bajtów