kącik html--->pytania, porady i inne

nie, przenieść to #menu a {width:100%;height:100%} do tych wcześniejszych <style>, jakbyś komentarze warunkowe dla IE wywaliła, to by w tej "genialnej" przeglądarce to menu w ogóle nie działalo Smile

niedługo zrobię trochę podrasowany kod (najłatwiej byłoby zrobić w CSS2.0 ale IE tego w ogóle nie rozumie, trzebaby zastosować trochę więcej hacków ;] )

Zrobiłam (tymczasową poprawkę, nim zrezygnuję z tabel)...wyświetla się u Ciebie prawidłowo?

A IE się nie czepiej Wink

nawet jakbym miała co innego, to nie zmieni faktu, ze więszkość ma właśnie IE, a mi zalezy aby strona dobrze wygladała pod każda przegladarka.

Nie odpowiedzialeś na pytanie jak pogrubić tekst w menu Smile

.

Jeszcze raz dzięki!

ps. Jak można zablokować podgląd źródła?

pogróbienie - przy #menu li dodać jeszcze font-weight:700; i dodać jeszcze przy #menu li li font-weight:400;

IE się czepiam i czepiać będe - jest beznadziejny (przynajmniej IE7 będzie lepszy), a strony to się robi sprawdzając pod dobrymi przeglądarkami i potem naprawiając błędy IE

niby tak, ale nigdy tak naprawdę skutecznie i nie widzę w tym głębszego sensu tak naprawdę

Ok, główne nagłówni się pogrubiły, a co z tym tekstem który się rozwija?

Gorzej jeśli tych błędów pod IE nie da się potem naprawić...Dajmy już temu spokój, dyskusja o przeglądarkach kiedyś była. Mam IE i nie uważam sie z tego powodu gorsza. EOT

a ty chciałaś wszystkie? myślałem że tylko główne, no to wykasuj to co dodałaś i daj font-weight:700 dla #menu

wszystkie

thx.

źle się wyświetla - zrób tak

Kod:

* {margin:0;padding:0}
#menu {padding:1px 0 0 1px;z-index:2;font-weight:700;}
#menu li {list-style:none;display:block;float:left;border:1px solid black;position:relative;width:148px;min-height:20px;margin:-1px 0 0 -1px;background:maroon}
#menu li ul {position:absolute;left:0;top:21px;display:none;}
#menu li:hover {z-index:1;}
#menu li:hover ul {display:block;z-index:2;}http://silesian-horses.ovh.org/ogogolne.html
ogiery - info ogólne
#menu li:hover ul ul {display:none;}
#menu li:hover ul li:hover ul {display:block;left:90px;top:5px;}
#menu li:hover ul li:hover ul ul {display:none;}
#menu li:hover ul li:hover ul li:hover ul {display:block;}
#menu li li{float:none;background:maroon}
#menu a {background:maroon;display:block;text-decoration:none;color:black;}
#menu a:hover {background:silver;}
#menu a {width:100%;min-height:20px;height:100%}

i dodaj jeszcze tam w tych stylach w tym lt IE7

Kod:

#menu li {height:25px;}
#menu li ul {top:20px;}

i powiedz jak to zrobisz

Już. Tylko teraz cos się u mnie popsuło w tej tabelce.

Powinno sie kończyć na "schwres warmblut", og. czołowe to juz podmenu ogierów.

Ja bym usuneła z tego kodu co wkleiłeś "http://silesian-horses.ovh.org/ogogolne.html
ogiery - info ogólne " ale może się myle...(bez tego działa).

Kod:

#menu {padding:1px 0 0 1px;z-index:2;font-weight:700;}
#menu li {list-style:none;display:block;float:left;border:1px solid black;position:relative;width:148px;min-height:20px;margin:-1px 0 0 -1px;background:maroon}
#menu li ul {position:absolute;left:0;top:21px;display:none}
#menu li ul ul {left:90px;top:5px;}
#menu li:hover {z-index:1;}
#menu li:hover ul {display:block;z-index:2;}
#menu li:hover ul ul {display:none}
#menu li:hover ul li:hover ul {display:block;}
#menu li li{float:none;background:maroon}
#menu a {background:maroon;display:block;text-decoration:none;color:black;}
#menu a:hover {background:silver;}
#menu a {width:100%;min-height:20px;height:100%}

i nie wiem co tam robiło to [link widoczny dla zalogowanych]
ogiery - info ogólne

no to dobrze myślałam Wink

jak teraz Ci się wyswietla?

chciałabym wiedzieć o czym gadacie ale niestety nic z tego nie rozumiem Confused

