• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

Problem: CSS Ebene Links

utang

New member
Guten Morgen, ich bastel gerade für meine Kinder an einer Hompage. Während der Arbeit =) pfeilte ich auch ner CSS. Allerdings habe ich nun ein Problem. Auf der Test_2.htm Seite seht Ihr ein Menü. Dieses Menü enthält Links. Man kann den Link erst aktivieren wenn man genau auf den Text klickt. Ich möchte das man bereits schon in der Box selber den Link folgen kann. So wie es in Test_1.htm funktioniert.

Der Fehler ist irgendwo in der CSS,aber nur wo???

In der Test_1.htm ist eine versteckte Ebene. Wenn ich diese entferne funktioniert diese Linkgeschichte nichtmehr.

PHP:
  <  <DIV class=language-selector>
    <P><A title=deutsch href="http://www.geizhals.at"><SPAN 
class=language>de</SPAN></A><SPAN class=selected-language>en</SPAN></P>
  </DIV>>

Wenn ich nun Diese paar ZEilen in die Test_2.htm reinkopiere,dann funktioniert es wieder... Aber das muss weg.

Materialien:
Test_1.htm
Test_2.htm
style.css


Wäre froh wenn mir einer hilfen könnte. -danke-
 
Funktioniert doch alles... :)

OffTopic:
Wäre schön, wenn Du
a) alle Tags klein schreiben (entspricht dem jetzigen Standard),

b) die "" nicht vergessen
Code:
<div class="language-selector">

und c) einen anderen Doctype benutzen würdest.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>

http://www.w3.org/QA/2002/04/valid-dtd-list.html
 
Zuletzt bearbeitet:
Erstmal danke für deine antwort! =)

Oh nee,da habe ich mich bestimmt falsch ausgedrückt. In "test_1.htm" musste ich den "language-selector" damit es geht. In "test_2.htm" Ist diese Klasse nicht enthalten und irgendwie funktioniert deshalb der Link nicht,wenn man auf den weissen Hintergrund eines "buttons" klickt. Diese Blöde Klasse "<div class="language-selector"> " muss raus! Aber wenn ich sie entferne ist das resultat "test_2.htm" es funktioniert ur der Link wenn man auf die schrift klickt. Er soll aber auch funktionieren wenn man daneben klickt. Habe ich da etwas bei den CSS vergessen?
 
Ich habe Dir hier mal ein Beispiel gepostet.
Du musst dem Link Höhe und Breite geben und dazu ein display:block; ...

Code:
a.menu:link, a.menu:visited, a.menu:active
{
background:#F9F9F9;
font-weight:bold;
color:#0022A6;
width:80%;
height:auto;
text-decoration:none;
display:block;
font-size:0.9em;
border:0px;
}
a.menu:hover
{
background:#0033ff;
font-weight:bold;
color:#fff;
width:80%;
height:auto;
text-decoration:none;
display:block;
font-size:0.9em;
border:0px;
}
 
Zurück
Oben