[ERLEDIGT] Problem mit Link

[Topa]

Ich habe ein kleines Problem... ich habe oben meine navigation so definiert:

der ist normal mit <a href....

a:link, a:visited, a:active, a:hover
{ 
  text-decoration:none;
  font-weight:bold;
  color:#000000;
  font-size:12px;
  padding-right:15px;
}
a:active, a:hover
{ 
  color:#FFFFFF;
  text-decoration:underline;
}

Schön und gut klappt auch alles. Wenn ich im Text einen Link habe wollte ich den ein bisschen umändern und habe das so gemacht:

den verlinke ich so: <a class="menu" href="....

.menu a:link, a:visited, a:active, a:hover
{ 
  text-decoration:none;;
  color:#000000;
  font-size:12px;
}
.menu a:active, a:hover
{ 
  color:#FFFFFF;
  text-decoration:underline;
}

leider passiert nichts, es wird leider nur das obere angezeigt, und dann habe ich im text den padding-right abstand... ist irgendwo ein fehler? oder verlinke ich falsch?

 

[hobbyuser]

Hi Topa

ich kann so kein Fehler erkennen. :roll:
Poste doch mal ein Link zu deiner Seite, damit man das im Original sehen kann.

Gruß
Hobbyuser

 

[Topa]

www.lissners.net bin grad am beheben aber es klappt nicht...

EDIT: also ich sehe mitten im text das die links den padding-right abstand haben und nicht die link farbe die sie eigentlich haben sollen...

 

[hobbyuser]

Also Topa im Moment sieht der Quelltext noch so aus:

a.menu:link, a.menu:visited
{
  text-decoration:none;
  color:#000000;
  font-size:12px;
}
a.menu:active, a.menu:hover
{
  color:#FFFFFF;
  text-decoration:underline;
}

Das kann natürlich nicht klappen, weil die Klasse falsch angegeben ist.

 

[Topa]

wieso ist die classe falsch angebene? ich habe a class="menu" href=".... was iust daran falsch?

 

[hobbyuser]

Also bei dir auf der Seite steht es so: a.menu:link, a.menu:visited
Richtig müsste es so stehen .menu a:link, .menu a:visited

Na fällt es dir auf? ;)

 

[Topa]

so hatte ich es ja vorher hat nicht geklappt. dann habe ich das was momentan im QT steht vopn css4you genommen...


guck jetzt habe es geändert.

 

[hobbyuser]

Da fehlt immer noch das a zwischen hier in Rot dargestellt: .menu a:active, .menu a:hover[/i]
Ach ja und vielleicht solltest du zu testzwecken als Hoverfarbe mal Rot (#ff0000) angeben. ;)

Hier mal ein Auszug aus meiner CSS Datei und das funktionier einwandfrei.

.m_link a {
	font-size:0.9em;
	font-weight:bold;
	background-color:#0060b0;
	color:#fff;
	display:block;
	padding:3px 3px 5px;
}
.m_link a:hover {
	background-color:#0060b0;
	color:#ffc000;
	text-decoration:none;
}

 

[Topa]

hobbyuser ich habe mal deinen übernommen mit dem a und dem a:hoverleider klappt es immer noch nicht.... :shock:

 

[hobbyuser]

Also topa auf dieser Seit (http://www.lissners.net/) sind genau 2 Textlinks (selfhtml und css4you). Beide werden weiss beim hovern und unterstrichen, also stell die hoverfarbe mal um (siehe Vorpost), damit die Veränderung sichtbar wird.

 

[Topa]

es geht nicht um die Farbe... es geht darum das der abstand da ist der da ncihts zusuchen hat!

das problem ist ja ich habe im QT eine ganz andere farbe genommen er zeigt den link wie im menü an waqs falsch sit.

hover ist rot

.menu a
{
  text-decoration:none;
  color:#000000;
  font-size:12px;
}
.menu: a:hover
{
  color:#FF0000;
  text-decoration:underline;
}

das soll er anzeigen das tut er nicht!!!

 

[hobbyuser]

Gib den Links im Menu auch mal eine Klasse, vielleicht haut da was mit dem überlagern nicht hin. :roll:

 

[Topa]

ok habe ich gemacht, hat trotzdem nichts geändert... ich verzweifel noch.....

habe es mal in ein stylesheet gepackt aber klappt imer noch nicht...

 

[hobbyuser]

So Topa ich hab mir deine Seite und die CSS Datei mal gezogen und entsprechend abgeändert. ;)

Hier das Ergebnis:

body 
{
  font-family:Verdana;
  font-size:12px;
  background-color:#efdfd6;
}
#title {
  height:30px;
  padding:5px;
  text-align:center;
  background-color:#4B6FBE;
  border-bottom:dashed 1px;
}
#menu {
  color:#ffffff;
  background-color:#4B6FBE;
  text-align:center;
  padding:10px 0px;
}
#menu a { 
  text-decoration:none;
  font-weight:bold;
  color:#000000;
  font-size:12px;
  padding-right:15px;
}
#menu a:hover { 
  color:#FFFFFF;
  text-decoration:underline;
}
#content {
background-color:#e7d3bd;
padding:5px;
color:#000000;
font-size:12px;
}
#content a
{
  text-decoration:none;
  color:#000000;
  font-size:12px;
}
#content a:hover
{
  color:#FF0000;
  text-decoration:underline;
}
.txt { 
font-size: 14px; 
}

Ich habe die Links einfach anhand der umschließenden Divs definiert. Das funktioniert super und spart Quelltext.

EDIT: Ach ja, du kannst die klassen aus den Links entfernen. ;)

 

[Topa]

Ok, Werde es nach der Arbeit übernehmen, Danke.

Aber wo lag vorher das problem, das würde mich mal interessieren, weil es vorher immer wunder bar geklppt gehat..


DANKE HOBBYUSER!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! Du bist der berste... es klappt alls wunderbar..

 

[ohrflieger]

Ich habs bei mir immer so geschrieben:

.menu{definitionen....}
.menu:hover{definitionen...}