Powoli zaczełam przestawiać się z tabel na divy... I mam pewnien problem. Wymyśliłam sobie taki oto układ na stronie:

gdzie (proporcje i kolory pominać):
A to iframa
B jakakas tam grafika
brązowe prostokąty po lewej - elemenety z tekstem (one celowo przecinają zielony prostokąt!)
żółty- jakaś grafika
niebieskie kwadraty - zdjeciowe odnośniki
fioletowy prostokat - menu

Moja koncepcja na zrobienie tego jest nastepująca. Zielony prostokąt były jednym "dużym" divem, w nim umieściłabym w "małym" divie na górze ten zóty, a znowóz w tym zółtym w divach kolejne...Dalej w tym zielonym drugi "mały" div z iframą a obok rózowy z grafiką. Te wszystkie "małe" divy byłyby pozycjonowane wzgledem duzego (da sie w ten sposób?), a duzy byłby wypozycjonowany wzgledm całej strony, tak samo jak te brazowe prostokąty (chce żeby był efekt nachodzenia na siebie).

Teraz pytania:
1. czy da sie to w ten sposób wogóle zrobić? Może macie jakieś inne pomysł jak to rozwiązać? Chce zeby było jak najbardziej funkjonalne i działające w większosci przeglądarek...
2. Jak zaokraglic rogi zielonego i brazowych divów? I co zrobić zeby ukryć "wystające" rogi tej zółtej grafiki?
3. Może jakieś sugestie, porady? Przerzałam kilka tematów na webmasterkich forach, ale jakoś średnio to do mnie dociera...

Proszę! Very Happy

brawo (to tak a pro po przejścia na div'y)

fajnie by też było gdybyś jeszcze nie używała ramek

odpowiedz na twoje pytania - da się, ale żeby to omówić dokładniej to powiedz mi czy strona ma mieć stałą wysokość czy się rozciągać?

poza tym - co ma się znajdować w poszczególnych div'ach? (to też jest ważne)

Ma mieć stałą wysokość - tak jak na rysunku. I musi być odstęp miedzy tym duzym, zielonym divem, a góra strony, bo prawdopodobnie wcisnę tam jeszcze jakąś reklamę. Wink

div A - tam mają sie wyswietlac poszczególne strony, jeśli da sie tak zrobić zeby był suwak mimo braku iframy to ja bardzo chetnie Wink

div B - jakas tam grafika na calosci
div żółty- jakaś grafika na której bedą umieszczone:
divy "niebieskie kwadraty" - czyli zdjeciowe odnośniki do poszczegolnych stron
i
div "fioletowy prostokat" - czyli menu takie jakie mam obecnie (rozwijane)
div duży zielony ma obejmowac wszytkie elemnety powyżej

divy: brązowe prostokąty po lewej - elemenety z tekstem/linkami do wpisywania (np. nowości na stronie, najblizsze zawody i takie tam)

najładniej by było to zrobić w taki sposób, że:
zielony kontener to <body>, któremu nadajemy w stylach szerokość wysokość margin:górny-w-px auto dolny-w-px; i tło oczywiście
teraz trzeba by dać jeszcze tło dla html w stylach
potem dajemy ten żółty jako div, a w nim jako lista (<ul>) linki do stron w <li>
to moje menu przeszło mały upgrade - [link widoczny dla zalogowanych] trochę o nim i jak zrobić żeby to działało w IE znajdziesz tutaj [link widoczny dla zalogowanych]
te brązy z boku można by dać w diva którego można np. wypozycjonować absolutnie (wtedy dla body dać position:relative), albo float:left i ujemny margin-left
div A - dać overflow:auto i kiedy będą potrzebne suwaki to się pojawią, jego pozycję ustawić jak wyżej, a treści do niego np. includować za pomocą php
div B - nie wiem czy w ogóle potrzebny, bo tę grafikę można dać jako tło div'a zielonego, to też zależy co na niej będzie (np. jeśli nazwa strony czy coś to trzebaby zrobić np. image-replacement)

zaokrąglone rogi sprawiają mały problem, bo są troszeczkę upierdliwe w kodowaniu (niestety na razie tylko Firefox obsługuję element CSS3 odpowiedzialny za to), najczęściej daje się je jako tła i robi podwójnego div'a np. albo jakieś inne tricki - artykuł o tym zagadnieniu [link widoczny dla zalogowanych]

ogólnie to cięcie tak naprawdę zależy od tego jak to ma dokładnie wyglądać

no i pytanie - jaką masz przeglądarkę?