YourWBB

yourWBB » yourWBB Misc * » Das Proggen » HTML, XHTML, JavaScript & CSS » Logo mit Hintergrundbild versehen

» Hallo Gast [Anmelden|Registrieren]

Letzter Beitrag | Erster ungelesener Beitrag

2.439 Views | | Thema zu Favoriten hinzufügen

Neues Thema erstellen Antwort erstellen

Logo mit Hintergrundbild versehen

Autor

Beitrag

« Vorheriges Thema | Nächstes Thema »

Barthez
Mitglied

Dabei seit: 07.07.04
Beiträge: 304
Forenversion: 3.0

Logo mit Hintergrundbild versehen

Antworten Zitieren Editieren Melden UP

HI Leute,

ich möchte auf meiner Homepage

das Logo oben auf 100% Browserbreite mit einem Hintergrundbild versehen. Wie mache ich das?

mein CSS im header sieht so aus:

#header {
position:relative;
margin:0;
padding:0;
height:164px;
width:980px;
background-image:url(bg_header.jpg);
}

bg_header.jpg ist das Logo das nochmal einen hintergrund bekommen soll der dann auch noch breiter ist als diese 980px, nämlich 100% ... was muß ich da machen?

Danke sehr für Eure Hilfe

__________________
Gruß
Barthez

14.11.08 14:21

E-Mail WWW Finden Als Freund hinzufügen

Madd Eye Madd Eye ist männlich

PHP/VB.Net/JS/C++ Programmierer

Dabei seit: 12.04.08
Beiträge: 108
Fähigkeiten: WBB3 Fortgeschritten
Herkunft: Kennt eh kein Schwein
Forenversion: 3.0

Antworten Zitieren Editieren Melden UP

/* header */
.header {
border-top: 2px solid #663;
background: #DAD7C5 url(img/header.jpg) no-repeat left bottom;
position:relative;
margin:0;
padding:0;
height:164px;
width:980px;
}

Müsste Fuktinieren

14.11.08 17:44

E-Mail WWW Finden Als Freund hinzufügen

Barthez
Mitglied

Dabei seit: 07.07.04
Beiträge: 304
Forenversion: 3.0

Themenstarter Thema begonnen von Barthez

Antworten Zitieren Editieren Melden UP

wo füge ich da die hintergrundgrafik ein?

__________________
Gruß
Barthez

14.11.08 17:46

E-Mail WWW Finden Als Freund hinzufügen

Madd Eye Madd Eye ist männlich

PHP/VB.Net/JS/C++ Programmierer

Dabei seit: 12.04.08
Beiträge: 108
Fähigkeiten: WBB3 Fortgeschritten
Herkunft: Kennt eh kein Schwein
Forenversion: 3.0

Antworten Zitieren Editieren Melden UP

Oh O.o

srry falsches Skript hier das Richtige

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:

#header {
	position: relative;
	height: 70px;
	background: #FE0 url(images/Header_endlos.gif) repeat-x;
}
#header a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	outline: thin solid;
	background: #F00 url(images/Header.gif) no-repeat 0 0;
}
#header img {
	position: absolute;
	top: 0;
	right: 0;
	padding-top: 5px;
	padding-right: 25px;
}

Musst nur noch nach deinen Wünschen verändern

14.11.08 17:59

E-Mail WWW Finden Als Freund hinzufügen

Baumstruktur | Brettstruktur

Gehe zu:

Neues Thema erstellen Antwort erstellen

yourWBB » yourWBB Misc * » Das Proggen » HTML, XHTML, JavaScript & CSS » Logo mit Hintergrundbild versehen