Untermenü in Listenmenü blendet sich direkt wieder aus

Das <ul>-Element zeichnet keinen Link aus, sondern eine Liste. Ich rede hier vom <a>-Element.

Oder hab ich es in meinem empfohlenen CSS-Tutorial etwa auf diese Weise umgesetzt?

mfg Maik
 
Und auch hier kannst doch eine Regel für die Links der zweiten Menüebene aufstellen, dass diese kein Hintergrundbild besitzen sollen.

Mitdenken ist hier schon erwünscht.

Bei mir erschint nur der erste Link "Chronik" in blauer Schrift.

mfg Maik
 
Warum das? Ganz einfach, weil ich bislang nur diesen Link schon mal angeklickt habe, und dann halt diese Regel zum Zuge kommt:
CSS: 
#menu a {
	font-size: 10pt;
	font-weight: bold;
	line-height: 18pt;
	text-decoration: none;
	display: block;
	text-align: left;
	color: #8ea8d3; /* Schriftfarbe */
	background-image:url(images/quadrat_rot.png); background-repeat: no-repeat; background-position: bottom right; 

	}

Abhilfe, damit "bei dir" kein blauer Link mehr erscheint, dessen Verweisziel "du" bereits besucht hast, schafft dieser Selektor:
Code: 
#menu a.direkt:link, #menu a.direkt:visited {
        font-size: 10pt;
        text-align: left;
        color: #ffffff;
        }


Ich empfehle dir, dich auch mal in die Materie einzulesen: :link, :visited, :focus, :hover, :active (Pseudoklassen für Verweise und andere Elemente), damit wir hier nicht täglich die fehlerhafte Schriftfarbenformatierung der Links auf's neue erörtern müssen.

Und die Lösung, damit die Links im Untermenü kein Hintergrundbild besitzen, lautet:
CSS: 
#menu ul ul a, #menu ul ul a:hover { background:none; }

mfg Maik
 
Ich empfehle dir, dich auch mal in die Materie einzulesen: :link, :visited, :focus, :hover, :active (Pseudoklassen für Verweise und andere Elemente), damit wir hier nicht täglich die fehlerhafte Schriftfarbenformatierung der Links auf's neue erörtern müssen.
Zum Vergrößern anklicken....

Das ist mir schon klar. Ich hatte das zusätzlich einfach so definiert:
Code: 
a:visited { color:#ffffff;text-decoration:none; }
a:active { color:#ffffff;text-decoration:none; }

was aber nicht gegriffen hat.

Aber jetzt ist klar.

Ich bitte um Nachsicht bei manchen Dingen.
Aber ich hab mir das alles selbst beigebracht bzw. eben durch solch tolle Foren und vor allem mit Hilfe von Leuten wie Dir.
Ich weiß, Du denkst bestimmt, oh nee, auch noch so ne verkappte Möchtegern...

Aber heutzutage muss ein Grafiker eben auch das können.

Ich bastel mal schön weiter.

Ach, da hab ich noch ein Problem.

Warum wird bei mir bei einem Textblock immer nur die erste Zeile eingerückt?
Hab alles versucht - mit margin, padding, text-indent……
Nix geht, immer nur die erste Zeile

Auszug Code:
Code: 
     <div id="rightCol">
          <div id="header"></div>
          <div id="background">
		 		 <div id="Chronik"><img src="images/text_chronik.png" alt="Chronik" width="100" height="30"></div>
				 <div id="Text1"><span class="kapitalchen">I</span>m Jahr 2008 feierte unser Unternehmen das 30-jährige Jubiläum.<br>
				   <span class="text_einger">Ihren Anfang nahm die Geschichte der Firma<br>Wilfried von Briel Maschinenbau GmbH & Co.?KG<br>in einer kleinen, ca.?100 m² Werkstatt in Konstanz<br>als Einmannbetrieb.<br>Der Firmengründer Wilfried von Briel leitete<br>die Geschicke der Firma 29 Jahre, in denen er<br>auf dem langen und manchmal auch steinigen<br>Weg immer wieder neue Ideen entwickeln</span></div>
          </div>
     </div>

und CSS
Code: 
/* CSS Document */

#Chronik {
	width:100px;
	height:30px;
	padding-left: 65px;
	padding-top: 40px;
	z-index:1;
	visibility: visible;
}

#Text1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
	font-weight: normal;
	line-height: 18pt;
	width:700px;
	height:30px;
	z-index:1;
	padding-left: 65px;
	padding-top: 50px;
}

#Bild {
	width:255px;
	height:182px;
	padding-left: 65px;
	padding-top: 20px;
	z-index:1;
	}



.text_einger {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
	font-weight: normal;
	line-height: 18pt;
	padding-left: 350px;
}

.text_bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #333333;
	font-weight: bold;
	line-height: 18pt;
}

.kapitalchen {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15pt;
	color: #81132f;
	font-weight: normal;
	line-height: 20pt;
}
 
akdesign hat gesagt.:
Ach, da hab ich noch ein Problem.

Warum wird bei mir bei einem Textblock immer nur die erste Zeile eingerückt?
Hab alles versucht - mit margin, padding, text-indent……
Nix geht, immer nur die erste Zeile
Zum Vergrößern anklicken....
Du sprichst hiervon:
HTML: 
<span class="text_einger">...</span>

Das <span>-Element zählt zu den Inline-Elementen, die von sich aus keine Block-Level-Charakteristika besitzen - formatiere es daher mit display:block.

mfg Maik
 
Also so einfach ist das nicht mit dem :visited.

sobald ich :visited definiere, greift mein :hover nicht mehr.


Code: 
#menu a.direkt:link {
	font-size: 10pt;
	text-align: left;
	color: #ffffff;

	}


#menu a.direkt:hover {
	color: #8ea8d3;
	}

#menu a.direkt:visited {
        font-size: 10pt;
        text-align: left;
        color: #ffffff;
        }
 
Erstens hab ich das in dieser fehlerhaften Form nicht vorgeschlagen, und zweitens solltest du auch meine Beiträge aufmerksam lesen, und die Ratschläge beherzigen, dann erübrigen sich diese Fragen:
Maik hat gesagt.:
Ich empfehle dir, dich auch mal in die Materie einzulesen: :link, :visited, :focus, :hover, :active (Pseudoklassen für Verweise und andere Elemente), damit wir hier nicht täglich die fehlerhafte Schriftfarbenformatierung der Links auf's neue erörtern müssen.
Zum Vergrößern anklicken....
http://de.selfhtml.org/css/eigenschaften/pseudoformate.htm#link_visited_focus_hover_active hat gesagt.:
Beachten Sie:

Um die meist gewünschte Darstellung dieser Pseudoklassen zu erreichen, müssen Sie bei der Notierung die Reihenfolge des Beispiels einhalten.
Zum Vergrößern anklicken....
mfg Maik
 
Erstens hab ich das in dieser fehlerhaften Form nicht vorgeschlagen, und zweitens solltest du auch meine Beiträge aufmerksam lesen, und die Ratschläge beherzigen, dann erübrigen sich diese Fragen:
Zum Vergrößern anklicken....
Asche über mein Haupt!!


Ich bin mir nicht sicher, ob ich das mit display:block richtig umgesetzt habe, oder wieder was doppelt und zu kompliziert gemacht habe.
Code: 
.text_einger {
	display: block;
	margin-left: 270px;
	margin-top: 17px;
}

Aber insgesamt siehts doch jetzt schon vieeel besser aus.

Was meinst Du?


http://kessler-creativdesign.de/vonBriel/chronik.html
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück