mediengestalter.info
Datenschutzerklärung
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter
Aktuelles Datum und Uhrzeit: Sa 20.04.2024 01:43 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 22: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: 37
Geschlecht: Männlich
Verfasst Sa 15.04.2006 01: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 01:03, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
 
Ähnliche Themen Buttons
Mac-Buttons
Buttons verlinken
flash buttons
xml +bilder + buttons
Buttons bei Flash CS 3
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.

Mediengestalter.info ist ein Projekt von Webformatik :: Forensoftware: phpBB