Zum Inhalt springen

CSS mehrere Klassen formatieren

Erstellt am 14. August 2008 · 6 Antworten · letzte Antwort am 14. August 2008

Tags: Frage

killinit ·

Ich habe ein Problem und kann die class="rightcorner" nicht korrekt formatieren und ansprechen, kann mir eventuell jemand helfen?

Danke

<ul class="navigation">
	     <!--###MENU### start-->
	     <a class="leftcorner" href="">Test</a>
	     <a href="#"> Test </a>
	     <a href="#"> Test </a>
	     <a href="#"> Test </a>
	     <a href="#">Test</a>
	     <a class="rightcorner" href=""> Test </a>
	     <!--###MENU### stop-->
	     </ul>
ul.navigation {
		margin: 0.2em 0 0em; padding: 0em 0em 0em;
		font-size:12px;
		font-weight:normal;
	    text-align: right;
	    color:black;

		}
		
		#nav ul.navigation .leftcorner:link{
		background-image: url(nav/button_left.png);
		color:black;

	}
	
		#nav ul.navigation a.leftcorner:hover{
		background-image: url(nav/button_hover_left.png);
		color:white;
	}

		#nav ul.navigation   .rightcorner{
		background-image: url(nav/button_right.png);
		color:black;
		
	}
	
		#nav ul.navigation a.rightcorner:hover{
		background-image: url(nav/button_hover_right.png);
		color:white;
	}
	

	
	ul.navigation li{
		list-style:none;
		display:inline;
	}
	
	ul.navigation  a, ul.navigation span {
	float:left; width:6em;
	margin: 0.0em; padding: 0.61em 0.6em 0.5em;
	text-decoration: none; font-weight: normal; text-align:center;
	background-image: url(nav/button.png);
	color:black;

	}

	* html ul.navigation a, * html ul.navigation span {  /* Korrektur fuer IE 5.x */
	width: 8em;
	w\idth: 6em;
	}
	ul.navigation  a:hover, ul.navigation span {
	border-color: white;
	background-image:url(nav/button_hover.png);
		color:white;

}
SLAng ·

Ja, tolle Frage... Kein Mensch hier weiß jetzt was passiert, oder was passieren soll... Bitte nicht so viele Informationen auf einmal...

killinit ·

:o, soory, mein problem ist das die klasse rightcorner nicht mit den in css definierten grafiken angesprochen wird....

die linke (welche schon korrekt funktioniert) seite des menüs, und die rechte seite des menüs soll jeweils eine nach aussen abgerundete grafik als hintergrund haben.

Bei der Rechten Seite funktionert dieses jedoch nicht.

Die Frage bezieht sich auf die reine darstellungs das template's nicht auf die implementierung in typo3
Danke

killinit ·

Ja wie es aussieht wird er das..

das komische ist nur sobald ich z.B die Grafik aus der class leftcorner als background-image in die class rightcorner eintrage wird diese auch angezeigt ?!?!

komisch komisch

killinit ·

ne der pfad ist korrekt, das habe ich auch zuerst gedacht.

Zu deinem Vorschlag,(wieso hab ich das noch nicht ausprobiert? :-D), dann sieht es genau so murkisg aus, ein bild wird zwar hinterlegt jedoch sieht es irgendwie so aus als wären 2 grafiken aufeinander ?!