 [HTML][CSS]Uciekający div |
  |
| [HTML][CSS]Uciekający div |
Post
#1
|
|
|
Grupa: Zarejestrowani Postów: 302 Pomógł: 18 Dołączył: 10.03.2008 Skąd: Dębno Ostrzeżenie: (0%) 
 |
Witam
 Mam problem z uciekającym div'em. Kod <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta content="text/html; charset=ISO-8859-2" http-equiv="content-type"> <link rel="stylesheet" type="text/css" href="style.css"> <title>Portal Simów</title> </head> <body> <div class="topone"><img src="images/img_01.jpg"><img style="width: 505px; height: 116px;" alt="" src="images/img_02.jpg"><img style="width: 1px; height: 116px;" alt="" src="images/img_03.jpg"> </div> <div class="toptwo"> <div class="topthree">Formularz logowania;]</div> </div> <div class="menuone"><img style="width: 197px; height: 44px;" alt="" src="images/img_05.jpg"><img style="width: 53px; height: 44px;" alt="" src="images/img_06.jpg"><a href="#"><img style="border: 0px solid; width: 77px; height: 44px;" alt="" src="images/img_07.jpg"></a><a href="#"><img style="border: 0px solid; width: 77px; height: 44px;" alt="" src="images/img_08.jpg"></a><a href="#"><img style="border: 0px solid; width: 78px; height: 44px;" alt="" src="images/img_09.jpg"></a><a href="#"><img style="border: 0px solid; width: 76px; height: 44px;" alt="" src="images/img_10.jpg"></a><a href="#"><img style="border: 0px solid; width: 65px; height: 44px;" alt="" src="images/img_11.jpg"></a><img style="width: 80px; height: 44px;" alt="" src="images/img_12.jpg"><img style="width: 197px; height: 44px;" alt="" src="images/img_13.jpg"></div> <div class="menutwo"><img style="width: 900px; height: 13px;" alt="" src="images/img_14.jpg"></div> <div class="menustart"><img style="width: 189px; height: 25px;" alt="" src="images/img_15.jpg"><img style="width: 523px; height: 25px;" alt="" src="images/img_16.jpg"><img style="width: 188px; height: 25px;" alt="" src="images/img_17.jpg"></div> <div class="menuthree"> <div class="menutextone">menu</div> </div> <div class="news"> <div class="newstext">news</div> </div> <div class="menufour"> <div class="menutexttwo">menu</div> </div> <br> <div class="menuend"><img style="width: 189px; height: 29px;" alt="" src="images/img_22.jpg"><img style="width: 523px; height: 29px;" alt="" src="images/img_23.jpg"><img style="width: 188px; height: 29px;" alt="" src="images/img_24.jpg"></div> <div class="footer">Wszelkie prawa zastrzeżone . Copyright by Portal Simów ©<br> </div> </body> </html> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta content="text/html; charset=ISO-8859-2" http-equiv="content-type"> <link rel="stylesheet" type="text/css" href="style.css"> <title>Portal Simów</title> </head> <body> <div class="topone"><img src="images/img_01.jpg"><img style="width: 505px; height: 116px;" alt="" src="images/img_02.jpg"><img style="width: 1px; height: 116px;" alt="" src="images/img_03.jpg"> </div> <div class="toptwo"> <div class="topthree">Formularz logowania;]</div> </div> <div class="menuone"><img style="width: 197px; height: 44px;" alt="" src="images/img_05.jpg"><img style="width: 53px; height: 44px;" alt="" src="images/img_06.jpg"><a href="#"><img style="border: 0px solid; width: 77px; height: 44px;" alt="" src="images/img_07.jpg"></a><a href="#"><img style="border: 0px solid; width: 77px; height: 44px;" alt="" src="images/img_08.jpg"></a><a href="#"><img style="border: 0px solid; width: 78px; height: 44px;" alt="" src="images/img_09.jpg"></a><a href="#"><img style="border: 0px solid; width: 76px; height: 44px;" alt="" src="images/img_10.jpg"></a><a href="#"><img style="border: 0px solid; width: 65px; height: 44px;" alt="" src="images/img_11.jpg"></a><img style="width: 80px; height: 44px;" alt="" src="images/img_12.jpg"><img style="width: 197px; height: 44px;" alt="" src="images/img_13.jpg"></div> <div class="menutwo"><img style="width: 900px; height: 13px;" alt="" src="images/img_14.jpg"></div> <div class="menustart"><img style="width: 189px; height: 25px;" alt="" src="images/img_15.jpg"><img style="width: 523px; height: 25px;" alt="" src="images/img_16.jpg"><img style="width: 188px; height: 25px;" alt="" src="images/img_17.jpg"></div> <div class="menuthree"> <div class="menutextone">menu</div> </div> <div class="news"> <div class="newstext">news</div> </div> <div class="menufour"> <div class="menutexttwo">menu</div> </div> <br> <div class="menuend"><img style="width: 189px; height: 29px;" alt="" src="images/img_22.jpg"><img style="width: 523px; height: 29px;" alt="" src="images/img_23.jpg"><img style="width: 188px; height: 29px;" alt="" src="images/img_24.jpg"></div> <div class="footer">Wszelkie prawa zastrzeżone . Copyright by Portal Simów ©<br> </div> </body> </html> Jeśli w pozycji menu po lewej stronie dodam następną pozycje div "menuend" ucieka mi na prawo. Tutaj CSS: Kod body { background: #226abb; color: #000000; font-family: verdana; font-size: 13px; width: 900px; margin: 0 auto 0 auto; } .topone { width: 703px; height: 116px; background: #226abb; float: left; } .toptwo { width: 197px; height: 116px; background: url(images/img_04.jpg); float: left; } .topthree { width: 163px; height: 98px; margin-left: 12px; margin-top: 18px; } .menuone { width: 900px height: 44px; } .menutwo { width: 900px; height: 13px; } .menustart { width: 900px; height: 25px; } .menuthree { width: 189px; height: auto; background: url(images/img_18.jpg); float: left; } .menutextone { width: 153px; height: auto; margin-left: 22px; } .news { width: 523px; height: auto; background: url(images/img_19.jpg); float: left; } .newstext { width:487px; height: auto; margin-left: 17px; } .menufour { width: 188px; height: auto; float: left; background: url(images/img_20.jpg); } .menutexttwo { width: 155px; height: auto; margin-left: 11px; } .menuend { width: 900px; height: 29px; overflow: hidden; } .footer { color: white; text-align: center; } Proszę o szybką odpowiedź. Z góry dzięki 
|
 |
 
|
|
|
Aktualny czas: 20.08.2025 - 05:13 |
