ďťż
Podstrony
|
telcocafeWitam!Dlaczego ramka zrobiona w stylu css: .menu { border-color: red; border-style: solid; width: 554px; height: 30px; } w kodzie html:<p align="center"> <div class=menu></div></p> nie jest wyśrodkowana (miał temu służyć znacznik <p>), jak ją wyśrodkować? I jeszcze dlaczego jest odstęp ramki od innych elementów, jak zrobić żeby nie było? p.s.: nie bijcie, jestem początkujący. Zamiast <p> użyj już <div>. Zamiast align=center użyj zgodnie z konsekwencją CSS. W Twoim DIVie class nie ma cudzysłowa po "=". Słowem: <style type="text/css"> .menu { border-color: red; border-style: solid; width: 554px; height: 30px; text-align:left; margin:auto; } .srodek { text-align:center; } </style> <div class="srodek"> <div class="menu">ff</div> ble ble </div> I który odstęp Ci chodzi? "Enter" czy odległość między ramką a tekstem? Użytkownik NIC edytował ten post 19 maj 2006, 18:34 .menu { ........ margin: 0 auto; } Użytkownik Bełdzio edytował ten post 19 maj 2006, 16:41 OK, ale Twój sposób NIC nie działa w firefoxie i operze <_< tylko w IE. Jakiś inny sposób? Użytkownik logic edytował ten post 19 maj 2006, 17:47 Pomoc techniczna nadeszła. Umknęło mi jedno margin:auto;. Zedytowałem tam. Teraz skopiuj i zobacz. Działa tylko w IE :( Działa już przecie (IE, Firefox, Opera). Ale co jest nie tak? Czerwona ramka nie jest na środku? jeżeli piszesz w html 4.01 to cały div daj w znacznikach <center></center> Niestety w xhtml uznawane jest to jako błąd ;( Możesz wtedy skorzystać z rad poprzedników. Center/ działa we wszystkich przeglądarkach Użytkownik Bartas edytował ten post 19 maj 2006, 17:55 Ok, problem z wyśrodkowaniem rozwiązany :) , ale odstęp między obiektem na górze (rysunek) który kożysta z kodu: img { border-top: 3px red solid; border-right: 3px red solid; border-left: 3px red solid; margin: 0 auto; padding: 0px, 0px, 0px, 0px; }a obiektem klasy menu nadal jest. Coś takiego? Jeśli nie to wklej odpowiednią część swojego kodu, a najlepiej stronę. (link lub kod) <style type="text/css"> .menu { border-color: red; border-style: solid; width: 554px; height: 30px; text-align:left; margin:auto; } #img { border-top: 3px red solid; border-right: 3px red solid; border-left: 3px red solid; border-bottom:none; padding: 0px, 0px, 0px, 0px; width:200px; height:300px; margin:auto; } .srodek { text-align:center; } </style> <div class="srodek"><div id="img"><img width="100%" height="100%" /></div></div> <div class="srodek"> <div class="menu">ff</div> ble ble </div> Użytkownik NIC edytował ten post 19 maj 2006, 18:34 |
|||
Sitedesign by AltusUmbrae. |