---
title: "CSS mehrere Klassen formatieren"
url: "https://www.typo3.net/d/80672-css-mehrere-klassen-formatieren"
source: "typo3.net"
tags: ["Frontend","Styling","Frage"]
created: "2008-08-14"
last_reply: "2008-08-14"
replies: 6
solved: false
page: 1
pages: 1
lang: "de"
---

# CSS mehrere Klassen formatieren

Frontend › Styling · 6 Antworten · gestartet 2008-08-14

## Eröffnungsbeitrag

**killinit** · 2008-08-14 · [Beitrag #1](https://www.typo3.net/d/80672-css-mehrere-klassen-formatieren/1)

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

Danke

```html
<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>
```

```html
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;

}
```

## Antworten

### [#2](https://www.typo3.net/d/80672-css-mehrere-klassen-formatieren/2) · Unbekannter Benutzer · 2008-08-14

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

### [#3](https://www.typo3.net/d/80672-css-mehrere-klassen-formatieren/3) · killinit · 2008-08-14

: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

### [#4](https://www.typo3.net/d/80672-css-mehrere-klassen-formatieren/4) · saschae · 2008-08-14

Wird denn der Style vom element verwendet?
Kannst du mit Firebug ziemlich einfach nachvollziehen

### [#5](https://www.typo3.net/d/80672-css-mehrere-klassen-formatieren/5) · killinit · 2008-08-14

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

### [#6](https://www.typo3.net/d/80672-css-mehrere-klassen-formatieren/6) · saschae · 2008-08-14

pfad zum bild falsch? ;)
was passiert wenn du das bild von rechts in die klasse von links machst  ;)

### [#7](https://www.typo3.net/d/80672-css-mehrere-klassen-formatieren/7) · killinit · 2008-08-14

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 ?!

---

Quelle: „CSS mehrere Klassen formatieren“, typo3.net, https://www.typo3.net/d/80672-css-mehrere-klassen-formatieren
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.