CnC Foren - Eine Homepage erstellen für einsteiger

Seite 2 von 2

40 Beiträge dieses Themas auf einer Seite anzeigen

CnC Foren (http://www.cncforen.de/index.php)

- Off-Topic (http://www.cncforen.de/forumdisplay.php?f=13)

- - Eine Homepage erstellen für einsteiger (http://www.cncforen.de/showthread.php?t=46246)

mrfloppi2

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

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 :D) 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

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

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 :hack:

Sven	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

15-05-2004 10:26

Die URL gehört aber in einfache Anführungsstriche :p

mrfloppi2

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

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

15-05-2004 13:29

aaaaaaaaaasooooooooooooooooooooo :thx:

Sven	15-05-2004 15:10

Zitat:

Zitat von EEBKiller

Die URL gehört aber in einfache Anführungsstriche :p

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 :p

EEBKiller

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. " :p 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 :D

Sven	15-05-2004 18:10

Oooops, das kommt davon wenn man SelfHTML lokal benutzt :shy:

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

mrfloppi2

15-05-2004 19:54

:soangry: sone schei$$e!:soangry: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

14-07-2004 20:40

Hallo leuts!Sry wegen doppelpost.Für individuelle entlastung(:D) poste ich mein prob hier rein:jupp: (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

Alle Zeitangaben in WEZ +2. Es ist jetzt 20:40 Uhr.

Seite 2 von 2

40 Beiträge dieses Themas auf einer Seite anzeigen