Links (zunächst) nicht unterstreichen...

schlunki

In meinem Blog werden derzeit alle Links unterstrichen dargestellt - egal, ob ich mit der Maus drüberfahre oder nicht. Ich würde das gerne so ändern, dass die Unterstreichung erst bei Mauskontakt angezeigt wird...

Es geht um folgenden Code (in style.css), denke ich:

a, h2 a:hover, h3 a:hover {
color: red;
text-decoration: none;
}

a:hover {
color: #f90;
text-decoration: underline;
}

Im unteren Teil ist alles klar. Aber oben wird text-decoration doch mit "none" belegt. Warum wird trotzdem unterstrichen?!

(Das Stichwort "underline" findet sich sonst nicht in style.css...)

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

Morris

HTML und CSS werden top-down interpretiert, somit überschreibt deine zweite Definition die erste.

Grüße
Mo

schlunki

...aber selbst dann, wenn ich den zweiten Block lösche, werden die (nicht berührten) Links noch unterstrichen dargestellt... Das muss dann wohl irgendwo anders definiert werden - aber wo?!

Morris

Das hat auch was mit der Standardeinstellung des Browsers zu tun. In der Regel werden in allen Browsern Links unterstrichen dargestellt.

Grüße
Mo

Jeriko

Vermutlich ist irgendwo noch mehr in dieser Richtigung definiert, Stichwort Specificity. Ein Link zum Blog wäre hilfreich

Gruß Jeriko

schlunki

Zitat von Morris

Das hat auch was mit der Standardeinstellung des Browsers zu tun. In der Regel werden in allen Browsern Links unterstrichen dargestellt.

...aber in anderen Blogs klappt es ja auch...

OK - der Link kommt in ein paar Tagen...wenn die offizielle Testphase läuft. :) Danke schon mal!

Monika

Zitat von D-S

In meinem Blog werden derzeit alle Links unterstrichen dargestellt - egal, ob ich mit der Maus drüberfahre oder nicht. Ich würde das gerne so ändern, dass die Unterstreichung erst bei Mauskontakt angezeigt wird...
Es geht um folgenden Code (in style.css), denke ich:
a, h2 a:hover, h3 a:hover {
color: red;
text-decoration: none;
}
a:hover {
color: #f90;
text-decoration: underline;
}
Im unteren Teil ist alles klar. Aber oben wird text-decoration doch mit "none" belegt. Warum wird trotzdem unterstrichen?!
(Das Stichwort "underline" findet sich sonst nicht in style.css...)

Alles anzeigen

weil man mit a alleine nicht für jeden Browser diese Angaben machen kann:

LInks und ihre Möglichkeit der Darstellung

lg

schlunki

Zitat von Monika

weil man mit a alleine nicht für jeden Browser diese Angaben machen kann:

Hmm...das habe ich jetzt schlicht logisch nicht verstanden...

Der Link ist gut...aber trotzdem: Wenn ich a) definiere, dass ALLE Links ("a") nicht unterstrichen sind, um dann b) sage, dass Links, über denen der Mauszeiger ist ("a:hover") unterstrichen sein sollen, dann müsste es doch (trotz Top-Down-Interpretation) klappen... :-?

schlunki

Hmm...der Link zum Blog müsste jetzt eigentlich angezeigt werden - per Signatur...

Monika

HTML

.wpv_download a {
    font: bold 11px "Lucida Grande", Verdana, Arial, 'Bitstream Vera Sans', sans-serif;
    color: #f44;
}


.wpv_download a:hover {
    text-decoration: none;
}


.wpv_self a {
    font: bold 9px "Lucida Grande", Verdana, Arial, 'Bitstream Vera Sans', sans-serif;
    color: #000;
}




#sidemenu a {


    display: block;


    height: 19px;


    margin-left: 0px;


padding-top: 8px;


    padding-bottom: 5px;


    padding-left: 10px;


    padding-right: 10px;


    color: red;


    text-decoration:none;


;


}




#sidemenu ul li ul a {


    width: 200px;


}


#sidemenu ul li .monthsMenu a{


    width: auto;


    height: auto;


    padding: 0 0 0 0;


    margin: 0 0 0 0;


}


  


/* define the consecutive colors */


#sidemenu ul li a{


    background: #E6E6E6;


}


  


#sidemenu ul li a:hover {


    background: #E6E6E6;


}


  


#sidemenu ul li ul li a{


    background: #E6E6E6;


    filter:alpha(opacity=90); /* for IE */


            -moz-opacit


            opacity: 0.9; /* for safari */


            khtml-opacity: 0.9 /* for konquerer and older safari */


  


}


  


#sidemenu ul li ul li a:hover {


    background: #C0C0C0;


}


.page_item a:hover {


    text-decoration: none;


    }




h1, h1 a, h1 a:hover, h1 a:visited, .description {


    text-decoration: none;


    color: white;


    }






h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {


    color: #000;


    }






h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {


    text-decoration: none;


    }




.commentlist cite, .commentlist cite a {


    font-weight: bold;


    font-style: normal;


    font-size: 1.1em;


    }




, h2 a:hover, h3 a:hover {


    color: red; <!-- c60 -->


    text-decoration: none;


    }






a:hover {


    color: #f90;


    text-decoration: underline;


    }

Alles anzeigen

sooft kommt in der style.css a vor, wenn ich nicht was übersehen habe

soviele oftmals gegensätzliche Angaben für Dein Vorhaben

HTML

#sidemenu a {


    display: block;


    height: 19px;


    margin-left: 0px;


padding-top: 8px;


    padding-bottom: 5px;


    padding-left: 10px;


    padding-right: 10px;


    color: red;


    text-decoration:none;


;


}

Alles anzeigen

da ist außerdem ein ; zuviel

lösche überall die Angaben für underline oder nicht underline und nimm mein Beispiel von meiner Website und setze dies dann generell fest

lg

schlunki

Zitat von Monika

lösche überall die Angaben für underline oder nicht underline und nimm mein Beispiel von meiner Website und setze dies dann generell fest
lg

Mit dem "Beispiel" meinst du jetzt den schon genannten Link

http://www.webdesign-in.de/mts/links-und-…er-darstellung/

?!

Monika

Zitat von D-S

Mit dem "Beispiel" meinst du jetzt den schon genannten Link
http://www.webdesign-in.de/mts/links-und-…er-darstellung/
?!

jo ...doch da ich mindestens 10Zeichen tippen muss ...mache ich das 'ja' länger ;)]

lg

schlunki

...hab’s geschafft - mit Hilfe meines Bruders...

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Links (zunächst) nicht unterstreichen...

Jetzt mitmachen!