Autor |
Nachricht |
denise2302
Threadersteller
Dabei seit: 12.09.2006
Ort: Leipzig
Alter: 34
Geschlecht:
|
Verfasst Do 04.10.2007 09:34
Titel menü problem beim ie6... :( |
|
|
ach mann ehh... hab son tolles menü entdeckt und nu wollt ich die seite mit dem ie6 aufrufen, da ging es natürlich nicht! und da aber die meisten noch ie6 nutzen, wäre es doof wenn es da nicht gehen würde.. also das is ein menü wenn man über den link fährt öffnet dann erscheint das untermenü in einer box...
wie könnte man das umschreiben, dass es auch im ie6 klappt?? ich meine man könnte ja irgendwie normale text-links machen oben, und da mit a:hover arbeiten... würde mich freuen, wenn ihr mir da ein bisschen helft... ich versuch es natürlich auch...
css:
Code: |
#boxagt { width:55px; height: 15px; padding:5px; font-size:12px; cursor:pointer; }
#boxagt:hover { color:#FFFFFF; }
#boxagt .blendagt { display: none; }
#boxagt:hover .blendagt { width: 105px; padding:5px; margin: 0px; background:#bedce7; border-style: solid; border-width: 1px; border-color: #0079a4; display: block; position: absolute; z-index: 999; }
#boxport { width:65px; height: 15px; padding:5px; font-size:12px; cursor:pointer; }
#boxport:hover { color:#FFFFFF; }
#boxport .blendport { display: none; }
#boxport:hover .blendport { width: 115px; padding:5px; margin: 0px; background:#bedce7; border-style: solid; border-width: 1px; border-color: #0079a4; display: block; position: absolute; z-index: 999; }
#boxref { width:65px; height: 15px; padding:5px; font-size:12px; cursor:pointer; }
#boxref:hover { color:#FFFFFF; }
#boxref .blendref { display: none; }
#boxref:hover .blendref { width: 105px; padding:5px; margin: 0px; background-color:#bedce7; border-style: solid; border-width: 1px; border-color: #0079a4; display: block; position: absolute; z-index: 999; }
|
seite:
Code: |
<table width="650" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="60"><div id="boxagt">Agentur <br />
<div class="blendagt">
<a class="menu" href="agt_profil.php">Profil</a><br />
<a class="menu" href="agt_team.php">Team</a><br />
<a class="menu" href="agt_spektrum.php">Spektrum</a><br />
<a class="menu" href="agt_broschuere.php">Imagebroschüre</a>
</div></div></td>
<td width="55"><div id="boxport">
Portfolio<br />
<div class="blendport">
<a class="menu" href="port_leistung.php">Leistung</a><br />
<a class="menu" href="port_cd.php">Corporate Design</a><br />
<a class="menu" href="port_print.php">Printmedien</a><br />
<a class="menu" href="port_neuemedien.php">Neue Medien</a><br />
<a class="menu" href="port_sonst.php">Sonstiges</a>
</div></div></td>
<td><div id="boxref">
Referenzen<br />
<div class="blendref">
<a class="menu" href="ref_referenzkunden.php">Referenzkunden</a><br />
<a class="menu" href="ref_showroom.php">Showroom</a>
</div></div></td>
|
liebe grüße, denise
edit:kann man das nich auf irgendwie mit zustätzlich java script lösen?? also irgendwas, damit der ie6 das auch kapiert?
Zuletzt bearbeitet von denise2302 am Do 04.10.2007 09:37, insgesamt 2-mal bearbeitet
|
|
|
|
|
Kraat
Dabei seit: 05.10.2006
Ort: Köln
Alter: 42
Geschlecht:
|
Verfasst Do 04.10.2007 09:38
Titel
|
|
|
Hey das Problem ist, dass der IE 6 "#boxref:hover .blendref" <- das nicht versteht. Wirst wohl um eine JS Lösung nicht herumkommen. Aber ich bin auch gerade erst ne Stunde wach und mein Kaffee wirkt noch nicht.. Ich antworte gleich nochmal wenn ich ne Lösung dazu gefunden hab ^^
|
|
|
|
|
Anzeige
|
|
|
denise2302
Threadersteller
Dabei seit: 12.09.2006
Ort: Leipzig
Alter: 34
Geschlecht:
|
Verfasst Do 04.10.2007 09:42
Titel
|
|
|
mhm ja.. ich weiß schon... ie6 kann das nur mit a elementen mit hover... aber hatte da nich mehr dran gedacht, weil ie7 hat es ja nun mittlerweile gelernt... aber vielen dank für deine hilfe...in java script kenne ich mich nämlich nicht so aus...
lg denise
|
|
|
|
|
Kraat
Dabei seit: 05.10.2006
Ort: Köln
Alter: 42
Geschlecht:
|
Verfasst Do 04.10.2007 10:00
Titel
|
|
|
Hey ho. Leider kann ich dir jetzt "asap" keine Lösung basteln, da ich auch noch was tun muss. Aber ich hab mal bei "google" den Begriff "css menu" eingegeben.. Hier das Resultat.
Klick dich einfach mal durch und hol dir Inspiration *gg*
http://www.cssplay.co.uk/menus/
Gruß
|
|
|
|
|
denise2302
Threadersteller
Dabei seit: 12.09.2006
Ort: Leipzig
Alter: 34
Geschlecht:
|
Verfasst Do 04.10.2007 10:13
Titel
|
|
|
jaa die seite kenn ich! wollte das menü aber halt schon so lassen, wie es jetzt ist... naja ich versuch mich mal... ich schreib dann wenn ich ne lösung gefunden habe..
|
|
|
|
|
denise2302
Threadersteller
Dabei seit: 12.09.2006
Ort: Leipzig
Alter: 34
Geschlecht:
|
Verfasst Do 04.10.2007 10:27
Titel
|
|
|
mhmm hab grad mal ein bissl gegoogelt... aber nichts gefunden... geht das denn irgendwie, dass ich das menü so lasse wie es ist, und js verwende, womit ich dem ie6 sag, was er machen muss? und wie geht das? was is das für ein script?
|
|
|
|
|
denise2302
Threadersteller
Dabei seit: 12.09.2006
Ort: Leipzig
Alter: 34
Geschlecht:
|
Verfasst Do 04.10.2007 10:47
Titel
|
|
|
SO.... hab jetzt was gefunden was ich auch genommen habe.... damit klappts
http://www.peterkroener.de/2007/07/11/drop-down-menue-mit-css-und-fast-ohne-javascript/
man "lernt" dem ie6 damit sozusagen die fähikeit mit dem hover, fand ich jetzt die beste lösung, weil ich damit auch nicht nochmal im code rumwurschteln musste, sondern einfach das hinzugefügt habe, und anscheinend gehts ja doch nicht ganz ohne js... naja... so ist auf jeden fall iO finde ich!
|
|
|
|
|
|
|
|
Ähnliche Themen |
Problem mit JS/CSS-Menü
CSS MEnü Problem
JS Menü Problem
problem mit menü in typo3
Problem mit Drop-Down Menü [CSS]
Problem mit Menü in Flash
|
|