Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS][xHTML]Strona się rozjeżdża.
Forum PHP.pl > Forum > Przedszkole
Rewil
Tym razem kombinuję z pocięciem strony. O tuż niby wszystko według mnie jest dobrze, a mimo to .css robi sztuczne miejsce powodując iż powstają przez to suwaki. Mógł by mi ktoś wskazać błąd, i dlaczego tak się dzieje?

http://olimat.pl/beta/
http://olimat.pl/beta/stylstrona.css

Logo przesuwa na prawo stronę, a akapit i stopka w dół.
potreb
Wejdź sobie na http://www.kurshtml.boo.pl/ i poczytaj trochę ciekawych informacji.
  1. font-family:Microsoft Yi Baiti;


Ciekawy font.
Pomyśl, że jest kilka przeglądarek na rynku, pod które warto zrobić poprawny kod css, html. U mnie pod IE nawet loga nie ma smile.gif
Rewil
Cytat(potreb @ 11.11.2009, 15:37:17 ) *
Wejdź sobie na http://www.kurshtml.boo.pl/ i poczytaj trochę ciekawych informacji.
  1. font-family:Microsoft Yi Baiti;


Ciekawy font.
Pomyśl, że jest kilka przeglądarek na rynku, pod które warto zrobić poprawny kod css, html. U mnie pod IE nawet loga nie ma smile.gif


Jaką masz przeglądarke dokładnie? Pod IE7 wyświetla poprawnie. (Chodzi o to że tak samo jak na FF.)
Gryf
ehh...
wiec tak logo leci w prawo bo masz
Kod
#logo { left: 10%; }

tak naprawdę to nie wiem jak to ma wyglądać ale kilka rad
wysokości nie powinno określać się przy pomocy %
i niby poco ci to
Kod
#logo { position: absolute;}

wystarczyło dać do css'a
Kod
html, body { margin: 0; padding: 0;}

i logo będzie na równi
daj może grafikę albo konspekt jak to ma wyglądać.
Rewil
http://olimat.pl/beta/zarys.jpg <- Coś takiego.

Dwa szybkie pytania:
a) http://validator.w3.org/check?uri=http%3A%...lidator%2F1.654
Czy istnieje jakiś zamiennik <a>, by <div> był linkiem?
  1. <a href="http://www.rewil.pl"><div id="rewil"></div></a>


B ) Jak wyrównać napisy na buttonach(menu), żeby wyświetlały się dokładnie na środku, a nie nad buttonem? Próbowałem różnymi metodami, ale najczęściej przesuwał się cały button, zamiast napisu.
seth-kk
nie umieszcza sie obiektow blokowych wewnatrz liniowych
  1. <a href="#"><span>OK</span></a>
  2. <a href="#"><div>ZLE</div></a>

ustal takie same wartosci dla height i line-height rowne wysokosci obrazka dla elementu z tekstem
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-2024 Invision Power Services, Inc.