kostenloser Webspace werbefrei: lima-city

Brauche Hilfe bei CSS

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   seth93

   seth93 hat kostenlosen Webspace.

   22:00, 8.9.2008

   Hi,
   warum ist da dieser fette Balken:
   http://jinnyboy.ji.ohost.de/css.jpg
   
   
   Ich glaub es hat was mit diesem CSS-Code zu tun.
   Da ich mich leider mit CSS nicht so gut auskenne, finde ich den Fehler nicht.
   
   

   <style type="text/css">
     div#Tmenu {
       font-size: 94%;
       width: 39.8em;
       padding: 0.8em;
       border: 1px solid white;
       background-color: #eee;
     }
     * html div#Tmenu {
       width: 41.4em;
       w\idth: 39.8em;  /* IE 6 in standards-compliant mode */
     }
     div#Tmenu div {
       clear: left;
     }
     ul#Navigation {
       margin: 0; padding: 0;
       text-align: center;
     }
   
     ul#Navigation li {
       list-style: none;
       float: left;
       position: relative;
       margin: 0.4em; padding: 0;
     }
     * html ul#Navigation li {
       margin-bottom: -0.4em;
     }
   
     ul#Navigation li ul {
       margin: 0; padding: 0;
       position: absolute;
       top: 1.8em; left: -0.4em;
     }
     * html ul#Navigation li ul {
       left: -1.5em;
       lef\t: -0.4em;
     }
     ul#Navigation li ul li {
       float: none;
       display: block;
       margin-top: 0.2em; margin-bottom: 0.2em;
     }
   
     ul#Navigation a, ul#Navigation span {
       display: block;
       width: 7em;
       font-family: "Trebuchet MS", "Century Gothic", Helvetica, Arial, sans-serif;
       text-decoration: none; font-weight: bold;
       padding: 0.23em 0.97em 0.17em 1.03em;
       border: 1px solid #600;
       border-left-color: #ea0; border-top-color: #ea0;
       color: white; background-color: #c00;
     }
     * html ul#Navigation a, * html ul#Navigation span {
       width: 9.2em;
       w\idth: 7em;  /* IE 6 in standards-compliant mode */
     }
     ul#Navigation a:hover, ul#Navigation span, li a#aktuell:hover {
       padding: 0.17em 1.03em 0.23em 0.97em;
       border-color: #ea0;
       border-left-color: #900; border-top-color: #900;
       background-color: #e00;
     }
     ul#Navigation li ul a:hover {
       border-color: #900;
     }
     li a#aktuell {
       border-right-color: #300; border-bottom-color: #300;
       background-color: #900;
     }
     ul#Navigation li ul span {
       border-right-color: #c96; border-bottom-color: #c96;
       color: #900; background-color: white;
     }
     ul#Navigation li a:active, ul#Navigation li:hover a:active {
       color: black; background-color: #f00;
     }
   
   /* dynamisches Ein-/Ausblenden */
     ul#Navigation li ul {
       display: none;
     }
     ul#Navigation li:hover ul {
       display: block;
       background: #eee;
     }
   </style>

   
   
   
   Beitrag geändert: 8.9.2008 22:00:46 von seth93

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

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

3. prog

   

   prog hat kostenlosen Webspace.

   8:38, 9.9.2008

   Ich habe nur mal nach border-colors gesucht, und da kommt bei dir der folgende abschnitt vor:
   

   ul#Navigation a:hover, ul#Navigation span, li a#aktuell:hover {
       padding: 0.17em 1.03em 0.23em 0.97em;
       border-color: #ea0;
       border-left-color: #900; border-top-color: #900;
       background-color: #e00;
     }
     ul#Navigation li ul a:hover {
       border-color: #900;

   
   Die Farbe im Bild entspricht #900.
   
   Falls du Web Developer Toolbar im Firefox aktiviert hast, und da bei CSS View Style Information angegeben hast, macht der Dir auch immer so einen roten Kasten um das Element, auf dem sich die Maus gerade befindet.
   
   Gruß, Prog
4. Autor dieses Themas

   seth93

   seth93 hat kostenlosen Webspace.

   20:24, 9.9.2008

   Hab noch nie von dem Tool gehört :S
   Danke, ich werd dann später rumprobieren.
   
   
   Das war wahrscheinlich das falsche.
   Oder ich änder nur die falschen Zahlen.
   Kann jemand mal genau den Wert suchen, den man verändern muss?
   
   
   Beitrag geändert: 10.9.2008 20:19:22 von seth93

5. e**n

   14:58, 13.9.2008

   Hmm... also der Link oebn funktioniert gar nicht.
   
   Dann kann man dir auch nicht weiterhelfen, wenn man nicht weiß, welchen Balken du meinst;)

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

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

Dir gefällt dieses Thema?