  |
| Autor |
Nachricht |
Thyson
Helfer [User]
Anmeldung: 19.07.04
Beiträge: 217
|
 Verfasst am: 25.02.2005, 16:12 Titel: MouseOver Problem |
 |
|
Hallo!
Ich habe für meine Seite eine neue Navigation gebastelt.
Aber, wenn ich über die Links fahre, ändert sich die Tabelle.
Schauts euch mal selber an:
 www.Freak-PC.de
Wie kann ich die Tabelle "fest nageln"?
greetz
Thyson
|
|
| Nach oben |
|
 |
Scarce
Helfer [User]
Anmeldung: 04.10.04
Beiträge: 192
Wohnort: München
|
| Verfasst am: 25.02.2005, 17:15 Titel: |
|
|
Hi Thyson,
ganz einfach, Du fügst folgenden Befehl in Deiner Hover-Abteilung der CSS-Datei:
Jetzt bin ich mir aber auch nicht sicher ob das funktioniert, eventuell musst Du da auch 2px draus machen.
Oder aber:
Hier das gleiche, kann auch sein dass Du die 1 durch eine 2 ersetzen musst.
Nun zur Erklärung:
"line-height" ist der Befehl für den Abstand zwischen den Zeilen. Bei Texten werden diese somit besser lesbar gemacht.
"padding-top" bedeutet einfach dass ein Abstand innerhalb deines Elements von oben aus gesetzt wird. Ist z.B. praktisch wenn der Content am Header klebt und Du das ganze ein bisschen trennen möchtest  .
Ich hoffe Du hast das verstanden, wenn nicht, frag einfach nochmal  .
Flo
/edit: Das ganze muss natürlich im Hover-Teil stehen, da Du ja quasi wegen dem Hover-Effekt diesen Fehler angezeigt bekommst. Somit wird der Befehl nur ausgeführt wenn Du über die Links gehst .
_________________
Unser Kopf ist rund damit das Denken die Richtung ändern kann.
Zuletzt bearbeitet von Scarce am 13.03.2005, 02:03, insgesamt einmal bearbeitet
|
|
| Nach oben |
|
|
Thyson
Helfer [User]
Anmeldung: 19.07.04
Beiträge: 217
|
| Verfasst am: 25.02.2005, 18:02 Titel: |
|
|
Hä?
Soll das jetzt hier:
| Code: |
.menu_over
{
background-color:#FFFFFFF;
border: 1px solid #A2A2A2;
padding-top: 1px;
}
|
oder hier
| Code: |
<td class="menu_normal" onMouseOver="className='menu_over'" onMouseOut="className='menu_normal'"><a class="navi" href="index.html" target="_self"><div align="center">Home</div></a></td>
|
hin?
Irgendwas mache ich da falsch... 
|
|
| Nach oben |
|
|
Scarce
Helfer [User]
Anmeldung: 04.10.04
Beiträge: 192
Wohnort: München
|
| Verfasst am: 25.02.2005, 18:11 Titel: |
|
|
Oha,
was hast Du denn da angestellt ?? Hast Du zwei Befehle gleichzeitig für den Hover-Effekt am laufen ?
Hier siehst Du die korrekte Gestaltung:
| Code: |
.menu{
color: blabla;
border: blabla;
}
.menu:hover{
background-color:#FFFFFFF; <- ein "F" zuviel hast du drin !
border: 1px solid #A2A2A2;
padding-top: 1px;
}
|
So, jetzt musst Deine Links folgendermassen ändern:
| Code: |
<a class="menu" href="http://www.die-url.de">Link</a>
|
_________________
Unser Kopf ist rund damit das Denken die Richtung ändern kann.
|
|
| Nach oben |
|
|
dein_opi
Beliebter [User]
Anmeldung: 07.11.04
Beiträge: 428
Wohnort: Göttingen
|
| Verfasst am: 26.02.2005, 15:19 Titel: |
|
|
habe nicht in den quelltext geschaut... würde aber tippen das die linkdarstellung einfach falsch definert ist..
du hast bei hover nen farbigen rahmen eingebaut..
das heiist das bei normalem a muss der ramen auch da sein.. nur halt in weiss
_________________
News Script Rezepte CMS Counter
|
|
| Nach oben |
|
|
|
|
