kostenloser Webspace werbefrei: lima-city

CSS Stylesheet

lima-city → Forum → Die eigene Homepage → Grafikdesign

1. Autor dieses Themas

   kevsworld

   

   kevsworld hat kostenlosen Webspace.

   14:45, 11.11.2008

   Hi,
   Wollte mich langsam bischen in CSS einarbeiten da ich nie dazu gekommen bin, bzw nie richtig angefangen habe.
   Wollte heute meine Navigation umaendern...
   Folgenden Code habe ich bis jetzt:
   _______________________CODE______________________________________
   <a href="index.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image1','','images/effekt/12.jpg',1)"><img src="images/13.jpg" name="Image5" width="168" height="17" border="0" id="Image1">
   _______________________/CODE______________________________________
   
   Muss ich dazu noch einen Stylesheet schreiben? Wenn ja bitte um hilfe ^^
   
   mfg Kev

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

3. s1m13

   

   s1m13 hat kostenlosen Webspace.

   16:55, 11.11.2008

   hi,
   vielleicht hab ich deinen Frage nicht richtig verstanden, aber was möchstest du denn noch mit dem Stylesheet bezwecken?
   
   Der Code an sich ist ja schon relativ schlüssig.
   
   MfG

4. w******s

   16:59, 11.11.2008

   1. Es gibt die Möglichkeit hier einen "Code" anderes darzustellen. Nutz dies doch;)
   2. Ich dachte du wolltest was mit CSS machen?!
   
   Ich erinnere mich dadran, dass ich dir des öfteren geraten habe CSS zu benutzen statt der Bilder. Nun verwendest du Javascript in Verbindung mit Bildern.
   
   Ein Beispiel für ein Menü:
   HTML:
   

   <ul id="navi">
      <li><a href="#">Listenpunkt</a></li>
      <li><a href="#">Listenpunkt 2</a></li>
      <li><a href="#">Listenpunkt 3</a></li>
   </ul>

   
   
   CSS: (in eine externe CSS Datei oder wie hier in die style Tags in der header)
   

   <style type="text/css">
   ul#navi {
   list-style: none;
   }
   ul#navi li a {
   display: block;
   background: #000;
   color: #fff;
   line-height: 1.2em;
   }
   </style>

   
   
   Für den Rest mit Pseudoklassen (:hover etc) bitte erst mal auf de.selfhtml.org und dann bei Problemen fragen. Ansonsten ist es hier richtig schwer zu helfen, wenn du nicht mal unterscheiden kannst was CSS und Javascript ist. Gruß
   
   
   

5. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?