css fix
czyli jak to zastosować ? można prosić jakiś link lub jak szukać?
Jaki IE? między 6 a 8 jest spora różnica w interpretacji html’a i im dalej tym lepiej.
Tak na marginesie, nie musisz robić klasy .first, możesz użyć selektora, np:
li:first-child { … }
dzięki temu nie ma potrzeby nadawania pierwszy
klasy. Mniej kodu, bardziej przejrzyste, mniej kłopotliwe :).
http://www.quirksmode.org/css/firstchild.html
@mysza1553 Co do menu, poprzeglądaj sobie http://css.maxdesign.com.au/listamatic/index.htm
testowałem na IE 7, ale już się uporałem z tym.
odnośnie menu, chodzi mi o zrobienie czegoś takiego jak na zdjęciu zarysowałem. W zależności od tego na której podstronie się znajdujemy wtedy bloczek z menu łączy się z dużym blokiem tekstu i podświetlony napis na kolor czerwony. jak widać na załączonym obrazku. I żeby zrobić tak do wszystkich. Jest to możliwe ?
http://www.fotosik.pl/pokaz_obrazek/66f … 144c7.html
pozdrawiam
Na danej podstronie nadajesz tej pozycji w menu np id=“aktualne”.
A w cssie: #aktualne{color:red; itd itp}, wygląd dostosowujesz do takiego jak na obrazku.
Wrzuć na jakiś host tą stronę to będzie nam łatwiej Ci pomóc.
tak to wygląda, sprawdźcie jak możecie czy wyświetla się u was dobrze ta strona ?
pozdrawiam
Nie wyświetla się dobrze, przez #menu left:-179px;
Dlaczego div menu jest w div header, do czego ci potrzebny div page. Co robi position relative i absolute w menu, nie lepiej było użyć floatowania dla menu i wrappera?
blok page usunięty, bo faktycznie nie był potrzebny. div menu umieszczony jest w header, ponieważ po ustaleniu jego pozycji ‘przylega’ do bloku z tekstem i po pomniejszaniu strony i za pomocą rolki na myszce przylega on ciągle do bloku obok, a jeżeli zostanie on umieszczony w kodzie jako pierwszy blok, nie znajdującym się w żadnym innym to po oddaleniu menu ucieka na lewo. Można pokazać jak zrobić to bez użycia pozycjonowania, a za pomocą floatowania ? bo nie mam pojęcia jak może to wyglądać bo zachować wygląd strony.
pozdrawiam
Po 1 zawsze zeruj domyslny margin, padding itp. http://meyerweb.com/eric/tools/css/reset/
Co do Twojego problemu (na szybko)
[/code] css
[code]#wrapper{ float: left; background-color:white; margin: 0 auto; width:780px; padding:10px; border: 1px solid #A9A9A9; font-size:1.5em; font-family:Curier New; text-align:center; border-left:none; } #menu{ float: left; } #menu ul{ width:130px; font-size:15px; } #menu li { display: block; list-style: none; border-right:1px solid #a9a9a9; } .main{ margin-right:20px; width:110px; background-color:white; color:#D51007; border-bottom:0px solid white; border-right:none; }
okej poprawiłem to, ale teraz tak. w bloku menu trzeba by jeszcze dać margin-top:-15px; by było równo z góry (FF), bo w IE7 wyświetla się poprawnie bez tego marginesu. i blok wrapper nie znajduje się na środku strony, jest bardziej na lewo. jak teraz ten problem rozwiązać ?
– Dodane 12.09.2009 (So) 23:43 –
nie mogę sobie poradzić z ustawieniem tego.
a czy wcześniejsza wersja z pozycjonowaniem była zła ?