28.03.2012, 12:41
|
|||
|
|||
HILFE!!! Spry menu wird in IE nicht korrekt angezeigt!
hallo leute,
bin auf diesem gebiet hier ganz neu und hab eine Website mit dreamweaver erstellt. Firefox zeigt mein horizontales spry menu korrekt an, aber Internet Explorer zeigt das drop down menu mit einem vorgelagerten weißen kasten, in dem "false" drinsteht. Langsam werde ich verrückt weil ich das Problem einfach nicht beheben kann...  ich weiß, dass IE oft probleme hat, aber ich konnte einfach nichts in den anderen foren finden, was mein Problem lösen würde... Ich hoffe, dass mir bald jemand helfen kann! sonst dreh ich noch voll durch!hier die codes: HTML-Code:
<!-- TemplateEndEditable --> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="stylesheet" href="ENTWURF NEU/mm_lodging1.css" type="text/css" /> <style type="text/css"> <!-- body { background-color: #ECE9E6; margin-left: 50px; margin-right: 0px; background-image: url(); } --> </style> <script src="SpryMenuBar.js" type="text/javascript"></script> <link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" /> <link href="SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css" /> <style type="text/css"> <!-- .Stil1 { font-family: Arial, Helvetica, sans-serif } .Stil12 { font-size: 14px; color: #666666; font-family: Arial, Helvetica, sans-serif; } .Stil16 {font-size: 14px; font-weight: bold; color: #FFFFFF; } .Stilfett { font-family: Arial, Helvetica, sans-serif; font-size: 11pt; font-weight: bold; color: #FFFFFF; } .Stil29 { font-family: Arial, Helvetica, sans-serif; color: #000000; } .Stil30 { font-size: 16px; color: #666666; font-weight: bolder; font-family: Arial, Helvetica, sans-serif; } .Stil33 {font-size: 10px} .Stil34 {font-size: 24px} .Stil35 { color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 11px; } a:link { } .Stil37 {color: #ee7f01} .Stil38 { color: #000000; font-weight: normal; font-family: Arial, Helvetica, sans-serif; font-size: 14px; } .Stil40 {color: #000000; font-weight: bold; } a:hover { color: #000000; } --> </style> <script src="ENTWURF NEU/Scripts/AC_RunActiveContent.js" type="text/javascript"></script> <!-- TemplateBeginEditable name="head" --><!-- TemplateEndEditable --> <script src="Scripts/AC_ActiveX.js" type="text/javascript"></script> <script type="text/javascript"> <!-- function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; } function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}} } function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && d.getElementById) x=d.getElementById(n); return x; } function MM_swapImage() { //v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];} } //--> </script> </head> <body onload="MM_preloadImages('NEW BUTTONS/HOME-under-3.gif','NEW BUTTONS/KONTAKT--under-3.gif','NEW BUTTONS/MONATSAKTION-under-3.gif','NEW BUTTONS/sonderanfertigung-under-3.gif','NEW BUTTONS/FAQ-under-3.gif')"> <table width="1563" height="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF"> <tr> <td width="171" nowrap="nowrap" bgcolor="#FFFFFF"> </td> <td width="4" nowrap="nowrap" bgcolor="#FFFFFF"> </td> <td height="98" colspan="2" nowrap="nowrap" bgcolor="#FFFFFF" class="logo"><img src="TOPFRAME-4.gif" alt="Promosolution-Werbemittel für Ihr Unternehmen" width="950" height="100" hspace="0" vspace="0" align="baseline" /></td> <td width="287" height="94" bgcolor="#FFFFFF"><span class="logo"><img src="Fotolia_19874789_XS.jpg" alt="unser Service" width="100" height="100" longdesc="../callcenter agentin.jpg" /></span></td> </tr> <tr bgcolor="#F1950A"> <td height="94" colspan="2" nowrap="nowrap" background="hintergrundbuttonleiste3klein.gif" bgcolor="#F1950A" class="MenuBarVertical Stil34" widith= "170"><div align="left"> <p align="center">online shop</p> </div></td> <td colspan="2" valign="center" background="hintergrundbuttonleiste3.png"> <div align="center"> <ul class="MenuBarHorizontal" id="MenuBar1" spry:region=""> <li class="MenuBarHorizontal"> <div align="center"><strong><a href="#" class="Stil30">Büro</a></strong> <ul> <li><a href="http://www.promotionalcontent.com/start_de.asp?id=804&bc=F1950A" target="shop">Bürozubehör</a></li> <li><a href="http://www.promotionalcontent.com/start_de.asp?id=806&bc=F1950A" target="shop">Schreibtischzubehör</a></li> <li><a href="http://www.promotionalcontent.com/start_de.asp?id=803&bc=F1950A" target="shop">Notiz- und Fotohalter</a></li> <li><a href="http://www.promotionalcontent.com/start_de.asp?id=878&bc=F1950A" target="shop">Notizblöcke</a></li> <li><a href="http://www.promotionalcontent.com/start_de.asp?id=805&bc=F1950A" target="shop">Notizbücher</a></li> <li><a href="http://www.promotionalcontent.com/start_de.asp?id=879&bc=F1950A" target="shop">Kalender</a></li> <li><a href="http://www.promotionalcontent.com/start_de.asp?id=882&bc=F1950A" target="shop">Terminkalender</a></li> <li><a href="http://www.promotionalcontent.com/start_de.asp?id=883&bc=F1950A" target="shop">Büroklammern</a></li> <li><a href="http://www.promotionalcontent.com/start_de.asp?id=884&bc=F1950A" target="shop">Dokumentenordner</a></li> </ul> </div> </li> <li class="MenuBarHorizontal"> <div align="center"><a href="#" class="MenuBarItemSubmenu">Schreibgeräte</a> <ul> <li><a href="http://www.promotionalcontent.com/start_de.asp?id=885&bc=F1950A" target="shop">Kugelschreiber</a></li> <li><a href="http://www.promotionalcontent.com/start_de.asp?id=886&bc=F1950A" target="shop">Rollerball</a></li> <li><a href="http://www.promotionalcontent.com/start_de.asp?id=887&bc=F1950A" target="shop">Bleistifte und Bundstifte</a></li> <li><a href="http://www.promotionalcontent.com/start_de.asp?id=888&bc=F1950A" target="shop">Schreibsets</a></li> </ul> </div> </li> <li class="MenuBarHorizontal"> <div align="center"><a href="#" class="MenuBarItemSubmenu">Elektronik</a> <ul> <li><a href="http://www.promotionalcontent.com/start_de.asp?id=889&bc=F1950A" target="shop">Elektroartikel</a></li> <li><a href="http://www.promotionalcontent.com/start_de.asp?id=890&bc=F1950A" target="shop">Audio</a> </li> <li><a href="http://www.promotionalcontent.com/start_de.asp?id=892&bc=F1950A" target="shop">Computerzubehör</a></li> <li><a href="http://www.promotionalcontent.com/start_de.asp?id=893&bc=F1950A" target="shop">Kameras und Ferngläser</a></li> <li><a href="http://www.promotionalcontent.com/start_de.asp?id=894&bc=F1950A" target="shop">Lampen</a></li> <li><a href="http://www.promotionalcontent.com/start_de.asp?id=895&bc=F1950A" target="shop">USB Produkte</a></li> </ul> </div> </li> <li class="MenuBarHorizontal"> <div align="center"><a href="#" class="MenuBarItemSubmenu">Zeit & Wetter</a> <ul> <li><a href="http://www.promotionalcontent.com/start_de.asp?id=896&bc=F1950A" target="shop">Zeit- und Wetterprodukte</a></li> <li><a href="http://www.promotionalcontent.com/start_de.asp?id=897&bc=F1950A" target="shop">Uhren und Armbanduhren</a></li> <li><a href="http://www.promotionalcontent.com/start_de.asp?id=898&bc=F1950A" target="shop">Uhren und Wecker</a></li> <li><a href="http://www.promotionalcontent.com/start_de.asp?id=899&bc=F1950A" target="shop">Wetterstationen</a></li> <li><a href="http://www.promotionalcontent.com/start_de.asp?id=900&bc=F1950A" target="shop">Regenkleidung</a></li> <li><a href="http://www.promotionalcontent.com/start_de.asp?id=901&bc=F1950A" target="shop">Schirme</a></li> </ul> </div> </li> <li class="MenuBarHorizontal"> <div align="center"><a href="#" class="MenuBarItemSubmenu">Haushalt</a> <ul> <li><a href="http://www.promotionalcontent.com/start_de.asp?id=902&bc=F1950A" target="shop">Haus- und Wohnen</a></li> <li><a href="http://www.promotionalcontent.com/start_de.asp?id=903&bc=F1950A" target="shop">Badartikel</a></li> <li><a href="http://www.promotionalcontent.com/start_de.asp?id=904&bc=F1950A" target="shop">Küchenzubehör</a></li> <li><a href="http://www.promotionalcontent.com/start_de.asp?id=905&bc=F1950A" target="shop">Wohnzubehör</a></li> <li><a href="http://www.promotionalcontent.com/start_de.asp?id=906&bc=F1950A" target="shop">Messer und Taschenmesser</a></li> <li><a href="http://www.promotionalcontent.com/start_de.asp?id=907&bc=F1950A" target="shop">Tischsets und Untersetzer</a></li> <li><a href="http://www.promotionalcontent.com/start_de.asp?id=908&bc=F1950A" target="shop">Tassen, Gläser und Flaschen</a></li> <li><a href="http://www.promotionalcontent.com/start_de.asp?id=909&bc=F1950A" target="shop">Wein und Weinzubehör</a></li> <li><a href="http://www.promotionalcontent.com/start_de.asp?id=910&bc=F1950A" target="shop">Teelichter und Kerzen</a></li> <li><a href="http://www.promotionalcontent.com/start_de.asp?id=911&bc=F1950A" target="shop">Glasartikel</a></li> <li><a href="http://www.promotionalcontent.com/start_de.asp?id=912&bc=F1950A" target="shop">Boxen und Hüllen</a></li> <li><a href="http://www.promotionalcontent.com/start_de.asp?id=913&bc=F1950A" target="shop">Fotorahmen und Alben</a></li> </ul> </div> </li> <li class="MenuBarHorizontal"> <div align="center"><a href="#" class="MenuBarItemSubmenu">Wellness & Persönlich</a> <ul> <li><a href="http://www.promotionalcontent.com/start_de.asp?id=914&bc=F1950A" target="shop">Persönliche Artikel</a></li> <li><a href="http://www.promotionalcontent.com/start_de.asp?id=915&bc=F1950A" target="shop">Wellnessprodukte</a></li> <li><a href="http://www.promotionalcontent.com/start_de.asp?id=916&bc=F1950A" target="shop">Kosmetikartikel</a></li> <li><a href="http://www.promotionalcontent.com/start_de.asp?id=917&bc=F1950A" target="shop">Lanyards</a></li> <li><a href="http://www.promotionalcontent.com/start_de.asp?id=918&bc=F1950A" target="shop">Schlüsselanhänger</a></li> <li><a href="http://www.promotionalcontent.com/start_de.asp?id=807&bc=F1950A" target="shop">Kartenetui</a></li> </ul> </div> </li> <li class="MenuBarHorizontal"> <div align="center"><a href="#" class="MenuBarItemSubmenu">Taschen & Reisen</a> <ul> <li><a href="http://www.promotionalcontent.com/start_de.asp?id=919&bc=F1950A" target="shop">Reisezubehör</a></li> <li><a href="http://www.promotionalcontent.com/start_de.asp?id=920&bc=F1950A" target="shop">Geldbörsen und Brieftaschen</a></li> <li><a href="http://www.promotionalcontent.com/start_de.asp?id=921&bc=F1950A" target="shop">Taschen und Beutel</a></li> </ul> </div> </li> <li class="MenuBarHorizontal"> <div align="center"><a href="#" class="Stil29">Spiel & Kinderartikel</a> <ul> <li><a href="http://www.promotionalcontent.com/start_de.asp?id=922&bc=F1950A" target="shop">Spielwaren</a></li> <li><a href="http://www.promotionalcontent.com/start_de.asp?id=923&bc=F1950A" target="shop">Elektronsche Spiele und Spielwaren</a></li> <li><a href="http://www.promotionalcontent.com/start_de.asp?id=924&bc=F1950A" target="shop">Bälle</a></li> </ul> </div> </li> <li class="MenuBarHorizontal"> <div align="center"><a href="#" class="MenuBarItemSubmenu">Werkzeug</a> <ul> <li><a href="http://www.promotionalcontent.com/start_de.asp?id=925&bc=F1950A" target="shop">Autozubehör und Werkzeug</a></li> <li><a href="http://www.promotionalcontent.com/start_de.asp?id=926&bc=F1950A" target="shop">Werkzeuge und Taschenlampen</a></li> <li><a href="http://www.promotionalcontent.com/start_de.asp?id=929&bc=F1950A" target="shop">Multitools</a></li> <li><a href="http://www.promotionalcontent.com/start_de.asp?id=927&bc=F1950A" target="shop">Toolkits</a></li> <li><a href="http://www.promotionalcontent.com/start_de.asp?id=928&bc=F1950A" target="shop">Feuerzeuge</a></li> </ul> </div> </li> <li class="MenuBarHorizontal"> <div align="center"><a href="#" class="MenuBarItemSubmenu">Freizeit</a> <ul> <li><a href="http://www.promotionalcontent.com/start_de.asp?id=930&bc=F1950A" target="shop">Freizeitartikel</a></li> <li><a href="http://www.promotionalcontent.com/start_de.asp?id=931&bc=F1950A" target="shop">Golfartikel</a></li> <li><a href="http://www.promotionalcontent.com/start_de.asp?id=932&bc=F1950A" target="shop">Outdoor</a></li> <li><a href="http://www.promotionalcontent.com/start_de.asp?id=933&bc=F1950A" target="shop">Sommer und Strand</a></li> <li><a href="http://www.promotionalcontent.com/start_de.asp?id=934&bc=F1950A" target="shop">Sonnenbrillen</a></li> <li><a href="http://www.promotionalcontent.com/start_de.asp?id=935&bc=F1950A" target="shop">Sportartikel</a></li> <li><a href="http://www.promotionalcontent.com/start_de.asp?id=936&bc=F1950A" target="shop">Schlüsselanhänger</a></li> </ul> </div> </li> <li class="MenuBarHorizontal"> <div align="center"><a href="#" class="MenuBarItemSubmenu">Textil</a> <ul> <li><a href="http://www.promotionalcontent.com/start_de.asp?id=937&bc=F1950A" target="shop">Textil und Kleidung</a></li> <li><a href="http://www.promotionalcontent.com/start_de.asp?id=938&bc=F1950A" target="shop">Kappen, Mützen und Hüte</a></li> <li><a href="http://www.promotionalcontent.com/start_de.asp?id=939&bc=F1950A" target="shop">Regenkleidung</a></li> <li><a href="http://www.promotionalcontent.com/start_de.asp?id=940&bc=F1950A" target="shop">Badtextil</a></li> </ul> </div> </li> <li class="MenuBarHorizontal"> <div align="center"><a href="#" class="MenuBarItemSubmenu">Lebensmittel</a> <ul> <li><a href="http://www.promotionalcontent.com/start_de.asp?id=941&bc=F1950A" target="shop">Themenpakete</a></li> <li><a href="http://www.promotionalcontent.com/start_de.asp?id=942&bc=F1950A" target="shop">Süßes</a></li> <li><a href="http://www.promotionalcontent.com/start_de.asp?id=943&bc=F1950A" target="shop">Werbegetränke</a></li> <li><a href="http://www.promotionalcontent.com/start_de.asp?id=944&bc=F1950A" target="shop">Wein und Zubehör</a></li> </ul> </div> </li> <li class="MenuBarHorizontal"> <div align="center"><a href="#" class="MenuBarItemSubmenu">Sonstiges</a> <ul> <li><a href="http://www.promotionalcontent.com/start_de.asp?id=945&bc=F1950A" target="shop">Weinachtsartikel</a></li> <li><a href="http://www.promotionalcontent.com/start_de.asp?id=946&bc=F1950A" target="shop">Trophän und Medallien</a></li> <li><a href="http://www.promotionalcontent.com/start_de.asp?id=947&bc=F1950A" target="shop">Themenpakete</a></li> <li><a href="http://www.promotionalcontent.com/start_de.asp?id=948&bc=F1950A" target="shop">Prämien und Überraschungen</a></li> <li><a href="http://www.promotionalcontent.com/start_de.asp?id=949&bc=F1950A" target="shop">Green Products</a></li> <li><a href="http://www.promotionalcontent.com/start_de.asp?id=950&bc=F1950A" target="shop">Executive</a></li> </ul> </div> </li> <li class="MenuBarHorizontal"> <div align="center"><a href="#" class="MenuBarItemSubmenu">Sonderanfertigung</a> <ul> <li><a href="sonderanfertigung artikel seperat.html" target="shop">Sonderartikel</a></li> <li><a href="ENTWURF NEU/sonderanfertigung anfrage.html" target="shop">Unser Service</a></li> </ul> </div> </li> </ul> </div> <p> </p></td> <td width="287" nowrap="nowrap" background="hintergrundbuttonleiste3.png" bgcolor="#FFFFFF" class="navText" id="navigation"><blockquote> <p align="left"> <span class="Stil16"><strong><strong><img src="telefonsymbol.png" alt="phone" width="25" height="25" longdesc="../telefonsymbol.png" /></strong></strong> Persönliche Beratung</span><span class="Stilfett"><br /> Tel: 0 70 33 /39 87-14<br /> <a href="mailto:info@promosolution.de" class="Stil38">info@promosolution.de</a></span><br /> <span class="Stil35">Wir helfen Ihnen gerne weiter!</span></p> </blockquote></td> </tr> <tr bgcolor="#ffffff"> <td height="19" colspan="2" valign="top" bgcolor="#ee7f01"> </td> <td valign="top"> </td> <td valign="top"> </td> <td bgcolor="#ee7f01"> </td> </tr> <tr bgcolor="#ffffff"> <td rowspan="2" valign="top" bgcolor="#ee7f01"><table width="171" height="224"> <tr> <td width="163" height="33"><a href="ENTWURF NEU/home seperat.html" target="shop" onmouseover="MM_swapImage('Home','','NEW BUTTONS/HOME-under-3.gif',1)" onmouseout="MM_swapImgRestore()"><img src="NEW BUTTONS/HOME-top-3.gif" alt="Home" name="Home" width="163" height="29" border="0" id="Home" /></a></td> </tr> <tr> <td height="30"><a href="ENTWURF NEU/wer wir sind seperat.html" target="shop" onmouseover="MM_swapImage('wer wir sind','','NEW BUTTONS/WER-WIR-SIND-under-3.gif',0)" onmouseout="MM_swapImgRestore()"><img src="NEW BUTTONS/WER-WIR-SIND-top-3.gif" alt="Wer wir sind" name="wer wir sind" width="163" height="29" border="0" id="wer wir sind" /></a></td> </tr> <tr> <td><a href="ENTWURF NEU/kontakt 2 seperat.html" target="shop" onmouseover="MM_swapImage('Kontakt','','NEW BUTTONS/KONTAKT--under-3.gif',1)" onmouseout="MM_swapImgRestore()"><img src="NEW BUTTONS/KONTAKT-top-3.gif" alt="Kontakt" name="Kontakt" width="163" height="29" border="0" id="Kontakt" /></a></td> </tr> <tr> <td><a href="ENTWURF NEU/SONDERAKTION SEPERAT.html" target="shop" onmouseover="MM_swapImage('Monatsaktion','','NEW BUTTONS/MONATSAKTION-under-3.gif',1)" onmouseout="MM_swapImgRestore()"><img src="NEW BUTTONS/MONATSAKTION-top-3.gif" alt="Monatsaktion" name="Monatsaktion" width="163" height="29" border="0" id="Monatsaktion" /></a></td> </tr> <tr> <td><a href="ENTWURF NEU/sonderanfertigung seperat.html" target="shop" onmouseover="MM_swapImage('Sonderanfertigung','','NEW BUTTONS/sonderanfertigung-under-3.gif',1)" onmouseout="MM_swapImgRestore()"><img src="NEW BUTTONS/sonderanfertigung-top-3.gif" alt="Sonderanfertigung" name="Sonderanfertigung" width="163" height="29" border="0" id="Sonderanfertigung" /></a></td> </tr> <tr> <td height="18"><a href="ENTWURF NEU/FAQ seperat.html" target="shop" onmouseover="MM_swapImage('FAQ','','NEW BUTTONS/FAQ-under-3.gif',1)" onmouseout="MM_swapImgRestore()"><img src="NEW BUTTONS/FAQ-top-3.gif" alt="FAQ" name="FAQ" width="163" height="29" border="0" id="FAQ" /></a></td> </tr> <tr> <td height="16"><p> </p> <p><span class="Stil1"><span class="Stil16"><img src="mailsymbol.png" alt="mail" width="25" height="25" longdesc="../mailsymbol.png" /> </span><span class="Stil16 Stil35"><a href="ENTWURF NEU/newsletter seperat.html" target="shop" class="Stil16">Newsletter Abo</a></span><br /> Hier können Sie sich für unseren Newsletter an- oder abmelden. Aktuelle Informationen zu Werbeartikel, Werbegeschenke und Giveaways.</span></p> <p class="Stil1"><img src="favoritensymbol.png" alt="symbol" width="25" height="25" longdesc="../favoritensymbol.png" /><span class="Stil16"><a href="javascript:window.external.AddFavorite('http://www.promosolution.de','PROMOSOLUTION - Werbeartikel')" class="Stil16"> Favoriten</a></span><br /> Diese Seite zu meinen Favoriten hinzufügen</p> <p class="Stil1"><img src="infosymbol.png" alt="info" width="25" height="25" longdesc="../infosymbol.png" /><span class="Stil16"> Information</span><br /> Dieser Shop ist nur für Gewerbe, Industrie, Agenturen, Handel und Vereine bestimmt.<br /> Alle Preise zzgl. 19% Mwst. & Versandkosten.</p></td> </tr> </table></td> <td colspan="1" rowspan="2" valign="top" bgcolor="#ee7f01"><p> </p> </td> <td width="177" rowspan="2" valign="top"><script type="text/javascript"> AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','177','height','633','title','Produkte','src','produktbanner fallend LANGSAMER','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','wmode','transparent','movie','produktbanner fallend LANGSAMER' ); //end AC code </script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="177" height="633" title="Produkte"> <param name="movie" value="produktbanner fallend LANGSAMER.swf" /> <param name="quality" value="high" /> <param name="wmode" value="transparent" /> <embed src="produktbanner fallend LANGSAMER.swf" width="177" height="633" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" wmode="opaque"></embed> </object> </noscript></td> <td width="924" rowspan="2" valign="top"><p> <script type="text/javascript"> AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','688','height','111','title','Marken','src','banner2','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','wmode','transparent','movie','banner2' ); //end AC code </script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="688" height="111" title="Marken"> <param name="movie" value="banner2.swf" /> <param name="quality" value="high" /> <param name="wmode" value="transparent" /> <embed src="banner2.swf" width="688" height="111" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" wmode="transparent"></embed> </object> </noscript> </p> <p><span class="Stil12">Und viele weitere Marken für das zu Ihnen passende Produkt! Sprechen Sie uns an und teilen Sie uns Ihre persönlichen Wünsche mit! </span></p> <p><span class="Stil12">Wir finden Ihr Produkt!</span></p> <table width="900" border="0" cellpadding="1" cellspacing="0" bordercolor="#FFFFFF"> <tr> <td width="900" height="800" bordercolor="#FFFFFF" class="pageName"><!-- TemplateBeginEditable name="EditRegion1" --> <iframe src="../ENTWURF NEU/home seperat.html" name="shop" width="100%" height="1200 px" scrolling="auto" frameborder="0"></iframe> <!-- TemplateEndEditable --> <div align="center"> <p class="Stil12"><a href="ENTWURF NEU/agb seperat.html" target="shop" class="Stil12"><u>AGB</u></a> I <a href="ENTWURF NEU/FAQ seperat.html" target="shop" class="Stil12"><u>FAQ</u></a> I <a href="ENTWURF NEU/impressum seperat.html" target="shop" class="Stil12"><u>Impressum</u></a> </p> <p class="Stil12"><span class="Stil33">© 2012 PROMOSOLUTION. Alle Rechte vorbehalten. Werbeartikel Werbemittel Giveaway</span>.</p> </div></td> </tr> </table> </td> <td width="287" height="112" bgcolor="#ee7f01"><table width="242"><tr><td><div align="left"> <table width="242"> <tr> <td height="39"><div align="left" class="Stil12"> <p><span class="Stil38"> Blättern Sie in unserem </span><span class="Stil40">ONLINE-</span><strong><span class="Stil38">KATALOG</span></strong></p> </div></td> </tr> <tr> <td width="481" height="248"><a href="http://www.impression-catalogue.com/stock/promotions/promosolution/index.html" target="shop"><img src="onlinekatalog.gif" alt="Blätterkatalog" width="204" height="212" /></a></td> </tr> <tr> <td height="45"><div align="left"><span class="Stil12"><span class="Stil38">oder fordern Sie ihn gleich <strong>KOSTENLOS</strong> an!</span></span></div></td> </tr> <tr> <td height="264"><a href="ENTWURF NEU/KONTAKTFORMULAR.html" target="shop"><img src="katalog.gif" alt="KATALOG" width="201" height="233" align="absbottom" longdesc="../katalog.gif" /></a></td> </tr> <tr> <td height="80"><span class="Stil12"><span class="Stil38">Sie sind speziell auf der Suche nach</span><span class="Stil38"> dem passenden USB-Stick? Dann</span> <span class="Stil38">klicken Sie hier für eine Auswahl unserer <strong>USB-Sticks</strong></span></span></td> </tr> <tr> <td><div align="left"><a href="http://usb-sticks-stuttgart.de/" target="shop"><img src="usb-sticks-shop-2.gif" alt="USB-STICK-SHOP" width="200" height="200" longdesc="../usb-sticks-SHOP.gif" /></a></div></td> </tr> </table> <a href="http://usb-sticks-stuttgart.de/" target="shop"></a></div></td> </tr> </table> </td> </tr> <tr bgcolor="#ffffff"> <td height="488" bgcolor="#ee7f01"> </td> </tr> <tr> <td height="19" colspan="5" nowrap="nowrap"> </td> </tr> <tr> <td height="30" colspan="5"> </td> </tr> </table> <script type="text/javascript"> <!-- var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"}); //--> </script> </body> </html> HTML-Code:
/*******************************************************************************
LAYOUT INFORMATION: describes box model, positioning, z-order
*******************************************************************************/
/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
{
margin: 0px;
padding: 0px;
list-style-type: none;
font-size: 14pt;
cursor: default;
width: 1100px;
background-image: none;
color: #000000;
font-weight: bolder;
z-index: auto;
font-family: Verdana, Arial, Helvetica, sans-serif;
background-position: center;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
left: 0px;
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
{
z-index: 880;
}
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
{
margin: 0;
padding: 0;
list-style-type: none;
text-align: left;
cursor: auto;
width: 140px;
height: 40px;
float: left;
}
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-size: 16pt;
cursor: default;
left: -1000em;
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
font-weight: bolder;
height: 40px;
width: 140px;
position: relative;
z-index: auto;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
{
left: 0px;
height: 40px;
width: 140px;
}
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
{
width: 140px;
height: 40px;
padding-bottom: 0px;
padding-top: 0px;
}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
{
position: absolute;
margin-top: -5%;
margin-right: 0;
margin-bottom: 0;
margin-left: 95%;
height: 40px;
width: 140px;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
{
left: 0;
top: 0;
height: 40px;
width: 140px;
}
/*******************************************************************************
DESIGN INFORMATION: describes color scheme, borders, fonts
*******************************************************************************/
/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
{
border: 0px solid #FFF;
height: 40px;
width: 140px;
}
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
{
display: block;
cursor: pointer;
color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
height: 36px;
width: 152px;
border: medium groove #333333;
font-weight: normal;
padding: 0px;
list-style-type: none;
margin: 0px;
background-image: url(../shopbutton.gif);
}
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
{
color: #ee7f01;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
background-image: url(../shopbutton-hell.gif);
z-index: 1000;
}
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{
font-size: 13px;
background-image: url(../shopbutton-hell.gif);
color: #F27900;
z-index: 1000;
}
/*******************************************************************************
SUBMENU INDICATION: styles if there is a submenu under a given menu item
*******************************************************************************/
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
{
background-image: none;
background-repeat: no-repeat;
background-position: 95% 50%;
margin: 0px;
padding: 0px;
}
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
{
background-image: url(../shopbutton-hell.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
height: 16px;
width: 155px;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
{
background-image: url(../shopbutton-hell.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
{
background-image: url(../shopbutton-hell.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
}
/*******************************************************************************
BROWSER HACKS: the hacks below should not be changed unless you are an expert
*******************************************************************************/
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
{
position: absolute;
z-index: 1010;
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
ul.MenuBarHorizontal li.MenuBarItemIE
{
f\loat: left;
display: inline;
height: 40px;
width: 140px;
}
}
#MenuBar1 .Stil4 .MenuBarItemSubmenu {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
}
#MenuBar1 .Stil4 .MenuBarHorizontal {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
height: 16px;
width: 155px;
}
#MenuBar1 .MenuBarHorizontal {
height: 16px;
width: 155px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
}
#MenuBar1 .MenuBarHorizontal {
height: 37px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
}
#MenuBar1 .MenuBarHorizontal .Stil1 MenuBarItemSubmenu {
height: 16px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
width: 155px;
color: #000000;
}
Geändert von lillaisa (28.03.2012 um 12:44 Uhr) 
|
| Sponsored Links |
|
28.03.2012, 13:17
|
|||
|
|||
|
Zitat:
Wenn du auf lange Zeit vorhast, dich mit Webdesign zu beschäftigen, dann rate ich dir dringend ein Standardwerk wie Little Boxes durchzuarbeiten um die handwerkliche Grundlage zu erlernen. Zitat:
Eine Testseite online wäre in diesem Fall ideal.
__________________
Über Internet Explorer 8: Noch bis 8. April 2014 wird der Internet Explorer 6 mit Sicherheitsupdates versorgt. Bereits jetzt kann dieser Browser aber vollständig durch den IE8 ersetzt werden. Ältere Betriebssysteme und Browserversionen werden von Microsoft nicht mehr unterstützt. Auch Programme, die den IE7 benötigen, sind kein Argument gegen IE8, da dieser über entsprechende Kompatibilitätsschichten verfügt. Ab sofort gilt daher der Internet Explorer 8 als vorausgesetzer Mindeststandard.
|
| Sponsored Links |
 |
|
|
Ähnliche Themen
|
||||
| Thema | Autor | Forum | Antworten | Letzter Beitrag |
| Horizontales menü Nach unten aufklappbar | franjob | CSS | 3 | 24.06.2009 13:51 |
| BG im link wird bei FF nicht korrekt angezeigt | emil | CSS | 4 | 08.02.2006 14:55 |
| Seite wird nicht korrekt angezeigt, aufgrund von Javascript? | unicorn | (X)HTML | 5 | 05.02.2006 15:01 |
| CSS Hilfe gesucht für Blindenseite | johnjdoe | CSS | 30 | 17.02.2005 17:14 |
Linear-Darstellung
