Hintergrund einer Internetseite

Michael_A

Hallo!
Ich habe eine Frage. Und zwar möchte ich gerne eine Fußballhomepage bauen. Die Vereinsfarben sind grün weiß, so soll der Hintergrund auch aussehen.
Schaut mal hier:

http://web142.net-server9.de/

Nur ich habe 2 probleme: 1. Will ich die Seiten mit Frames machen, wie bekomme ich das dann mit dem Hintergrund hin? Sind ja dann 2 Bildschirmteile....es soll weiterhin so gleichmäßig in das weiß gehen.
Und ein zweites problem (wie man schon sehen kann) der Hintergrund geht immer nur so weit wieviel ich schreibe.
Heisst also ich müsste irgendwas bis unten hinschreiben damit der Hintergrund ganz voll ist.
Wie krieg ich das anders hin?
Hier der Code:

HTML

<html>
<head>
<title>Herzlich Willkommen bei den "Schwalben"</title>
<meta name="author" content="Aldag">
</head>


<div style="background-image:url(/images/bg.jpg); background-repeat:repeat-y;>
<table height=100%>
<tr>
<td>
Deine Seite
</td>
</tr>
</table>
</div>


<body text="#000000" link="#FF0000" alink="#FF0000" vlink="#FF0000"></body>


test


test


test


test




</body>
</html>

Alles anzeigen

Ich hoffe ihr könnt mir helfen. Super Forum übrigens, vor allem find ichs gut das man sich nicht erst registrieren muss.
Danke schonmal für eine antwort!

Mülla

Moin, als erstes würde ich mal deinen HTML Code ändern. Warum steht die Tabelle zwischen </head> und <body> ???? sollte erst nach dem Body-Tag stehen. Und warum schließt du den Body 2mal?
Dann weiß den Hintergrund nicht der Tabelle zu, die Tabelle schließt bei letzter Zeile ab. Weiße den Hintergrund der gesammten Seite zu.

Dann mit deinen Frames. Das müsste normal gehen indem du das Bild schneidest.
Lege z. B. den Link Frame auf 120Pixel fest, dann schneidest du die linken 120 Pixel ab und definierst diese als hintergrund, das wäre der linke frame, und im rechten rfame dann einfachd ie restlichen pixel und die dann wieder mit css schön an den linken rand fixieren so dass es nichts verrrutscht. Wenn du keine Kanten in der GRafik hast müsste es eigentlich gehen...

greetz

driver

oder du machst menü und haupt als iframes (transparent) und legst des hintergrundbild direkt auf die seite...

Michael_A

Zitat von driver

oder du machst menü und haupt als iframes (transparent) und legst des hintergrundbild direkt auf die seite...

Wie mache ich das denn?

----

Ich habe den Code geändert:

HTML

<html>
<head>
<title>Herzlich Willkommen bei den "Schwalben"</title>
<meta name="author" content="Aldag">
</head>


<body text="#000000" link="#FF0000" alink="#FF0000" vlink="#FF0000">


<div style="background-image:url(/images/bg.jpg); background-repeat:repeat-y;>
<table height=100%>
<tr>
<td>
Deine Seite
</td>
</tr>
</table>
</div>


test


test


test


test




</body>
</html>

Alles anzeigen

Aber es sieht immer noch so aus. Was ist denn nun die einfachste Methode? Ich bin voll der html Anfänger....sorry für die dummen Fragen. Wär aber nett wenn mir jemand sagen kann WAS und WIE ich es machen soll.
Danke schonmal für die antworten.

Mülla

Hi...

probier mal folgenden code:

HTML

<html>
<head>
<title>Herzlich Willkommen bei den "Schwalben"</title>
<meta name="author" content="Aldag">
<style type="text/css">
<!--


.bg {
background-image:url('/images/bg.jpg');
background-repeat: repeat-y;
}


-->
</style>




</head>


<body text="#000000" link="#FF0000" alink="#FF0000" vlink="#FF0000" class="bg">


<table height=100%>
<tr>
<td>
Deine Seite






test


test


test


test


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






</body>
</html>

Alles anzeigen

hab dem Hintergrund ne Klasse zugewießen.

