Umrandung mit HTML

**Yheeky**

Hi,

ich möchte gerade meine Homepage gestalten. Dabei möchte ich einen Rahmen einrichten. Er besteht aus einer JPEG-Datei und soll der größe des Fensters angepasst werden. Das heisst - ich kann ihm keine feste Größe zuweisen, sondern muss immer an die Fenstergröße angepasst werden. Wie kann ich das machen? Kenn mich mit HTML leider nicht so gut aus, als dass ich das Problem alleine lösen könnte.

Gruß Yheeky

**Luckie**

Nimm Prozentangaben.

Wenn du eine Tabelle umranden möchtest, dann kommst du auch ohne Grafik davon:

markieren

Code:

			table {

  border-left:#000000 1px solid;

  border-right:#c0c0c0 1px dotted;

}

td {

  border:#6699ff 1px solid;

}

Das sollte man jetzt nicht unbedingt logisch betrachten! Ich wollte nur zeigen, dass man entweder den Rahmen komplett mit "border" anpassen kann, oder ganz gezielt einzelne Seiten über "-left", "-right", "-bottom", "-top".

Die Tabelle gestaltest du selbst rahmenlos, weil der Rahmen über obige CSS-Befehle erzeugt wird:

markieren

Code:

Damit können ältere Browser zwar nichts anfangen, aber in Bezug auf die entdeckten Sicherheitslücken und Co. spricht heutzutage ohnehin nichts mehr für die Benutzung von Uraltgurken wie IE3, Netscape4 oder Opera<5.

Gruß,
Mathias.

PS: Bei kleinen Grafiken verwende ich das PNG-Format. Das erlaubt Transparenz wie bei GIFs und ist in solchen Fällen meist kleiner als JPEG. Dieses eigenet sich IMHO besser für größere Grafiken, etwa Logos, Bilder usw.
Ich sage es, weil Rahmen ja meist bloß aus ein/zwei Pixel breiten und hohen Grafiken bestehen. Du müsstest mal probieren, ob ein anderes Grafikformat evtl. Auswirkungen auf die Größe hat.

**sakura**

