Seite 1 von 2 12 LetzteLetzte
Ergebnis 1 bis 10 von 11

Thema: Tabelle, Hover-Effekt, Problem

  1. #1
    Teeny Avatar von .Shanii
    Registriert seit
    22.03.2010
    Beiträge
    36
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Unglücklich Tabelle, Hover-Effekt, Problem

    Guten Abend/Nacht

    Ich habe ein mehr oder weniger "kleines" Problem.

    Ich habe eine Tabelle:

    HTML-Code:
    <table id="t3" align="center" cellspacing="0" cellpadding="0">
    	<tr>
    		<td class="mLink"><a href="">Link</a></td>
    		<td class="mLink"><a href="">Link</a></td>
    		<td class="mLink"><a href="">Link</a></td>
    		<td class="mLink"><a href="">Link</a></td>
    	</tr>
    </table>
    1. Problem: Die <td>'s suchen sich den größt möglichen Abstand zu einander, sodass die komplette Breite der Tabelle "t3" besetzt ist.

    2. Problem: Ich will, dass wenn ich über den Link fahre (hover), ein anderes Hintergrundbild erscheint:

    Code:
    .mLink a:hover {
    	background-image:url(images/mhover.png);
    	background-repeat:repeat-x;
    }
    Es funktioniert auch, aber der das neue Background-Image (mhover) ist nur so groß, wie die Schrift ist, ich will aber, dass die komplette Höhe (43px) benutzt werden..

    Wie kann ich dies lösen? Vielen Dank.
    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
    Jedi Ritter Avatar von Dodo
    Registriert seit
    26.04.2008
    Ort
    Wien
    Alter
    27
    Beiträge
    3.774
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings
    Blog-Einträge
    1

    Standard AW: Tabelle, Hover-Effekt, Problem

    1. Problem: Zeig mal ein Bild, kann mir nichts drunter vorstellen.
    2. Problem:
    Code:
    td.mLink a
    {
            display:block;
            height:43px;
    }
    evtl. mittels padding die position der schrift anpassen.
    Something big is coming. And there will be pirates and ninjas and unicorns...

  3. #3
    Teeny
    Themenstarter
    Avatar von .Shanii
    Registriert seit
    22.03.2010
    Beiträge
    36
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Tabelle, Hover-Effekt, Problem


  4. #4
    Jedi Ritter Avatar von Dodo
    Registriert seit
    26.04.2008
    Ort
    Wien
    Alter
    27
    Beiträge
    3.774
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings
    Blog-Einträge
    1

    Standard AW: Tabelle, Hover-Effekt, Problem

    Hast du online ein Beispiel? Sonst zeig mal das gesamte CSS.
    Something big is coming. And there will be pirates and ninjas and unicorns...

  5. #5
    Teeny
    Themenstarter
    Avatar von .Shanii
    Registriert seit
    22.03.2010
    Beiträge
    36
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Tabelle, Hover-Effekt, Problem

    http://supplex.bplaced.net/test/

    Hab da mal die Seite hochgeladen.

    Deine Problemlösung zu 2. ist mit eingebaut.. jetzt rutscht immer der Link nach oben.

  6. #6
    Jedi Ritter Avatar von Dodo
    Registriert seit
    26.04.2008
    Ort
    Wien
    Alter
    27
    Beiträge
    3.774
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings
    Blog-Einträge
    1

    Standard AW: Tabelle, Hover-Effekt, Problem

    Ja....
    Wenn du der Tabelle diese Angaben gibst:
    Code:
    #t3 { 
    width: 980px;
    height: 43px;
    , dann wird sie auch über die gesamte Seite gehen. Tabellenzellen teilen sich nunmal gleichmßig auf die Tabelle auf.

    Zu Proble 2: Wie gesagt: Mittels Padding die Abstände anpassen.
    Something big is coming. And there will be pirates and ninjas and unicorns...

  7. #7
    Macrosdesign
    Gast

    Standard AW: Tabelle, Hover-Effekt, Problem

    Wie wäre es denn mit "line-height"

    Und warum Tabellen das Design schreit doch gerade zu nach einem Box-Modell Layout

  8. #8
    Teeny
    Themenstarter
    Avatar von .Shanii
    Registriert seit
    22.03.2010
    Beiträge
    36
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Tabelle, Hover-Effekt, Problem

    Ich glaub, ich werde das Ganze erstmal in div's umschreiben.. dann mal sehn..

    line-height bringt mir auch nicht das gewünschte ergebnis

  9. #9
    König(in) Avatar von Grevas
    Registriert seit
    20.04.2009
    Ort
    In meiner Wohnung.
    Alter
    30
    Beiträge
    1.039
    Danke
    0
    Bekam 5 mal "Danke" in 5 Postings

    Standard AW: Tabelle, Hover-Effekt, Problem

    Oh doch, wenn dus ma einbaun würdest.
    HTML-Code:
    td.mLink a:hover {
    background-image:url("images/mhover.png");
    background-position:center  center;
    background-repeat:repeat-x;
    display:block;
    line-height:43px;
    }
    Dann ist der Link bei mir auch in der Mitte.

  10. #10
    Teeny
    Themenstarter
    Avatar von .Shanii
    Registriert seit
    22.03.2010
    Beiträge
    36
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Tabelle, Hover-Effekt, Problem

    Danke, danke, danke Grevas

Ähnliche Themen

  1. Hover-Effekt
    Von LaLinda im Forum HTML & CSS Forum
    Antworten: 6
    Letzter Beitrag: 25.06.2008, 15:08
  2. Großes Problem Hover effekt Nav Leiste
    Von pitcher37 im Forum HTML & CSS Forum
    Antworten: 8
    Letzter Beitrag: 07.01.2007, 17:45
  3. hover effekt
    Von Kingdingeling im Forum HTML & CSS Forum
    Antworten: 7
    Letzter Beitrag: 23.12.2006, 00:35
  4. CSS hover-effekt
    Von BendOr im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 20.09.2006, 14:48
  5. hover effekt firefox problem
    Von mop im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 03.08.2006, 23:35

Stichworte

Berechtigungen

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