ďťż

[HTML\CSS] ramka nie jest wyśrodkowana

       

Podstrony


telcocafe

Witam!
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
  • zanotowane.pl
  • doc.pisz.pl
  • pdf.pisz.pl
  • nvm.keep.pl

  • Sitedesign by AltusUmbrae.