Ankündigung

**Joey** · 18.01.2008, 16:11

AW: Frage zum Hintergrund...

rein formell sei erst einmal bemerkt, dass html keine programmiersprache im eigentlichem sinn ist

würden mir spontan jetzt 2 div-container einfallen, dnene du jeweils die breite der scanlines zuweist und links bzw rechts postierst und das gleiche in der mitte mit dnene, wobei es allerdings das problem gibt dass du einem div-container in html nich align="center" nicht zuweisen kannst bzw dass es übergangen wir dund das gleiche in css, also könntest du eine mittig postierte tabelle erstellen, und in die spalte die beiden container die du jetzt banner und menüleiste genannt hast

würde dann also in etwa so aussehen:

<table align="center">
<tr>
<td>
<div class="banner">

</div>
<div class="menuleiste">

</div>
</td>
</tr>
</table>

**-ERROR-** · 18.01.2008, 17:36

AW: Frage zum Hintergrund...

Tabellen kannst du dir sparen...

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>blabla</title>
<style type="text/css">
body{
background-image:url(scanline.gif);
background-attachment:fixed;
background-repeat:repeat;
}
#main{
width:800px;
margin:auto
background-color:black;
background-image:url(blabla.gif);
}
</style>
</head>

<body>
<div id="main">
<img src="banner.jpg" />
<div id="navi">
USW BLA BLA BLA
</div>
</body>
</html>

**dhx** · 18.01.2008, 17:41

AW: Frage zum Hintergrund...

Mahlzeit!

McQuadrat:
Also bloß mal ein Ansatz, wie ich das hinkriege, dass ich einmal die Scanlines
nur am äußeren Rand habe und die schwarze Fläche in der Mitte.

Da fallen mir zwei Möglichkeiten ein.

1.
Diese Scanlines als Hintergrundgrafik für den <body> festlegen und einen
DIV-Container mittig platzieren. In diesem Container kommt dann der Inhalt
rein (Header, Navi etc.). -Könnte dann so aussehen.

2.
Hier könnte man aus der Vorlage ein Teilstück herausschneiden (rotes Rechteck):

Dieses Teilstück als Hintergrund für den <body> festlegen (zentrieren!) und von
oben nach unten sich wiederholen lassen. Sieht dann so aus und das wäre
die Hintergrundgrafik (ich hoffe man erkennt es -hatte keine bessere).

Bei dieser Methode muss natürlich die Hintergrundgrafik breit genug sein für
hohe Auflösungen (ich würde eine Breite von 1600Pixel in Betracht ziehen).
Die Höhe sollte sich in dem Bereich von 4Pixel befinden, so dass dieser Scanline
-Effekt noch zu sehen ist.

**Ingo** · 18.01.2008, 17:59

AW: Frage zum Hintergrund...

Hi,

Zitat von dhx Beitrag anzeigen

Bei dieser Methode muss natürlich die Hintergrundgrafik breit genug sein für hohe Auflösungen

wieso? Du kannst - und solltest! - zusätzlich eine Hintergrundfarbe angeben, in diesem Fall schwarz. Ansonsten sieht ein Besucher bei deaktivierten Grafiken von weisser Schrift meist gar nichts.

Gruß
Ingo

**dhx** · 18.01.2008, 18:09

AW: Frage zum Hintergrund...

Mahlzeit!

Zitat von Ingo Beitrag anzeigen

Hi,

wieso? Du kannst - und solltest! - zusätzlich eine Hintergrundfarbe angeben,
in diesem Fall schwarz. Ansonsten sieht ein Besucher bei deaktivierten
Grafiken von weisser Schrift meist gar nichts.

Gruß
Ingo

Richtig (ist ja auch in meinem Beispiel vorhanden), der Hinweis bezog sich ja
nur auf die Hintergrundgrafik selber.

**Ingo** · 18.01.2008, 18:12

AW: Frage zum Hintergrund...

Hi,

Zitat von dhx Beitrag anzeigen

Richtig (ist ja auch in meinem Beispiel vorhanden)

da hatte ich jetzt nicht reingesehen, weil Dein Hinweis zur Breite der Hintergrundgrafik dann überflüssig war.

Gruß
Ingo

**dhx** · 18.01.2008, 18:17

AW: Frage zum Hintergrund...

Mahlzeit!

Zitat von Ingo Beitrag anzeigen

Hi,

da hatte ich jetzt nicht reingesehen, weil Dein Hinweis zur Breite der
Hintergrundgrafik dann überflüssig war.

Gruß
Ingo

Nein ist er nicht. Da der Hintegrund aus diesen Scanlines besteht und diese
sollen ja auch in hohen Auflösungen zu sehen sein. Ansonsten würde nur
diese einfarbige Hintergrund am Rande zu sehen sein.

**Ingo** · 18.01.2008, 18:52

AW: Frage zum Hintergrund...

Hi,

Zitat von dhx Beitrag anzeigen

Nein ist er nicht.

kommt auf den Fall an. Ich bezog mich auf Dein zweites Beispiel und sehe jetzt auch, dass Du den schwarzen Hintergrund im body über die Hintergrundfarbe angegeben hast. Wenn hier natürlich ein Muster am Rand angezeigt werden soll, dann muss die Grafik natürlich breit genug sein.

Gruß
Ingo

**dhx** · 18.01.2008, 23:06

AW: Frage zum Hintergrund...

Mahlzeit!

Ingo:
Wenn hier natürlich ein Muster am Rand angezeigt werden soll,
dann muss die Grafik natürlich breit genug sein.

Genau so ist es, siehe auch dazu das Bild im ersten Beitrag.

@McQuadrat:
Ich habe zur 2. Möglichkeit noch ein Beispiel hochgeladen. Ich denke jetzt
sollte es deutlich werden, was ich meinte mit die Grafik verbreitern. Die
Ränder werden hier in "die Breite gezogen", damit in hohen Auflösungen das
Muster immer noch zu sehen ist. Hier nochmal die entsprechende Hinter-
grundgrafik.

Empfehlen würde ich aber die Vorschlag von -ERROR- bzw. meine erste
Möglichkeit, die vom Gedanken her die gleiche ist. Da hier einfach mehr
Flexibilität im Layout gegeben ist.

**McQuadrat** · 30.01.2008, 16:18

AW: Frage zum Hintergrund...

Danke euch allen für die Ideen! Ich habe es jetzt mit dem Ansatz von -ERROR- hinbekommen!

Ankündigung

Frage zum Hintergrund...

Frage zum Hintergrund...

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar

homepage-forum.de - Hilfe für Webmaster! Statistiken

Online-Benutzer

Die neuesten Themen

Die neuesten Beiträge