Frage stellen
(vorweg: ich kann kein css, ich weiss, ich sollte es lernen, aber mir fehlt einfach die zeit)
wie ändere ich bei der webseite http://www.foerderplan.eu den hintergrund (das grüne blatt) so, daß ich bei jeder einzelnen seite (index.html, foerdermittel.html, finanz.html, unternehmen.html, impressum.html) ein anderes bild habe ?
Es gibt zwei css-files:
http://www.foerderplan.eu/layout.css
http://www.foerderplan.eu/style.css
im wesentlichen geht es also um die änderung der bilder für die seitennavigation (im style.css):
- Code: Alles auswählen
.site-nav { width:100%; overflow:hidden;}
.site-nav li { float:left; font-size:.83em; text-transform:uppercase;}
.site-nav li a { text-decoration:none; color:#fff; display:block; float:left; text-align:center; padding:26px 0 22px 0;}
.site-nav li a span { padding-right:18px; background:url(images/marker-1.gif) no-repeat right top;}
.site-nav li a.m1 { background:url(images/m1.jpg) no-repeat left top; width:199px;}
.site-nav li a.m2 { background:url(images/m2.jpg) no-repeat left top; width:152px;}
.site-nav li a.m3 { background:url(images/m3.jpg) no-repeat left top; width:159px;}
.site-nav li a.m4 { background:url(images/m4.jpg) no-repeat left top; width:162px;}
.site-nav li a.m5 { background:url(images/m5.jpg) no-repeat left top; width:163px;}
.site-nav li a.m6 { background:url(images/m6.jpg) no-repeat left top; width:151px;}
.site-nav li a:hover { color:#b1c8bf;}
und eine änderung des hintergrundbildes im layout.css:
- Code: Alles auswählen
#header {height:425px; background:url(images/header-bg.jpg) no-repeat left bottom;}
vielen dank im voraus für eure hilfe ! tina