Ah, sehr gut, vielleicht sollte ich mir den Code noch öfter durchlesen!
Dangööö^^
LG
Dark_Dog
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;}
Und die index so:
<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>
Alle Navi-pics sind 77x25, "home" ist 27x25..
Dennoch werden die grafiken nicht so angezeigt, wie ich es will, zunächst sind es 2 reihen und woher kommt der zwischenraum?
Homepage
Bin bis Ostern vom Sport aus in Berlin, daher bekommt ihr bis dahin keine Antworten...
LG und Schonma Frohe Ostern...
Dark_Dog
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
}
Habe zwar jedesmal das gleiche pic gesetzt...aber heraus kam das hier:
Homepage
Im Grunde sind horizontal angeordnete Bilder als Links alles was ich will^^
Schonmal Vielen Dank
LG und Frohe Ostern
« Google Map in Javascript-variable referenzieren | joomla » | ||