Nochmals ich
habe mich nun um die Navi gekümmert, der code sieht nun so aus:
body {font-family: Arial;
background-color: #D3D3D3;}
a {color: #ffffff;
font-weight: bold;}
a:visited {color: #ffffff;
font-weight: bold;}
a:active {color: #ffffff;}
a:hover {color: #808080;
font-weight: bold;}
#rahmen {width: 801px;
height: 606px;
position:absolute;
top:50%;
left:50%;
margin-left:-400px;
margin-top:-300px;
border: solid #D3D3D3 0px;
vertical-align: middle; }
#header {background-image: url(header.GIF);
height: 140px;
width: 800px;
border: solid #D3D3D3 0px;}
#navi {width: 799px;
height: 27px;
border: solid #000000 0px;}
#news { float:left;
width: 125px;
height: 433px;
border: solid #000000 0px;}
#inhalt {width: 672px;
height: 433px;
border: solid #000000 0px;
float:right;}
<body text="#ffffff" link="#FFffff" alink="#ffffff" vlink="#ffffff">
<div id="rahmen">
<div height="140" id="header"></div>
<div id="navi">
<a href="index.html"><img src="home.gif" border="0"></a>
<a href="news.html"><img src="news.gif" border="0"></a>
<a href="about.html"><img src="about.gif" border="0"></a>
<a href="rowing.html"><img src="rowing.gif" border="0"></a>
<a href="gallery.html"><img src="gallery.gif" border="0"></a>
<a href="web.html"><img src="web.gif" border="0"></a>
<a href="files.html"><img src="files.gif" border="0"></a>
<a href="gbook.html"><img src="gbook.gif" border="0"></a>
<a href="tuts.html"><img src="tuts.gif" border="0"></a>
<a href="contact.html"><img src="contact.gif" border="0"></a>
<a href="disc.html"><img src="disc.gif" border="0"></a>
</div>
<div id="news"></div>
<div id="inhalt"></div>
</div>
</body>
</html>
Hat dir diese Antwort geholfen?
Für die Links solltest du das Listenelement verwenden.
Siehe folgende Beispiele: http://css.maxdesign.com.au/listamatic/
Re...
Also ich habs nun so versucht:
<div id="navi">
<ul id="navlist">
<li><a href="http://solo.so.ohost.de"><img src="home.gif"></a></li>
<li><a href="http://solo.so.ohost.de"><img src="web.gif"></a></li>
<li><a href="http://solo.so.ohost.de"><img src="web.gif"></a></li>
<li><a href="http://solo.so.ohost.de"><img src="web.gif"></a></li>
<li><a href="http://solo.so.ohost.de"><img src="web.gif"></a></li>
<li><a href="http://solo.so.ohost.de"><img src="web.gif"></a></li>
<li><a href="http://solo.so.ohost.de"><img src="web.gif"></a></li>
<li><a href="http://solo.so.ohost.de"><img src="web.gif"></a></li>
<li><a href="http://solo.so.ohost.de"><img src="web.gif"></a></li>
<li><a href="http://solo.so.ohost.de"><img src="web.gif"></a></li>
<li><a href="http://solo.so.ohost.de"><img src="web.gif"></a></li>
</ul>
</div>
#navlist li
{
border: 0px
}
Hat dir diese Antwort geholfen?
| « Google Map in Javascript-variable referenzieren | joomla » | ||
Wenn Ihnen diese Seite nicht weiterhilft, können Sie hier unsere ganze Webseite nach passenden Tipps oder ähnlichen Fragen durchsuchen lassen, oder im Chat nach Hilfe fragen!
Wie können wir ihnen (kostenlos!) weiterhelfen?
