Eine Homepage erstellen für einsteiger

Elrod Cater F-K · #1 14-05-2004, 17:30

Zitat:

Zitat von Sven

Sehr einfach, du musst schnipseln:
Nehmen wir als Beispiel eine einzeilige Tabelle:

Code:

<table width="100%">
<tr>
<td width="33%" style="background-image:url(images/bg.jpg); repeat: repeat-x">&nbsp;</td>
<td align="center"><img src="images/logo.jpg" width="300" height="100" border="0" alt="Logo" /></td>
<td width="33%" style="background-image:url(images/bg.jpg); repeat: repeat-x">&nbsp;</td>
</tr>
</table>

Erläuterung:
In der linken und rechten Spalte wird ein Hintergrundbild immer wieder wiederholt, das sollte dann zB ein sehr schmales Bild sein das geeignet ist wiederholt zu werden.
In der mittleren Spalte wird dann das eigentliche Bild dargestellt.
Wenn du also in Photoshop deine Seite machst, dann achte darauf daß die Seitenteile so gestaltet sind daß sie sich wiederholen lassen und schneide nur einen 5 - 10 Pixel breiten Streifen davon aus

ok danke ich werd es mal versuche THX

mrfloppi2 · #2 15-05-2004, 00:26

Weiss jemand wie das geht? :
ich möchte ein pic als hintergrund haben...wenn ich es aba als hintergrund stelle,wiederholt es sich andauernd..das will ich ausmachen.Das hintergrundbild soll nru einmal gezeigt werden und der restliche platz soll von einer hintergrundfarbe eingenommen werden.

thx
Da Flop

***Sven*** · #3 15-05-2004, 02:30

<body style="background: #c9c9c9;">
<div style="background-image:url(pfad/zum/bild.jpg); repeat: no-repeat;">Inhalt</div>
</body>

*EEBKiller* · #4 15-05-2004, 10:26

Die URL gehört aber in einfache Anführungsstriche

mrfloppi2 · #5 15-05-2004, 12:03

Wie denn jetzt?mit oda ohne?bei mir funzt beides nit

<html>
<body style="background: #000040;">
<div style="background-image:"pic.jpg"; repeat: no-repeat;">
blabla
</div>
</body>
</html>
was mach ich falsch?

*EEBKiller* · #6 15-05-2004, 13:15

Code:

<html>
<body style="background: #000040;">
<div style="background-image:URL('pic.jpg'); repeat: no-repeat;">
blabla
</div>
</body>
</html>

Ein URL('...') gehört schon hin

mrfloppi2 · #7 15-05-2004, 13:29

aaaaaaaaaasooooooooooooooooooooo

***Sven*** · #8 15-05-2004, 15:10

Zitat:

Zitat von EEBKiller

Die URL gehört aber in einfache Anführungsstriche

Nein, gehört sie nicht:
http://localhost/selfhtml/css/eigens...ckground_image

Zitat:

Zitat von selfhtml

<html><head><title>background-image</title>
</head><body style="background-image:url(background1.gif)">

<div style="background-image:url(background2.gif); margin:0px; padding:10px">
<h1 align="center" style="color:#FFFFCC">Willkommen im Reich der Texturen!</h1>

<div style="background-image:url(background3.jpg); margin:30px; padding:10px">
<h2 align="center" style="color:#804000">Willkommen im Reich der Texturen!</h2>

</div></div>

</body></html>

re

*EEBKiller* · #9 15-05-2004, 16:20

Komischerweise mögen das manche Browser nicht. Naja, du kannst es mit oder ohne machen. Da es ein String is, setz ichs in ' bzw. "

Akzeptiert jeder Browser (sogar die Problemfälle) und gut is.

btw: Ne localhost-Addy nützt mir in diesem Falle genausoviel wie dir file:///C:/Tools/Selfhtml/navigation...tm#hintergrund

***Sven*** · #10 15-05-2004, 18:10

Oooops, das kommt davon wenn man SelfHTML lokal benutzt

http://selfhtml.teamone.de/css/eigen...ckground_image

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)