Du musst Dein JPEG in 8 einzelne Bilder zerteilen (4 Ecken, 4 Seiten). Zusätzlich benötigst Du ein sogenanntes Blind-GIF. Das ist ein GIF Image der Größe 1x1, welches transparent ist. (Download

http://www.gatenetwork.com/images/0.gif) Dann nutze folgendes HTML Basis-Layout.

In diesem Beispiel bin ich davon ausgegangen, das der Rahmen überall 10 Pixel breit ist und die Bilder alle im /images Verzeichnis liegen. Dein HTML Code kommt in den rot markierten Bereich.

markieren

Code:

			...

<body leftmargin="0" topmargin="0" bottommargin="0" rightmargin="0" marginwidth="0" marginheight="0">

<table border="0" cellpadding="0" cellspacing="0" width="100%">

  <tr>

    <td background="/images/topleft.jpg" width="10">[img]/images/0.gif[/img]</td>

    <td background="/images/top.jpg" width="100%">[img]/images/0.gif[/img]</td>

    <td background="/images/topright.jpg" width="10">[img]/images/0.gif[/img]</td>

  </tr>

  <tr>

    <td background="/images/left.jpg">[img]/images/0.gif[/img]</td>

    <td>[color=#ff0019][/color]</td>

    <td background="/images/right.jpg">[img]/images/0.gif[/img]</td>

  </tr>

  <tr>

    <td background="/images/bottomleft.jpg">[img]/images/0.gif[/img]</td>

    <td background="/images/bottom.jpg">[img]/images/0.gif[/img]</td>

    <td background="/images/bottomright.jpg">[img]/images/0.gif[/img]</td>

  </tr>

</table>

</body>

**Yheeky**

Danke Leute! Klappt!

Gruß Yheeky

**Jan**

HIHO!
X-cuse me??? Was issn das mit dem 0.gif? Das hab ich ja noch nie gesehen, und ist meiner meinung nach auch vollkommen unnötig, oder irre ich da? Also wenn ich bisher etwas in HTML programmiert habe, wo ich einen rahmen brauchte, z.b. bei Newseinträgen, oder Gbook-Einträgen, dann ging das auch komplett ohne 0.gif ganz fabelhaft. Zum angucken:

http://www.d-k-clan.de (von mir [LANJAN]). Die newseinträge haben sozusagen auch einen Rahmen.
Grüße!
Jan

**sakura**

Hi Jan,

ja und nein, die 0.gif Einsätze ermöglichen ein pixelgenaues Arbeiten, welches fast Browserunabhängig ist. Ein Beispiel wäre unsere Seite

http://www.petra.de/index.html, auf welcher die einzelnen Artikel geframt sind, durch 1-Pixel breite Boxen.

Desweiteren ist es dadurch möglich Darstellungsfehlern vorzubeugen. (Siehe Anhang, Screenshot im IE6, Win2000 Adv. Server, von oben genannter Seite)

**Jan**

Hi Sakura,
this, I do not understand...
Wenn ich doch dem <td> eine genaue grössenangabe gebe, warum gibt es dann immernoch Pixelverschiebungen?
Allerdings muss ich sagen, dass die dk-page sowohl unter win2k prof. als auch unter winxp prof. mit IE6 einwandfrei dargestellt wird.. muss ja auch, hab da schliesslich lange genug dran rumgebastelt. Warum macht der das denn bei dir nicht???
*grübel*
Da habt ihr mir mein gesamtes Weltbild zerrüttet ich dachte immer meine pages wären einigermassen kompatibel zu anderen Systemen.

Gruß
Jan

[edit from=Jan]Zu deiner Seite (Petra) noch ein Hinweis: Das horizontale Sparten-Menü sollte vorgeladen werden, also die Mouseovers; sogar mit dsl habe ich eine Verzögerung von ca 2 sek. ich will garnicht wissen wie das mit 56k modem ist. Ein Beispiel dafür ist wieder:

www.d-k-clan.de . [/edit]

**phlux**

Theoretisch reicht es auch aus, einfach nur bei den Stylesheets die Breite/Höhe festzulegen (in px), so wie ich das sehe wird das nicht verändert, ich nutze das selbst so auf meiner Page, erfolgreich

Hallo Jan,

Zitat von Jan:

Allerdings muss ich sagen, dass die dk-page sowohl unter win2k prof. als auch unter winxp prof. mit IE6 einwandfrei dargestellt wird.. muss ja auch, hab da schliesslich lange genug dran rumgebastelt.

Das OS ist nicht das Problem, sondern die Browser!
SIeh Dir doch mal Deine Seiten mit NS4, NS7, OP und Mozilla an. Dann siehst Du deutliche Unterschiede, vor allem beim NS4!

Zitat von phlux:

Theoretisch reicht es auch aus, einfach nur bei den Stylesheets die Breite/Höhe festzulegen (in px)

px angaben, sind aber nicht die feine Englisch Art. Lieber %. Wenn man dann das Browserfenster verkleinert, dann werden die Tables usw. dementsprechend formatiert, das sie dennoch ganz! auf dem Display passen. Dies ist mit px-Angaben nicht schön.

Grüsse, Daniel

Luckie Registriert seit: 29. Mai 2002 37.621 Beiträge Delphi 2006 Professional	#2 27. Okt 2002, 02:38 Nimm Prozentangaben. Michael Ein Teil meines Codes würde euch verunsichern.
	Zitat

Yheeky Registriert seit: 7. Jun 2002 1.339 Beiträge	#5 27. Okt 2002, 12:43 Danke Leute! Klappt! Gruß Yheeky
	Zitat

phlux Registriert seit: 4. Nov 2002 Ort: Witten 1.335 Beiträge Delphi 6 Personal	#9 12. Dez 2002, 20:04 Theoretisch reicht es auch aus, einfach nur bei den Stylesheets die Breite/Höhe festzulegen (in px), so wie ich das sehe wird das nicht verändert, ich nutze das selbst so auf meiner Page, erfolgreich Christian "phlux" Arndt
	Zitat

Umrandung mit HTML

Umrandung mit HTML

Forumregeln