mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: So 11.12.2016 13:05 Benutzername: Passwort: Auto-Login

Thema: [CSS] buttons vom 14.04.2006


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> [CSS] buttons
Autor Nachricht
skate-rock
Threadersteller

Dabei seit: 29.08.2003
Ort: Osnabrück
Alter: -
Geschlecht: Männlich
Verfasst Fr 14.04.2006 21:04
Titel

[CSS] buttons

Antworten mit Zitat Zum Seitenanfang

namd!

sitz grad an meinem neuen portfolio und hab da ein
kleeeines problem. wenn man über einen der navi buttons
geht ( im firefox ) brauch man nur irgendwo über eine stelle
gehen und der hover funktioniert. im IE allerdings muss man
direkt auf die schrift, was wie ich finde, lange nicht so gut
und flüßig wirkt. zumindest bei mir im IE klappts net.

jemand ne ahnung woran das liegen mag?

http://gfxcenter.para-scripts.de/skate-rock/neu/


peasn.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
aight

Dabei seit: 26.09.2003
Ort: Berlin
Alter: 30
Geschlecht: Männlich
Verfasst Sa 15.04.2006 00:02
Titel

Antworten mit Zitat Zum Seitenanfang

mei ist das ein durcheinander.

zuersteinmal kannst du der Liste direkt die ID der navigation geben, d.h. du machst aus:

Code:
<div id="nav">
   <ul id="navb">
        <li> <a href="index.html">STARTSEITE </a> </li>
      <li> <a href="ego.html">EGOZENTRUM</a> </li>

         <li> <a href="kreationen.html">KREATIONEN</a> </li>
         <li> <a href="verschiedenes.html">VERSCHIEDENES</a> </li>
   </ul>
   </div>

und

#nav {
   width:150px;
   margin-bottom:10px;
}

ul.navb { list-style-type: none; margin:0px; padding:0px; width:150px; }
ul.navb li { display:inline; border-style:none; }
ul.navb li a { display:block; height:auto; text-decoration:none; border-bottom:1px #ffffff solid; background:#F759C5; color:#ffffff; padding-bottom:5px; padding-top:20px; padding-left:8px; vertical-align:middle; }
ul.navb li a:hover { background:#CA0A8D; text-decoration:none; }
 


Code:
<ul id="nav">
        <li> <a href="index.html">STARTSEITE </a> </li>
      <li> <a href="ego.html">EGOZENTRUM</a> </li>

         <li> <a href="kreationen.html">KREATIONEN</a> </li>
         <li> <a href="verschiedenes.html">VERSCHIEDENES</a> </li>
   </ul>

und

#nav {
   width:150px;
        margin: 0px;
   margin-bottom:10px;
        padding: 0px;
}
#nav li { list-style: none; }
#nav li a {
        display: block;
        text-decoration: none;
        border-bottom:1px #ffffff solid;
        background:#F759C5;
        color:#ffffff;
        padding: 20px 0px 5px 8px;
}
ul.navb li a:hover { background:#CA0A8D; text-decoration:none; }


so gehört sich das zumindest. sollte auch klappen. ansonsten noch dem #nav li ein display: block; geben.
achja alle Buchstaben großschrieben kannst du mit: text-transform: uppercase; so brauchst das nicht im Quelltext alles groß schreiben.


Zuletzt bearbeitet von aight am Sa 15.04.2006 00:03, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
 
Ähnliche Themen [CSS]Rollover-Buttons funzen nicht-hilfe
CSS-float 2 buttons untereinander stellen!
[Problem] CSS -> Radio Buttons (Mozilla vs. IE)
Buttons
buttons in flash
Mac-Buttons
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.