Du hast den Style Tag im Div falsch geschlossen, du musst nach dem Background ein Simikolon, aber die Anführungstriche erst nach dem repeat-y, das repeat ohne ; abschließen.
Hab die CSS anweisungen nun direkt in den Head geschrieben.

greetz

Mülla

Zitat von driver

oder du machst menü und haupt als iframes (transparent) und legst des hintergrundbild direkt auf die seite...

Das ist auch eine Möglichkeit... kommt ganz darauf an wie die seite geframet werden soll.. aber würde im InlineFrame ehr zusagen. Der ist leichter anzupassen

Michael_A

OK danke Mülla!
Hat geklappt *freu*

Jetzt habe ich mir vor langer Zeit mal eine vorlage gemacht:

Download

Diese besteht wie man sehen kann aus 2 Frames. Einmal oben dem Logo (das richtige wird später natürlich besser aussehen, hab das einfach nur so schnell gemacht, genau wie die Bilder darunter).
Es sollen letzendlich aber 3 Frames werden.

Links Navi
Oben das Logo (wenn man drauf klickt öffnet sich wieder die Startseite).
Rechts die Main

Der Hintergrund soll aber wie bei dieser Seite.
Kann mir das vielleicht jemand machen? Also nur die eine Seite.
Dort den linken Frame für die Navi einfügen, und dann das mit dem Hintergrund richtig machen.
Wäre extrem nett! Danke!

Mülla

Registrier dich mal, möchte dir gern eine pm schicken.

driver

iframes hatt ich doch erst was gepostet....

-> https://www.forum-hilfe.de/viewtopic.php?…ghlight=#134972

Michael_A

Kann mir das bitte schnell einer machen? Wäre echt nett ich versteh da nämlich nix von und hab meinem Bruder versprochen das morgen die erste Seite fertig ist
Ich würde dann auch mal irgendwie helfen (hab gute Hardware kenntnisse), oder irgendwie würde ichs dann schon Recht machen.
Bitte helft mir
Vielen vielen vielen Dank!

Michael_A

Sorry wenn ich nerve, aber gibts wirklich keinen der das machen kann? Biiiiitteeeee....morgen muss die erste Seite stehen....

sudeki05

meld dich mal per icq bei mir 308-895-332

driver

SCHAU DIR DEN LINK VON MIR AN.... DA STEHTS !

Michael_A

sudeki05 hat mir Freundlicherweise geholfen!
Vielen Dank nochmal.
Allerdings habe ich jetzt noch ein problem. Und zwar funktioniert die Seite im IE nicht!

Internet Explorer (falsch)
[Blockierte Grafik: http://www.directupload.net/images/060502/temp/Ar7UK9Eu.jpg]

Firefox (richtig)
[Blockierte Grafik: http://www.directupload.net/images/060502/temp/4DM9uQyQ.jpg]

Was kann ich tun damits funktioniert?
Danke

driver

hast du die transparenz auf "true" gestellt ?

Michael_A

Hey!
Ja, die Transparenz ist auf "true". Wär aber nett wenn du dir das mal anschauen könntest!

Download

driver

HTML

<html><head></head><body bgcolor="transparent">










<div style="overflow:auto; width:98%; height: 80%; padding:5px; border:1px black solid; ">
TEXT














<div align="center">


[img]kloster.JPG[/img]</img>


</div>
</div>
</body>
</html>

Alles anzeigen

musst in der main den hintergrund auch auf transparent setzen...

Michael_A

Das sieht jetzt aber ganz komisch aus
Im FF siehts nun so komisch Blau aus. Weisst du was da verkehrt iss?
Danke trotzdem

driver

kleine verbesserung der main:

HTML

<html><head>
<style type="text/css">
<!--


body {
background:transparent;
}


-->
</head><body> 








 
<div style="overflow:auto; width:98%; height: 80%; padding:5px; border:1px black solid; "> 
TEXT 










 


<div align="center"> 


[img]kloster.JPG[/img]</img> 


</div> 
</div> 
</body> 
</html>

Alles anzeigen

Michael_A

Also es hat sich schon verbessert, aber es geht nur beim Firefox und bei Opera richtig.
Im IE ist der Kasten nicht da:

http://www.directupload.net/show/d/686/WrC899Em.jpg

Kannst du nochmal gucken?
Danke Hilfst mir wirklich super

Tags