Forum
Tipps
News
Menu-Icon

Div oder Frames? – Seite 2

Ah, sehr gut, vielleicht sollte ich mir den Code noch öfter durchlesen!

Dangööö^^

LG

Dark_Dog

[Falls] es jemanden interessiert, könnt ihr ja die Fortschritte "begutachten":

Homepage

Heute leider nur der Banner, war noch im Krankenhaus...-_-

Sieht vielversprechend aus! 

warten wirs ab...

Nochmals ich

habe mich nun um die Navi gekümmert, der code sieht nun so aus:

 

Zitat
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:

 
Zitat
<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/
 

HI
und dadurch verschwinden die zwischenräume?

LG

Eike

Ja, wenn du bei den li's kein margin angibst.

Re...

Also ich habs nun so versucht:

 

Zitat
   <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>
Zitat
#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 
« Letzte Änderung: 08.04.07, 12:12:21 von Dark_Dog »

Pack mal noch das in deine CSS:

#navlist li
{
display:inline;
list-style-type:none;
}
 

hilft nix

kann mir denn keiner helfen?  :'( :'( 


« Google Map in Javascript-variable referenzierenjoomla »
 

Fremdwörter? Erklärungen im Lexikon!
Quellcode
Ein Quellcode, auch als Quelltext bekannt, bezeichnet den unkompilierten Programm-Code einer Software. Quell- oder Programm-Code ist der auch für Menschen lesbare Co...

Unicode
Unicode ist ein international anerkannter Standard, der als universeller Zeichencode ("Universal Code") dient und durch das Unicode-Konsortium entwickelt und verwaltet wi...

QR-Code
QR-Codes, die Abkürzung für "Quick Response Codes", sind eine Form von zweidimensionalen Barcodes. Damit lassen sich Informationen schnell und effizient speiche...



Screenshot von ganzer Webseite machen – mit nur 3 Klicks!
Edge Browser: Google als Startseite (oder andere Webseiten!)