Ergebnis 1 bis 4 von 4

Thema: CSS-Problem mit "hover Effekt"

  1. #1
    Unregistriert
    Gast

    Standard CSS-Problem mit "hover Effekt"

    Nabend zusammen,

    ich bastel in meiner Freizeit gerne ein bisschen an meiner Homepage rum.Nur leider will meine
    Navigationsleiste nicht ganz so wie ich will.

    Ich arbeite nicht mit Frames,deshalb besteht meine horizontale Navigationsleiste aus Zeilen.
    Das Problem ist nun das ich für den "Hover-Effekt",display:block angeben muss.Somit wird ja wenn ich
    das richtig verstanden habe eine neue Zelle für das Element erzeugt und in dieser Zelle ist der Text
    am oberen Tabellenrand ausgerichtet und nicht mittig so wie ich es möchte.


    Quelltext HTML(Navigationsleiste):

    <tr>
    <!--navigation-->
    <td height="35">
    <table class="navi">
    <tr class="navigation">

    <td class="button"><a href="Aktuelles.html">AKTUELLES</a></td>
    <td class="button"><a href="Profil.html">PROFIL</a></td>
    <td class="button"><a href="Schule.html">SCHULE</a></td>
    <td class="button"><a href="Homepage.html">HOMEPAGE</a></td>

    </table>

    </td>
    </tr>
    --------------------------------
    Quelltext CSS:

    table.navi { background-color:#09F; width:100%; height:100%; table-layout:fixed; }

    tr.navigation { font-family:Verdana, Geneva, sans-serif; font-size:12px; vertical-align:middle; text-align:center; letter-spacing:0.3em; background-color:#FFF; height:100%; width:100%; color:#000; }

    td.button a { background:#FFF; height:100%; display:block; color:#000; text-decoration:none; }

    td.button a:hover { background:#CCC; height:100%; display:block; color:#000; text-decoration:none; }

    td.button a:visted { background:#FFF; height:100%; color:#000; text-decoration:none; }
    -------------------------------



    lg.
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Unregistriert
    Gast

    Standard AW: CSS-Problem mit "hover Effekt"

    Eine Navigation im Tabellenformat ist nicht dein Ernst, oder? Siehe http://de.selfhtml.org/css/layouts/n...onsleisten.htm

  3. #3
    Unregistriert
    Gast

    Standard AW: CSS-Problem mit "hover Effekt"

    Wo ist das Problem,es sieht gut aus als Button,ich kann es gut formatieren und es funktioniert einwandfrei in FF und im Internet Explorer.Gut das einzige was mich daran stört ist das durch den hover Effekt der Text verschoben wird.

    Nehm es mir nicht übel,es ist meine erste Versuchsseite.

  4. #4
    Unregistriert
    Gast

    Standard AW: CSS-Problem mit "hover Effekt"

    Zitat Zitat von Unregistriert Beitrag anzeigen
    Wo ist das Problem
    Ich habe damit kein Problem, ist ja deine Seite, die du da verschrottest. Tabellen sind für Daten in tabellarischer Form und kein Layout-Mittel. Du hast noch nicht richtig mit deiner Seite angefangen und schon bist du auf dem Holzweg.

Ähnliche Themen

  1. Antworten: 7
    Letzter Beitrag: 03.07.2009, 23:20
  2. Bei class="active" kein Hover-Effekt: wie?
    Von Mütze im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 26.08.2008, 09:37
  3. Hover-Effekt bei "active"-Schaltfläche deaktiviere
    Von Mütze im Forum HTML & CSS Forum
    Antworten: 6
    Letzter Beitrag: 31.03.2008, 12:49
  4. magix music maker 2007 "stutter" (stotter) effekt
    Von davdett im Forum Computer - Internet Forum
    Antworten: 2
    Letzter Beitrag: 07.07.2007, 23:44
  5. "css" Verschiedene :hover über das class="&am
    Von vandyce im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 18.04.2004, 15:57

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •