Ergebnis 1 bis 3 von 3

Thema: probleme bei anzeige in '<a href' mit hover effekt in CSS

  1. #1
    martin-baertschi
    Gast

    Standard probleme bei anzeige in '<a href' mit hover effekt in CSS

    hallo ratgeberIn

    mit dem codeschnipsel:

    code CSS:
    .......
    div.menue table .orange_passiv
    {
    color: #F79D00;
    }

    div.menue table a.orange_passiv:hover
    {
    background-image:url(grafics/markorange.png); background-repeat:no-repeat; background-position:right;
    }

    code HTML:
    .......
    <tr>
    <td width="165px" nowrap>
    <a class="orange_passiv" href="seite5.html">Das Unternehmen
    </a>
    </td>
    </tr>
    ......

    erscheint wie gewünscht der link mit text 'Das Unternehmen',
    und wenn mit der maus darübergefahren wird, erscheint die grafik wie im CSS angegeben (:hover - ein Pfeilsymbol als orientierung)

    das ganze ist eine von diversen zeilen in der menusteuerung (alle funktionieren nach der gleichen logik haben aber unterschiedlich lange anzeigetexte)

    problem:
    das pfeilsymbol erscheint direkt nach dem anzeigetext ('Das Untenehmen'), und nicht wie gewünscht am rechten rand der zelle (<td width="165px")

    frage:
    wie kann ich erreichen, dass das pfeilsymbol am rechten rand der zelle erscheint?

    danke für eure hinweise
    gruss
    martin
    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 !!!!!
    Angehängte Grafiken Angehängte Grafiken

  2. #2
    König(in) Avatar von yeti66
    Registriert seit
    21.10.2005
    Ort
    Harz
    Alter
    51
    Beiträge
    1.152
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Himartin-baertschi,

    im Tabellenlayout würde ich der Einfachheit halber das Hintergrundbild(Pfeil) genau so breit und hoch erzeugen wie erwünscht und den Pfeil auf die rechte Seite packen. Dann sparst Du Dir das das geschiebe und das Bild wird nur ein / oder ausgeblendet.

    Gruß yeti66
    Gruß yeti66
    ___________________________________________
    http://www.phpcontact.net/ Kontaktformulare für die eigene Hompage
    http://www.norbert-klippstein.de Freiberuflicher Musiker für individuelle Musikdienstleistungen

  3. #3
    Gast

    Standard

    hallo yeti66

    danke dir, habe das problem bereits gelöst.

    im CSS (a.orange_passiv) habe ich inzugefügt
    width: 100%;
    display: block;


    funktioniert bestens.
    gruss
    martin

Ähnliche Themen

  1. Hover-Effekt
    Von LaLinda im Forum HTML & CSS Forum
    Antworten: 6
    Letzter Beitrag: 25.06.2008, 15:08
  2. hover effekt
    Von Kingdingeling im Forum HTML & CSS Forum
    Antworten: 7
    Letzter Beitrag: 23.12.2006, 00:35
  3. CSS hover-effekt
    Von BendOr im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 20.09.2006, 14:48
  4. HOVER-EFFEKT BEI TEXT?
    Von finefine im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 18.10.2005, 13:59
  5. hilfe bei hover effekt
    Von sYco im Forum HTML & CSS Forum
    Antworten: 6
    Letzter Beitrag: 25.06.2004, 20:34

Stichworte

Berechtigungen

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