Website an Fenster anpassen < Softwaretechnik+Pro < Praktische Inform. < Hochschule < Informatik < Vorhilfe
|
Status: |
(Frage) beantwortet | Datum: | 18:13 Di 25.03.2008 | Autor: | Leader |
Hallo,
ich bin dabei mit PHP/HTML eine Website zu erstellen, die eine Art Fotogalerie ist. Neben den Fotos erscheint Text, dessen Größe ich nur mit <font size=...> angegeben habe (also statisch).
Nachdem ich am Ende mit dem Layout zufrieden war, fiel mir auf, dass ich bisher alles nur auf meinem Bildschirm (1280 x 800) betrachtet habe. Daher hab ich dann mal geschaut, wie die Seite z.B. in 1024x768 aussieht oder in 800x600. Das Bild hat dabei keinen Ärger gemacht, da ich dessen Größe in Relation zur Fenstergröße gesetzt habe (width = "50%" etc.), aber die Schrift und die Links stehen bei niedrigeren Auflösungen nun halb neben den Bild, halb darunter (und im Grunde zu groß).
Ich wüsste nun gern, ob es möglich ist, auch die Schrift so anzupassen, dass der Inhalt der Website auf jedem Rechner (zumindest einigermaßen) gleich erscheint und nicht so stark von der Auflösung des jeweiligen Benutzers abhängt.
Kennt da jemand etwas? Wenn man die Bildgröße in Relation zur Fenstergröße setzen kann, dann vielleicht auch die Texte. Oder muss ich mich damit schlichtweg abfinden?
Vielen Dank im Voraus,
LG,
Leader.
|
|
|
|
Status: |
(Mitteilung) Reaktion unnötig | Datum: | 19:55 Di 25.03.2008 | Autor: | Bastiane |
Hallo Leader!
Ich habe nicht wirklich Ahnung davon, deshalb auch nur ne Mitteilung. Falls es keine andere Möglichkeit gibt, könnte man doch versuchen, das ganze in eine Tabelle zu packen, dann jeweils ein Bild in ein Feld und den Text zu dem Bild in das Feld darunter.
Weiß aber nicht, wie du sonst die Bilder angeordnet hast, evtl. ist eine Tabelle keine gute Lösung für Bilder - wie gesagt, habe da nicht wirklich Ahnung...
Viele Grüße
Bastiane
|
|
|
|
|
> Hallo,
>
>
> ich bin dabei mit PHP/HTML eine Website zu erstellen, die
> eine Art Fotogalerie ist. Neben den Fotos erscheint Text,
> dessen Größe ich nur mit <font size=...> angegeben habe
> (also statisch).
>
> Nachdem ich am Ende mit dem Layout zufrieden war, fiel mir
> auf, dass ich bisher alles nur auf meinem Bildschirm (1280
> x 800) betrachtet habe. Daher hab ich dann mal geschaut,
> wie die Seite z.B. in 1024x768 aussieht oder in 800x600.
> Das Bild hat dabei keinen Ärger gemacht, da ich dessen
> Größe in Relation zur Fenstergröße gesetzt habe (width =
> "50%" etc.), aber die Schrift und die Links stehen bei
> niedrigeren Auflösungen nun halb neben den Bild, halb
> darunter (und im Grunde zu groß).
>
> Ich wüsste nun gern, ob es möglich ist, auch die Schrift so
> anzupassen, dass der Inhalt der Website auf jedem Rechner
> (zumindest einigermaßen) gleich erscheint und nicht so
> stark von der Auflösung des jeweiligen Benutzers abhängt.
>
> Kennt da jemand etwas? Wenn man die Bildgröße in Relation
> zur Fenstergröße setzen kann, dann vielleicht auch die
> Texte. Oder muss ich mich damit schlichtweg abfinden?
>
Du könntest die von einem kleinen JavaScript bestimmten Bildschirmdimensionen des Client-Bildschirms mittels einer geeigneten Vorspannseite an den Server (an PHP) zurücksenden und die eigentliche Seite dann aufgrund dieser Information passend aufbauen; bzw. die Seite mit dem JavaScript-Teil könnte einfach eine möglichst gut auf die Bildschirmdimensionen passende PHP-Seite nachladen.
Eine andere Möglichkeit wäre, eine Art Menü von Bildschirmdimensionen anzubieten, aus dem der Benutzer nach Bedarf was Passenderes auswählen kann.
|
|
|
|
|
Status: |
(Antwort) fertig | Datum: | 21:52 Di 25.03.2008 | Autor: | rainerS |
Hallo!
> ich bin dabei mit PHP/HTML eine Website zu erstellen, die
> eine Art Fotogalerie ist. Neben den Fotos erscheint Text,
> dessen Größe ich nur mit <font size=...> angegeben habe
> (also statisch).
Was genau hast du geschrieben? <font size="4"> oder <font size="-1"> oder...?
> Nachdem ich am Ende mit dem Layout zufrieden war, fiel mir
> auf, dass ich bisher alles nur auf meinem Bildschirm (1280
> x 800) betrachtet habe. Daher hab ich dann mal geschaut,
> wie die Seite z.B. in 1024x768 aussieht oder in 800x600.
> Das Bild hat dabei keinen Ärger gemacht, da ich dessen
> Größe in Relation zur Fenstergröße gesetzt habe (width =
> "50%" etc.), aber die Schrift und die Links stehen bei
> niedrigeren Auflösungen nun halb neben den Bild, halb
> darunter (und im Grunde zu groß).
>
> Ich wüsste nun gern, ob es möglich ist, auch die Schrift so
> anzupassen, dass der Inhalt der Website auf jedem Rechner
> (zumindest einigermaßen) gleich erscheint und nicht so
> stark von der Auflösung des jeweiligen Benutzers abhängt.
Ich rate dir, keine expliziten <font> Tags zu benutzen, sondern CSS zu verwenden. Was aus expliziten Schriftgrößen wird, hängt vom Browser ab, nicht nur von der Fenstergröße. Mit CSS kannst du viel präziser angeben, wie die Schrift erscheinen soll:
Schau dir doch mal SelfHTML an, auch zum CSS-Attribut font-size.
Viele Grüße
Rainer
|
|
|
|
|
Status: |
(Mitteilung) Reaktion unnötig | Datum: | 22:17 Di 25.03.2008 | Autor: | Leader |
Vielen Dank für die verschiedenen Ansätze!
@Rainer: Ja, ich hab einfach die normalen <font>-Tags von HTML verwendet, z.B. <font size=5>. Mit em/ex ist es aber vielleicht in der Tat günstiger.
Aber vielleicht lass ich auch den Benutzer am Anfang einen Wert auswählen und passe dann die Schriften entsprechend an.
Liebe Grüße,
Leader.
|
|
|
|