|
|||
Problem mit Hintergrundbild (runde Ecken)
Hi,
für abgerundete Ecken versuch ich DIv-tags mit abgerundeten Ecken um den hauptkasten zu legen. Nur klappt das nicht. Laut Firefox werden die Bilder sogar geladen, nur halt nicht angezeigt. Stylesheet: Code:
.menulo { background: url("../bilder/layout/ecken/FAAA10_FFFFAA_150_ol.gif") top left no-repeat; margin: 0; padding: 0; } .menuro { background:url("../bilder/layout/ecken/FAAA10_FFFFAA_150_or.png") top right no-repeat; margin: 0; padding: 0; } .menulu { background:url("../bilder/layout/ecken/FAAA10_FFFFAA_150_ul.png") bottom left no-repeat; margin: 0; padding: 0; } .menuru { background: url("../bilder/layout/ecken/FAAA10_FFFFAA_150_ur.png") no-repeat bottom right; margin: 0; padding: 0; } #themenu { /*width: 150px;*/ background-color: #FFFFAA; float: left; margin: 0; } Code:
<div class="menulo"><div class="menuro"><div class="menulu"><div class="menuru"> <div id="themenu"> <span>~Die Schule</span> <span> »Allgemein</span> <span> »Aktuelles</span> <span> »Bil. Zweig</span> <span> »AG-Angebote</span> <span> »DELF/DALF</span> <span> »Auslandsecke</span> <span> »Geschichte</span> <span> »Projekte</span> <span> »Bonhoeffer</span> <span> »in der Presse</span> <span> »Kontakt</span> <span>~Förderverein</span> <span>~Sponsoren</span> <span>~Cafeteria</span> <span>~Schulintern</span> <span>~SV</span> <span>~Pressematerialien</span> <span>~Linkliste</span> <span>~Ehemalige</span> <span>~CMS</span> </div> </div></div></div></div> |
Sponsored Links |
|
|||
Entferne bei #themenu die Hintergrundfarbe(!) und das float.
Dann siehst du deine Bilder. Lesestoff: containing floats Ein Menü gehört in eine Liste. Lesestoff: semantisches Markup |
Sponsored Links |
|
|||
Zitat:
Setz die Farbe beim äußersten umschließenden Element #menulo dazu und sorge dafür, dass es sich um das innenliegende ausdehnt (siehe Link1). |
|
|||
http://aktuell.de.selfhtml.org/tipps...s/runde_ecken/
http://www.w3.org/Style/Examples/007/roundshadow.html http://www.andreas-kalt.de/webdesign...ls/runde-ecken Eigentlich müsste das doch hierarchisch aufgebaut sein, die Bilder müssten also vor der Hintergrundfarbe angezeigt werden... |
|
|||
Zitat:
Schau dir deine drei (sehr unterschiedlichen) Beispiele nochmal genau an. |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Runde Ecken - Unsauber! | Keith | CSS | 10 | 25.11.2011 04:46 |
Problem mit zweitem Hintergrundbild | drhoneydew | CSS | 2 | 25.03.2010 12:28 |
Abgerundete Ecken: Hover Problem | Danto | CSS | 1 | 17.03.2010 12:00 |
Suche eleganten Weg für runde Ecken | P@trick | CSS | 10 | 30.12.2007 22:32 |
Problem mit wiederholenden Hintergrundbild bei 'float' | aHofer | CSS | 2 | 07.12.2007 01:02 |