+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: Początkujący webmaster (https://www.webmastertalk.pl/forum-poczatkujacy-webmaster)
+--- Wątek: jak wycentrować obrazki i zrobić odstępy równe (/thread-jak-wycentrowac-obrazki-i-zrobic-odstepy-rowne)
jak wycentrować obrazki i zrobić odstępy równe - faust - 15-02-2010
Mam takie pytanie, jak wycentrować te trzy obrazki na tej stronie www.testingweb.republika.pl i zrobić równe odstępy 2em pomiędzy nimi i równe odstępy od lewego i prawego boku strony.
RE: jak wycentrować obrazki i zrobić odstępy równe - Dhofca - 15-02-2010
Można tradycyjnie, po prostu marginesy do obrazków, a można np. listą nieuporządkowaną (<ul>), jak kto lubi.
Kod:
<div id="lista">
<ul>
<li>obrazek</li>
<li>obrazek</li>
<li>obrazek</li>
</ul>
</div>Kod:
ul {
list-style:none;
}
#lista {
margin:0 auto;
width: xxx px; /* tyle ile mają łącznie 3 obrazki+ 4*2em przerw */
}
li {
float:left;
margin-left:2em;
}RE: jak wycentrować obrazki i zrobić odstępy równe - faust - 15-02-2010
dzięki, zrobiłem to za pomocą marginesów do obrazków tylko zastanawiam czy trzeba liczyć samemu ile musi być odległości pomiędzy nimi żeby było równo czy można to jakoś zapisać żeby samo centrowało i robiło odstępy, i czemu w ie 8 zupelnie zle to wyglada link www.testingweb.republika.pl
Kod:
{border:none; margin-left:39px; margin-right:39px; margin-top: 16px; margin-bottom:16px;}