Auf Thema antworten 2026

Beitrag

<blockquote data-quote="Dag88" data-source="post: 1461700" data-attributes="member: 82926">AW: dropdown navi mit rollover bilder!!![HTML]&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt;&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;&nbsp; &nbsp; &lt;head&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=UTF-8&quot; /&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;title&gt;TC Glimmer | News&lt;/title&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;css/main.css&quot; /&gt;&nbsp; &nbsp; &lt;/head&gt;&nbsp; &nbsp; &lt;body&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;container&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;header&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;navi&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;script type=&quot;text/javascript&quot;&gt;function MM_swapImgRestore() { //v3.0&nbsp; var i,x,a=document.MM_sr; for(i=0;a&amp;&amp;i&lt;a.length&amp;&amp;(x=a[i])&amp;&amp;x.oSrc;i++) x.src=x.oSrc;}function MM_preloadImages() { //v3.0&nbsp; var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();&nbsp; &nbsp; var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i&lt;a.length; i++)&nbsp; &nbsp; if (a[i].indexOf(&quot;#&quot;)!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}}function MM_findObj(n, d) { //v4.01&nbsp; var p,i,x;&nbsp; if(!d) d=document; if((p=n.indexOf(&quot;?&quot;))&gt;0&amp;&amp;parent.frames.length) {&nbsp; &nbsp; d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}&nbsp; if(!(x=d[n])&amp;&amp;d.all) x=d.all[n]; for (i=0;!x&amp;&amp;i&lt;d.forms.length;i++) x=d.forms[i][n];&nbsp; for(i=0;!x&amp;&amp;d.layers&amp;&amp;i&lt;d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);&nbsp; if(!x &amp;&amp; d.getElementById) x=d.getElementById(n); return x;}function MM_swapImage() { //v3.0&nbsp; var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i&lt;(a.length-2);i+=3)&nbsp;&nbsp; if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}}&lt;/script&gt;&lt;body onLoad=&quot;MM_preloadImages(&#039;../bilder/news_akt.jpg&#039;,&#039;../bilder/verein_akt.jpg&#039;,&#039;../bilder/team_akt.jpg&#039;,&#039;../bilder/saison_akt.jpg&#039;,&#039;../bilder/galerie_akt.jpg&#039;,&#039;../bilder/forum_akt.jpg&#039;,&#039;../bilder/kontakt_akt.jpg&#039;,&#039;../bilder/impressum_akt.jpg&#039;,&#039;../bilder/login_akt.jpg&#039;)&quot;&gt;&lt;ul&gt;&nbsp; &nbsp; &lt;li&gt;&lt;a title=&quot;Aktuelles zum Verein&quot; href=&quot;#&quot; onMouseOut=&quot;MM_swapImgRestore()&quot; onMouseOver=&quot;MM_swapImage(&#039;news&#039;,&#039;&#039;,&#039;../bilder/news_akt.jpg&#039;,1)&quot;&gt;&lt;img src=&quot;../bilder/news_inakt.jpg&quot; alt=&quot;News&quot; name=&quot;news&quot; width=&quot;57&quot; height=&quot;24&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;img src=&quot;../bilder/sep_navi.jpg&quot; width=&quot;1&quot; height=&quot;24&quot; /&gt;&lt;/li&gt;&lt;li&gt;&lt;a title=&quot;Informationen zum Verein&quot; href=&quot;#&quot; onMouseOut=&quot;MM_swapImgRestore()&quot; onMouseOver=&quot;MM_swapImage(&#039;verein&#039;,&#039;&#039;,&#039;../bilder/verein_akt.jpg&#039;,1)&quot;&gt;&lt;img src=&quot;../bilder/verein_inakt.jpg&quot; alt=&quot;Verein&quot; name=&quot;verein&quot; width=&quot;58&quot; height=&quot;24&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;img src=&quot;../bilder/sep_navi.jpg&quot; width=&quot;1&quot; height=&quot;24&quot; /&gt;&lt;/li&gt;&lt;li&gt;&lt;a title=&quot;Alle Teams im &amp;Uuml;berblick&quot; href=&quot;#&quot; onMouseOut=&quot;MM_swapImgRestore()&quot; onMouseOver=&quot;MM_swapImage(&#039;Team&#039;,&#039;&#039;,&#039;../bilder/team_akt.jpg&#039;,1)&quot;&gt;&lt;img src=&quot;../bilder/team_inakt.jpg&quot; alt=&quot;Team&quot; name=&quot;Team&quot; width=&quot;53&quot; height=&quot;24&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;img src=&quot;../bilder/sep_navi.jpg&quot; width=&quot;1&quot; height=&quot;24&quot; /&gt;&lt;ul&gt;&lt;li&gt;1. M&amp;auml;nner &gt;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;ul&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Kader&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Mannschaftsfoto&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;/ul&gt;&nbsp; &nbsp; &lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;2. M&amp;auml;nner &gt;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;ul&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Kader&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Mannschaftsfoto&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;/ul&gt;&nbsp; &nbsp; &lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;Alte Herren &gt;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;ul&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Kader&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Mannschaftsfoto&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;/ul&gt;&nbsp; &nbsp; &lt;/li&gt;&nbsp; &nbsp; &lt;/ul&gt;&lt;/li&gt;&lt;li&gt;&lt;a title=&quot;Alle Saisons zusammengefasst&quot; href=&quot;#&quot; onMouseOut=&quot;MM_swapImgRestore()&quot; onMouseOver=&quot;MM_swapImage(&#039;Saison&#039;,&#039;&#039;,&#039;../bilder/saison_akt.jpg&#039;,1)&quot;&gt;&lt;img src=&quot;../bilder/saison_inakt.jpg&quot; alt=&quot;Saison&quot; name=&quot;Saison&quot; width=&quot;61&quot; height=&quot;24&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;img src=&quot;../bilder/sep_navi.jpg&quot; width=&quot;1&quot; height=&quot;24&quot; /&gt;&lt;/li&gt;&lt;li&gt;&lt;a title=&quot;Bilder des Vereins&quot; href=&quot;#&quot; onMouseOut=&quot;MM_swapImgRestore()&quot; onMouseOver=&quot;MM_swapImage(&#039;galerie&#039;,&#039;&#039;,&#039;../bilder/galerie_akt.jpg&#039;,1)&quot;&gt;&lt;img src=&quot;../bilder/galerie_inakt.jpg&quot; alt=&quot;Galerie&quot; name=&quot;galerie&quot; width=&quot;68&quot; height=&quot;24&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;img src=&quot;../bilder/sep_navi.jpg&quot; width=&quot;1&quot; height=&quot;24&quot; /&gt;&lt;/li&gt;&lt;li&gt;&lt;a title=&quot;Forum für Mitglieder&quot; href=&quot;#&quot; onMouseOut=&quot;MM_swapImgRestore()&quot; onMouseOver=&quot;MM_swapImage(&#039;forum&#039;,&#039;&#039;,&#039;../bilder/forum_akt.jpg&#039;,1)&quot;&gt;&lt;img src=&quot;../bilder/forum_inakt.jpg&quot; alt=&quot;Forum&quot; name=&quot;forum&quot; width=&quot;62&quot; height=&quot;24&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;img src=&quot;../bilder/sep_navi.jpg&quot; width=&quot;1&quot; height=&quot;24&quot; /&gt;&lt;/li&gt;&lt;li&gt;&lt;a title=&quot;Fragen zum Verein?&quot; href=&quot;#&quot; onMouseOut=&quot;MM_swapImgRestore()&quot; onMouseOver=&quot;MM_swapImage(&#039;kontakt&#039;,&#039;&#039;,&#039;../bilder/kontakt_akt.jpg&#039;,1)&quot;&gt;&lt;img src=&quot;../bilder/kontakt_inakt.jpg&quot; alt=&quot;Kontakt&quot; name=&quot;kontakt&quot; width=&quot;72&quot; height=&quot;24&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;img src=&quot;../bilder/sep_navi.jpg&quot; width=&quot;1&quot; height=&quot;24&quot; /&gt;&lt;/li&gt;&lt;li&gt;&lt;a title=&quot;Rechtliches&quot; href=&quot;#&quot; onMouseOut=&quot;MM_swapImgRestore()&quot; onMouseOver=&quot;MM_swapImage(&#039;impressum&#039;,&#039;&#039;,&#039;../bilder/impressum_akt.jpg&#039;,1)&quot;&gt;&lt;img src=&quot;../bilder/impressum_inakt.jpg&quot; alt=&quot;Impressum&quot; name=&quot;impressum&quot; width=&quot;87&quot; height=&quot;24&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;img src=&quot;../bilder/sep_navi.jpg&quot; width=&quot;1&quot; height=&quot;24&quot; /&gt;&lt;/li&gt;&lt;li&gt;&lt;a title=&quot;F&amp;uuml;r Admins des Vereins&quot; href=&quot;#&quot; onMouseOut=&quot;MM_swapImgRestore()&quot; onMouseOver=&quot;MM_swapImage(&#039;login&#039;,&#039;&#039;,&#039;../bilder/login_akt.jpg&#039;,1)&quot;&gt;&lt;img src=&quot;../bilder/login_inakt.jpg&quot; alt=&quot;Login&quot; name=&quot;login&quot; width=&quot;58&quot; height=&quot;24&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;img src=&quot;../bilder/sep_navi.jpg&quot; width=&quot;1&quot; height=&quot;24&quot; /&gt;&lt;/li&gt;&lt;/ul&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;!-- Navi --&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;!-- Header --&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;content&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;maincontent&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;!-- Main Content --&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;sidebar&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;!-- Sidebar --&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;!-- Content --&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;footer&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;!-- Footer --&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;!-- container --&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &lt;/body&gt;&lt;/html&gt;[/HTML][CODE]body {background-color:#333;}#container {margin:0 auto; width: 980px; border:#022fc8 1px solid;}#header {background-image:url(../bilder/header.jpg); width:980px; height:138px;}/*Navigation*/#navi {background-image:url(../bilder/navi_bg.jpg); background-repeat:repeat-x; position:absolute; top:147px; width:980px; height:24px;}#navi ul {padding:0; margin:0; position:absolute;}#navi ul li ul li {color:#666; width:100px;}#navi ul li ul li ul {position:absolute; left:100px; top:-20px;}#navi ul li ul li ul li a {display:inline-block; width:30px; color:#000;}#navi li {list-style:none; display:inline; margin:0px; padding:0px; position:relative;}#navi img {border:0; margin:0px; padding:0px;}#navi li {float:left;}#navi li ul {display:none;}#navi li:hover ul {display:block;}#maincontent {background-image:url(../bilder/bg_content.jpg); background-repeat:repeat-y; height:400px;}#footer {background-color:#2680ce; border-top:#022fc8 1px solid; height:60px; width:980px;}[/CODE]Und mit der psd-tutorials navi meinte ich ja nur dass es so aussehen soll. natürlich sehe ich selber dass dort keine bilder verwendet worden sind<img src="/styles/default/xenforo/smilies/zwinker.gif"&nbsp; class="smilie" loading="lazy" alt=";)" title="Wink&nbsp; &nbsp; ;)" data-shortname=";)" /></blockquote>

[QUOTE="Dag88, post: 1461700, member: 82926"] [b]AW: dropdown navi mit rollover bilder!!![/b] [HTML]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>TC Glimmer | News</title> <link rel="stylesheet" type="text/css" href="css/main.css" /> </head> <body> <div id="container"> <div id="header"> <div id="navi"> <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> <body onLoad="MM_preloadImages('../bilder/news_akt.jpg','../bilder/verein_akt.jpg','../bilder/team_akt.jpg','../bilder/saison_akt.jpg','../bilder/galerie_akt.jpg','../bilder/forum_akt.jpg','../bilder/kontakt_akt.jpg','../bilder/impressum_akt.jpg','../bilder/login_akt.jpg')"> <ul> <li><a title="Aktuelles zum Verein" href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('news','','../bilder/news_akt.jpg',1)"><img src="../bilder/news_inakt.jpg" alt="News" name="news" width="57" height="24" border="0"></a><img src="../bilder/sep_navi.jpg" width="1" height="24" /></li><li><a title="Informationen zum Verein" href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('verein','','../bilder/verein_akt.jpg',1)"><img src="../bilder/verein_inakt.jpg" alt="Verein" name="verein" width="58" height="24" border="0"></a><img src="../bilder/sep_navi.jpg" width="1" height="24" /></li><li><a title="Alle Teams im Überblick" href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Team','','../bilder/team_akt.jpg',1)"><img src="../bilder/team_inakt.jpg" alt="Team" name="Team" width="53" height="24" border="0"></a><img src="../bilder/sep_navi.jpg" width="1" height="24" /><ul> <li>1. Männer >> <ul> <li><a href="#">Kader</a></li> <li><a href="#">Mannschaftsfoto</a></li> </ul> </li> <li>2. Männer >> <ul> <li><a href="#">Kader</a></li> <li><a href="#">Mannschaftsfoto</a></li> </ul> </li> <li>Alte Herren >> <ul> <li><a href="#">Kader</a></li> <li><a href="#">Mannschaftsfoto</a></li> </ul> </li> </ul></li><li><a title="Alle Saisons zusammengefasst" href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Saison','','../bilder/saison_akt.jpg',1)"><img src="../bilder/saison_inakt.jpg" alt="Saison" name="Saison" width="61" height="24" border="0"></a><img src="../bilder/sep_navi.jpg" width="1" height="24" /></li><li><a title="Bilder des Vereins" href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('galerie','','../bilder/galerie_akt.jpg',1)"><img src="../bilder/galerie_inakt.jpg" alt="Galerie" name="galerie" width="68" height="24" border="0"></a><img src="../bilder/sep_navi.jpg" width="1" height="24" /></li><li><a title="Forum für Mitglieder" href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('forum','','../bilder/forum_akt.jpg',1)"><img src="../bilder/forum_inakt.jpg" alt="Forum" name="forum" width="62" height="24" border="0"></a><img src="../bilder/sep_navi.jpg" width="1" height="24" /></li><li><a title="Fragen zum Verein?" href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('kontakt','','../bilder/kontakt_akt.jpg',1)"><img src="../bilder/kontakt_inakt.jpg" alt="Kontakt" name="kontakt" width="72" height="24" border="0"></a><img src="../bilder/sep_navi.jpg" width="1" height="24" /></li><li><a title="Rechtliches" href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('impressum','','../bilder/impressum_akt.jpg',1)"><img src="../bilder/impressum_inakt.jpg" alt="Impressum" name="impressum" width="87" height="24" border="0"></a><img src="../bilder/sep_navi.jpg" width="1" height="24" /></li><li><a title="Für Admins des Vereins" href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('login','','../bilder/login_akt.jpg',1)"><img src="../bilder/login_inakt.jpg" alt="Login" name="login" width="58" height="24" border="0"></a><img src="../bilder/sep_navi.jpg" width="1" height="24" /></li> </ul>  </div>  </div> <div id="content"> <div id="maincontent">  </div> <div id="sidebar">  </div>  </div> <div id="footer">  </div>  </div> </body> </html>[/HTML] [CODE]body {background-color:#333;} #container {margin:0 auto; width: 980px; border:#022fc8 1px solid;} #header {background-image:url(../bilder/header.jpg); width:980px; height:138px;} /*Navigation*/ #navi {background-image:url(../bilder/navi_bg.jpg); background-repeat:repeat-x; position:absolute; top:147px; width:980px; height:24px;} #navi ul {padding:0; margin:0; position:absolute;} #navi ul li ul li {color:#666; width:100px;} #navi ul li ul li ul {position:absolute; left:100px; top:-20px;} #navi ul li ul li ul li a {display:inline-block; width:30px; color:#000;} #navi li {list-style:none; display:inline; margin:0px; padding:0px; position:relative;} #navi img {border:0; margin:0px; padding:0px;} #navi li {float:left;} #navi li ul {display:none;} #navi li:hover ul {display:block;} #maincontent {background-image:url(../bilder/bg_content.jpg); background-repeat:repeat-y; height:400px;} #footer {background-color:#2680ce; border-top:#022fc8 1px solid; height:60px; width:980px;}[/CODE] Und mit der psd-tutorials navi meinte ich ja nur dass es so aussehen soll. natürlich sehe ich selber dass dort keine bilder verwendet worden sind;) [/QUOTE]

Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.

Authentifizierung

Wenn ★ = 12, ◇ = 4 und die Hälfte von ★ zu ◇ addiert wird, was ist das Ergebnis?