zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden CSS-Links

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 28.05.2015, 11:04
N8. N8. ist offline
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 28.05.2015
Beiträge: 3
N8. befindet sich auf einem aufstrebenden Ast
Standard CSS-Links

Hallo,

vorab ich bin ein ziemlicher Anfänger in CSS und Html und habe das
Problem, dass ich in einem Html eine <ul> liste erstellt habe
mit drei <li> einträgen die drei Einträge sind links und haben wie folgt
von mir ein Bild als Aufzählungszeichen deklariert bekommen:
ul.linkliste {
list-style-type: none;
list-style-image:none;
margin-left: 0px;
margin-right: 5px;
font-size: 25px;}
ul.linkliste li {
background: url("....") 0 50% no-repeat;
padding-left: 25px;
margin-top: 8px;
margin-right: 0px;}
Das Problem ist, dass der "Linkkasten" solang ist wie der längste <li> Eintrag
was bedeutet das ich bei den kürzeren links den link auch nicht auf dem Text anklicken kann sonder noch soweit wie der längste Eintrag ist.

Ich hoffe ich habe mein Problem gut dargestellt und nicht übersehen
das dass Thema schon beschrieben ist.

mfg N8.
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 28.05.2015, 11:13
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 30.01.2014
Beiträge: 2.074
cloned ist jedem bekanntcloned ist jedem bekanntcloned ist jedem bekanntcloned ist jedem bekanntcloned ist jedem bekanntcloned ist jedem bekannt
Standard

Um dir helfen zu können brauchen wir HTML + CSS. Und zwar nicht nur das CSS von der UL sondern auch von den restlichen Elementen wie links oder LI.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 28.05.2015, 11:19
N8. N8. ist offline
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 28.05.2015
Beiträge: 3
N8. befindet sich auf einem aufstrebenden Ast
Standard

ok hier der restliche Code
"html"
<ul class="linkliste">
<a href="..." class="link1"><li>...</li></a>
<a href="..." class="link1"><li>...</li></a>
<a href="..." class="link1"><li>...</li></a>
</ul>

und das weitere "CSS"
a.link1:link{
color:#91354f;
text-decoration: none;}

a.link1:visited{
color:#91354f;
text-decoration: none;}

a.link1:hover{
color:#91354f;
font-weight: bold;
text-decoration: none;}

a.link1:active{
color:#91354f;
text-decoration: none;}

danke schonmal für die schnelle Antwort.
Mit Zitat antworten
  #4 (permalink)  
Alt 28.05.2015, 11:22
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 30.01.2014
Beiträge: 2.074
cloned ist jedem bekanntcloned ist jedem bekanntcloned ist jedem bekanntcloned ist jedem bekanntcloned ist jedem bekanntcloned ist jedem bekannt
Standard

Eine Liste (UL) darf nur Listenelemente (LI) als direkten Nachfolger haben.
Hier mal ein Beispiel für eine horizontale Navigation.

btw. verwende in Zukunft [ CODE ] Hier dein Code [ /CODE ] Tags (ohne Leerzeichen) um Code einzubinden. Das macht es lesbarer für alle Beteiligten.
Mit Zitat antworten
  #5 (permalink)  
Alt 28.05.2015, 11:26
N8. N8. ist offline
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 28.05.2015
Beiträge: 3
N8. befindet sich auf einem aufstrebenden Ast
Standard

Perfekt dann mach ich mich mal ans lesen und Dankeschön aufjedenfall, dass mit dem Code werd ich mir auch merken.

mfg N8.
Mit Zitat antworten
Antwort

Stichwörter
css link, link

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
ext rechts und links an CSS Kreis floaten? choumana CSS 10 20.11.2012 15:12
CSS Links border-bottom auf Img ausschalten nicht möglich? Andimau CSS 1 15.06.2012 18:00
DIV immer ganze Breite - normal?!?!? csski CSS 3 02.07.2008 13:20
Wege zum guten CSS - Ausgewählte Links Sp33dy G0nz4l3s Ressourcen 1 27.05.2008 12:09


Alle Zeitangaben in WEZ +2. Es ist jetzt 02:47 Uhr.