Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów
sąsiadujące obrazki - Wersja do druku

+- 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ł: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: sąsiadujące obrazki (/thread-sasiadujace-obrazki)



sąsiadujące obrazki - heniuprezes - 01-01-2012

Wysiadam już, co trzeba wpisać, by obrazki sąsiadowały ze sobą bez marginesów, ślęczę już cały dzień i nic ... kod


<html>
<body>

<style>
#tlo {widht: 100%; background: url(http://www.bhfoto.hennig.webd.pl/VARIETI/FOTKI%20SZABLON/tlo.jpg);}
#strona {width: 1033px; padding: 0; text-align: left; border: 0px;}
#top {background: url(http://www.bhfoto.hennig.webd.pl/VARIETI/FOTKI%20SZABLON/logo.png); height: 182px; }
#menu {width: 1033px;
padding: 0px;
padding:0;
margin:0;
display:inline-block;
border:0;
}
#menu1
#menu2
#menu3
#menu4

#clr {float:none; clear:both;}
</style>

<div id="tlo">
<center>
<div id="strona">
<div id="top"></div>

<div id="menu">
<a class="menu1" href="http://allegro.pl/my_page.php?uid=3531807"><img height="86" src="http://www.bhfoto.hennig.webd.pl/VARIETI/FOTKI%20SZABLON/menu1.gif" width="438" border="0px"/></a>

<a class="menu2" href="http://allegro.pl/my_page.php?uid=3531807"><img height="86" src="http://www.bhfoto.hennig.webd.pl/VARIETI/FOTKI%20SZABLON/menu2.gif" width="176" border="0px"/></a>

<a class="menu3" href="http://allegro.pl/my_page.php?uid=3531807"><img height="86" src="http://www.bhfoto.hennig.webd.pl/VARIETI/FOTKI%20SZABLON/menu3.gif" width="172" border="0px" /></a>

<a class="menu4" href="http://allegro.pl/my_page.php?uid=3531807"><img height="86" src="http://www.bhfoto.hennig.webd.pl/VARIETI/FOTKI%20SZABLON/menu4.png" width="246" border="0"/></a>
</div>




</center>
</div>


</body>
</html>


RE: sąsiadujące obrazki - szym - 02-01-2012

http://jsfiddle.net/PgW3m/ tu masz na szybko poprawione samo menu wszystkiego mi się nie chciało.

I jeszcze kilka uwag:
Nie musisz robić osobnego diva żeby dodać tło czy ustawić szerokość strony. Takie coś załatwia się w body {parametry}
Nie korzystaj z <center> tylko centruj w css. Wystarczy zdefiniować szerokość i ustawić margin:0 auto; to załatwi sprawę
Menu zazwyczaj robi się w <ul> <li>