Delphi-PRAXiS - Umrandung mit HTML

Seite 1 von 3

40 Beiträge dieses Themas auf einer Seite anzeigen

Delphi-PRAXiS (https://www.delphipraxis.net/forum.php)

- Programmieren allgemein (https://www.delphipraxis.net/40-programmieren-allgemein/)

- - Umrandung mit HTML (https://www.delphipraxis.net/1159-umrandung-mit-html.html)

Yheeky

26. Okt 2002 23:26

Umrandung mit HTML

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

27. Okt 2002 01:38

Nimm Prozentangaben.

MathiasSimmack

27. Okt 2002 06:51

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

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:

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

27. Okt 2002 11:38

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.

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

27. Okt 2002 11:43

Danke Leute! Klappt!

Gruß Yheeky

Jan	12. Dez 2002 14:31

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

12. Dez 2002 14:40

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	12. Dez 2002 18:57

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

12. Dez 2002 19: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 ;)

Daniel B

12. Dez 2002 19:43

Hallo Jan,

Zitat:

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:

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

Alle Zeitangaben in WEZ +1. Es ist jetzt 20:01 Uhr.

Seite 1 von 3

40 Beiträge dieses Themas auf einer Seite anzeigen