Eine Homepage erstellen für einsteiger - Seite 2

mrfloppi2 · #31 14-05-2004, 13:46

Also bei mir geht man von einem user aus der keine problem mit suchmaschinen,auflösung oda rumscrollen hat..Daher würd ich trotz der schwierigkeiten die sven aufgelistet hat wissen wie man frames macht

was isn so toll an IFrames?
ich hab erst vor kurzem mit html angefangen,daher find ich das selbs bei selfhtml schwer

Aber komischerweise bin ich mit der hp die ich machen wollde schon soweit dass ich frames brauche,bzw. denke dass sie notwenidg sind...

*EEBKiller* · #32 14-05-2004, 13:53

Dynamische IFrames, das war meine erste Java-Script erfindung. Da so gut wie alle User JS aktiviert haben und die Funtkionen eigentlich nichts exotisches sind, bekommt man das Locker hin:

http://www.eeb-welt.de/index.php?go=webdesign

Unten steht beschrieben, wie ich das gemacht habe. Ich nutz das bei meiner Seite und es klappte bis etz immer, egal mit welchem Browser. Aber achtet drauf, dass der onload() - Befehl wirklich nur im Body der zu ladenden Content-Seite ist.

btw: Framesets sind mitlerweile überflüssig und veraltet, da du ja IFrames hast oder auch einfach Tabellenkonstrukte, mit denen man die Seite passend Strukturiert. Wenn du dann ein Menu hast, was nur Text ist (als das Gegenteil von meinem

) kann man in Kauf nehmen, es immer wieder nachzuladen.

Ich selbst konnte es nicht so machen, da mein Menu und auch der Banner oben doch ein wenig größer sind von den kB (1 Punkt sind 3 Grafiken)

Wer sonst noch Fragen hat, soll fragen

Elrod Cater F-K · #33 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 · #34 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*** · #35 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* · #36 15-05-2004, 10:26

Die URL gehört aber in einfache Anführungsstriche

mrfloppi2 · #37 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* · #38 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 · #39 15-05-2004, 13:29

aaaaaaaaaasooooooooooooooooooooo

***Sven*** · #40 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* · #41 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*** · #42 15-05-2004, 18:10

Oooops, das kommt davon wenn man SelfHTML lokal benutzt

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

mrfloppi2 · #43 15-05-2004, 19:54

sone schei$$e!

es funzt immernoch nich was ich wollde..also..
Problembeschreibung: Ich habe 3 frames gemacht,Eins oben,eins links und ein Hauptframe. Mein frameset sieht so aus
<FRAMESET cols="13%,*" border="0">
<FRAME src="left.html"name="navigation">
<FRAMESET rows="15%,*" border="0">
<FRAME src="blabla.html"name="was oben hin soll">
<FRAME src="main.html"name="content">
</FRAMESET>
Ich möchte aba dass das obere frame nicht von dem llinken geschnitten wird sondern ,,durchgeht''.
Dann noch:
Beim llinken frame,das ich als menü benutzen will, will ich in die mitte als hintergrund ein bild setzen und aussenrum farbe (wie schon erwähnt).Das problem ist aba das mit eurem code das bild nur dort als hintergrund auftaucht wo es auch schrift (oda html codes wie z.b. <p>  ) gibt.
Puuh..ich hoffe echt dass ihr mir helfen könnt weil ich mich in letzer zeit echt abracker damit...Wenn ihrs könnt,schreibt das ma bitte hier rein, auch wenn ich viellicht schon genug nerven gekostet hab:king:
thx Da Flop

mrfloppi2 · #44 14-07-2004, 20:40

Hallo leuts!Sry wegen doppelpost.Für individuelle entlastung(

) poste ich mein prob hier rein

(der post davor is jetzt egal).Also das is mein code:

Code:

<html>
<head>
<style type="text/css">
<!--
td {
   border: 1px solid;
   border-top-color: #00007F;
   border-left-color: #00007F;
   border-right-color: #00003F;
   border-bottom-color: #00003F;
}
//-->
</style>
</head>
<table table border="1" cellspacing="0" cellpadding="0" width=17% bgcolor=#000040 >
<tr valign="middle"><td height=35 align="middle" > <font color=#0000FF ><h3> Home </h3> </font>
<tr><td height=35 align="middle"  > <font color=#0000FF ><h3>Geschichte</h3> </font>
<tr><td height=35 align="middle"  > <font color=#0000FF ><h3> Unsere PC'S</h3> </font>
<tr><td height=35 align="middle"  > <font color=#0000FF ><h3> Bilder</h3> </font>
<tr><td height=35 align="middle"  > <font color=#0000FF ><h3> Über uns</h3> </font>
<tr><td height=35 align="middle"  > <font color=#0000FF ><h3> Kontakt</h3> </font>
<tr><td height=35 align="middle"  > <font color=#0000FF ><h3> Gästebuch</h3> </font>

</table>
</html>

Wie krieg ich das hin dass die schrift horizontal und vertikal in der mitte steht?Ich habs schon mti valign versucht aba es klappt nich

Ich habs auch mit <th> tabellen versucht aba dann ist das gitternetzt nicht mehr blau!
thx im vorraus
Floppi

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