Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Mała przerwa między obrazkami...
Forum PHP.pl > Forum > Po stronie przeglądarki
vieri_pl
23.01.2006, 17:31:07
Mam taki kod:

[HTML] pobierz, plaintext 
  1. <body>
  2. <div id="zawartosc">
  3. <div id="naglowek"></div>
  4. <div id="l_menu">
  5. <img src="images/kportal_02.gif" alt="a" width="158" height="167" border="0" usemap="#link" />
  6. <img src="images/kportal_07.gif" width=158 height=330 alt="a" />
  7. </div>
  8. </div>
  9. <map name="link" id="link">
  10. <area shape="rect" coords="3,-20,194,19" href="index.php" alt="Strona główna" />
  11. <area shape="rect" coords="1,19,155,40" href="wiadomosci.php" />
  12. <area shape="rect" coords="3,41,155,67" href="artykuly.php" />
  13. <area shape="rect" coords="3,67,154,93" href="skrypty.php" />
  14. <area shape="rect" coords="3,94,152,115" href="linki.php" />
  15. <area shape="rect" coords="4,116,149,141" href="autor.php" />
  16. <area shape="rect" coords="5,143,149,165" href="wspolpraca.php" />
  17. </map>
  18. </body>
[HTML] pobierz, plaintext


Nie wiem skąd ale pod IE mam przerwę między obrazkiem kportal_02.gif a kportal_07.gif... Oto kod css:

Kod
<style type="text/css">
<!--

/* CSS Document */

body {
background-color: #517DA8;

}
#zawartosc {
color: #eee;
width: 780px;
margin:auto;
border: 1px solid #000;
line-height: 130%;
margin: 10px auto;
}

#naglowek {
width: 780px; /* wymiary obrazka */
height: 103px;
background-image: url( 'images/kportal_01.gif' );
padding: 0;
margin: 0;

}
#l_menu {
width: 158px; /* wymiary obrazka */
height: auto;
display: block;

}
-->
</style>
mike
23.01.2006, 18:03:28
1. Wszystkie atrybuty powinny być w cudzysłowiach;
2. Spróbuj nie dawać enter'a miedzy znacznikami <img>. Daj je w jednej linii.
Kinool
24.01.2006, 00:21:59
do ustalania rozmiarow uzywaj CSS smile.gif
do img daj:
Kod
<img src="foto1.jpg" style="width: 100px; height: 120px; border: 0px; display: block;" />
vieri_pl
24.01.2006, 11:14:42
Spoko już sobie poradziłem, zapomniałem dać info smile.gif Ale dzięki za cynk smile.gif
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.