LevelOne
Hallo,
ich würde meinen Banner gerne als Hintergrund einbinden und nicht als bild in der html einfügen, das geht doch in der css oder?
wenn ja wie bitte?
Danke
codingnoob
Ja, das geht. Beispielsweise so:
| code: |
1:
|
<a href="index.xyz id="logo">Startseite</a> |
|
und im CSS
| code: |
1:
2:
3:
4:
5:
6:
7:
|
#logo {
background: url(images/logo.jpg) no-repeat;
display: block;
height: 106px;
text-indent: -999em;
width: 625px;
} |
|
In der Klammer bei background den Pfad zum Logo angeben, bei width und height die Größe desselben. Das Textindent ist dazu da, dass der Text zwar theoretisch (also beim Vorlesen lassen oder in Textbrowsern) da ist, aber da er soweit nach links weggerückt ist, nicht angezeigt wird.
Du kannst statt dem Anker-Tag natürlich auch ein Div oder sonstwas nehmen. Bei Blockelementen kannst du dir dann das display: block; schenken.
LevelOne
verstehe ich nicht ganz, der banner soll einfach nur erscheinen ohne jeglichen schnick schnack
codingnoob
Erscheint das Logo (
http://gamersisle.de/hockey/templates/images/logo.jpg) hier mit irgendwelchem Schnickschnack:
http://gamersisle.de/hockey/ ? Das ist nämlich genau so gemacht, wie ich es oben beschrieben habe.
Dass der Verlauf im Hintergrund über die ganze Breite geht, ist dabei nicht berücksichtigt. Soll heißen: Bei der Unihockey-Seite geht er über die ganze Breite, beim Vorschlag hier tut er es nicht.
LevelOne
der banner der soll auf der index.html erscheinen aber der banner soll von der css zugewiesen werden
codingnoob
Und was spricht gegen
| code: |
1:
|
<a href="index.xyz" id="logo">Playgames24</a> |
|
oder
| code: |
1:
|
<div id="logo"></div> |
|
und im CSS
| code: |
1:
2:
3:
4:
5:
6:
7:
|
#logo {
background: url(images/bg_center.jpg) no-repeat;
display: block;
height: 157px;
text-indent: -999em;
width: 952px;
} |
|
(bei der zweiten Variante kannst du das display:block; und das text-indent: -999em; weglassen)
Was funktioniert denn nun schon wieder daran nicht?