Photoshop-Cafe.de :: Dein Photoshop-Forum

Zurück   Photoshop-Cafe.de :: Dein Photoshop-Forum > Fragen zu Adobe Photoshop (Elements), zur Creative Suite und anderen Kreativprogrammen > Hilfestellung, Tipps und Tricks

Hinweise
Aktuelles aus dem PSC
„Kreativ Hallo Du!
Das Userbattle zwischen Caradhras und wackelelvis hat begonnen. Kommt ⇒ hierher, um die beiden Battler anzufeuern und zu plaudern.
Hier findest du unser Thema für den P-S-C 06/2024: ⇒ Tattookunst - erstelle ein Tattoo auf einer Hand. Bis 31.12.2024 kannst du dir was dazu ausdenken.
Das Foto-Thema für November 2024 ist ⇒ Holz.
Zur C-C-C für November 2024 gehts hier lang: ⇒ Hunde .
Unterstützung für das PSC
ACHTUNG: Regeln für die Verwendung von KI-Bildern im PSC.
Bitte sorgfältig durchlesen und beachten!

Antwort
 
Themen-Optionen Ansicht
  #1  
Alt 23.10.05, 10:47
Benutzerbild von Mew
Mew Mew ist offline
hat sich eingelebt
 
Registriert seit: 07/2005
Ort: Niederfischbach
Beiträge: 47
Mew geht den richtigen Weg
Question Dynamische Größenverhältnisse

Hi,

ich muss euch jetzt einfach mal mit einer sehr wichtigen Frage nerven .
Ihr kennt ja bestimmt alle die ganzen zahrleichen PHP Homepages, wo in den meisten Fällen einen Kopf, linke Navigation, Content, rechte Navigation und noch einen Fuß gibt.
Alles schön und gut, doch eine Sache verstehe ich nicht an dem ganzen:
Wie schafft man es, dass sich die komplette Seite (also alles außer der Kopf-Teil), sich je nach Auflösung/Größe des Browserfensters anpasst? Damit mein ich, dass, wenn der Content z.b. richtig schön lang ist (Beispiel: eine Newsseite), jedoch die Navigationen natülrich nicht so in die Länge gehen, aber der Background der beiden trotzdem "nachzieht" und am Ende der Länge, nachdem der Content beendet ist, sich der Fuß-Tei. absetzt.

Beispielseite:
http://www.PlanetQuake.de

Je nach Fülle der einzelnen PHP pages, verändert sich die komplette Länge der Seite.
Ich hoffe man hat mich verstanden, da's irgendwie komisch zu erklären ist.
In HTML und PHP kenne ich mich aus, doch ich komme an dieser Stelle nicht hinter. Ich tippe aber mal, dass man es mit irgendwelchen Eben (<div>) bewerkstelligen kann... mhm :/

Vielen vielen Dank schonmal im vorraus!!

Gruß,
Mew
Mit Zitat antworten
  #2  
Alt 23.10.05, 13:43
Benutzerbild von Rythem
Rythem Rythem ist offline
PSC-süchtig
 
Registriert seit: 07/2005
Ort: Lingen
Beiträge: 1.872
OS: Windows 7 64Bit
Kreativ-Software: CS4
Rythem wird immer besserRythem wird immer besserRythem wird immer besserRythem wird immer besser
hmm viel kann ich dir leider dazu nicht sagen da ich von Homepages bauen so gut wie keine Ahnung von habe. Aber ich würde mir an Deiner stelle einfach mal ein bis drei Webtemplates runter laden und diese mal genauer betrachten wie es dort gelöst worden ist hab ich auch gemacht um einwenig mehr zu verstehen von den ganzen kram bloss wenig zeit dafür

für Templates hatte ich http://www.chillys-world.de für Counterstrike HP
__________________
die rechte der eingestellten Bilder von mir liegen auch bei mir!!!
Mit Zitat antworten
  #3  
Alt 23.10.05, 15:24
Benutzerbild von vektorpixel
vektorpixel vektorpixel ist offline
schmeißt mit Beiträgen
 
Registriert seit: 07/2005
Beiträge: 148
vektorpixel geht den richtigen Weg
Hallo Mew. Also ich habe mir darüber auch schon gedanken gemacht. Ich bin zum Schluss gekommen, dass das nur auf eine Weise möglich ist. Ich versuch es mal zu erklären.

Man muss die Homepage mit Tabellen "bauen". Danach muss man den mittleren Teiln einer Tabelle mit angaben wie width="100%" usw. ausstatten. Also mit relativen und nicht mit festen Werten wie z.B px. Unten mal ein Beispiel:

PHP-Code:
<table width="100%" height="100%">
<
tr>
<
td colspan="3"><!--Hier k&#228;me z.B der Header rein--></td>
</tr>
<
tr>
<
td colspan="3"><!--Hier zum Beispiel die Navigation--></td>
</
tr>
<
tr>
<
td height="100%" ><!--AchtungHier der Linke teil der Seiteder elastisch ist.--></td>
<
td height="100%"><!--Achtung hier der mittlere Teil der Seite der elastisch ist--></td>
<
td height="100%"><!-- Achtung Hier der rechte Teil der Homepageder elastisch ist--></td>
</
tr>
<
tr>
<
td colspan="3"><!--So und hier noch der Footer--></td>
</
tr>
</
table
Hmm ich weiss halt nicht ob das vestanden worden ist?! In den Teil der jeweils elastisch gebaut ist, packst du dann dein PHP News-Script oder was auch immer. So passt sich die Tabelle immer der Länge der Nachrichten an. (oder sollte sie zumindest)
__________________
Übung macht noch lange kein Meister!
Mit Zitat antworten
  #4  
Alt 23.10.05, 17:36
Benutzerbild von Mew
Mew Mew ist offline
hat sich eingelebt
 
Registriert seit: 07/2005
Ort: Niederfischbach
Beiträge: 47
Mew geht den richtigen Weg
Aaaah!! DANKE!!!!!
Also waren es doch die Tabellen!!
Irgendwen den ich auch mal danach fragte, war nämlich der Annahme man müsse das mit <div> layern regeln...und die Seite, wo es angeblich beschrieben wäre, habe ich Null gecheckt.
Dank deines Code-Beispiels, hab ichs nun verstanden und schon mit Erfolg selbst hinbekommen!...
Vielen vielen Dank vektorpixel! Ich hab mich echt schon wundprobiert wie das nu funktioniert!!

Geändert von Mew (23.10.05 um 17:41 Uhr).
Mit Zitat antworten
  #5  
Alt 23.10.05, 18:03
Benutzerbild von phoenix
phoenix phoenix ist offline
mother-brain
 
Registriert seit: 06/2005
Ort: Basel
Beiträge: 9.684
OS: Windows 8 x64
Kreativ-Software: CS6 x64
phoenix ist ein Photoshop-Spezialist und hilft wo es gehtphoenix ist ein Photoshop-Spezialist und hilft wo es gehtphoenix ist ein Photoshop-Spezialist und hilft wo es gehtphoenix ist ein Photoshop-Spezialist und hilft wo es gehtphoenix ist ein Photoshop-Spezialist und hilft wo es gehtphoenix ist ein Photoshop-Spezialist und hilft wo es gehtphoenix ist ein Photoshop-Spezialist und hilft wo es gehtphoenix ist ein Photoshop-Spezialist und hilft wo es gehtphoenix ist ein Photoshop-Spezialist und hilft wo es gehtphoenix ist ein Photoshop-Spezialist und hilft wo es gehtphoenix ist ein Photoshop-Spezialist und hilft wo es geht
zusätzlich besteht die seite die du als beispiel gepostet hast aus einem frameset. damit ist die navigation, header, content jeweils eine eigene seite, wo man dann eben mit den tabellen mal mit fixgrösse, mal mit %angabe die seite dynamisch anpassbar hinbekommt.
__________________
http://photoshop-cafe.de/sig/themen_bewerten.gifhttp://photoshop-cafe.de/sig/bilder_und_schriften.gifhttp://photoshop-cafe.de/sig/tutorials.gifhttp://photoshop-cafe.de/sig/signaturleitfaden.gifhttp://photoshop-cafe.de/sig/forenleitfaden.gifhttp://www.photoshop-cafe.de/sig/stock-galerie.gif

design oder nicht sein

"So, we’ve got a full pot of coffee, half a pack of cigarettes, it’s dark out, and we’re coding. Hit it." - Synthesoft
Mit Zitat antworten
  #6  
Alt 22.05.06, 23:23
Benutzerbild von vektorpixel
vektorpixel vektorpixel ist offline
schmeißt mit Beiträgen
 
Registriert seit: 07/2005
Beiträge: 148
vektorpixel geht den richtigen Weg
Update: Die Gestaltung der Website sollte man am besten mit CSS vornehmen. Sprich, auch mit CSS kann man erreichen, dass sich die Länge / Breite der Homepage dem Inhalt anpasst.

Tabellen sind eigentlich nicht zum Layouten gedacht. (man lernt immer dazu ) Nähere Informationen zur Gestaltung einer Website mit CSS findet man unter SelfHTML
__________________
Übung macht noch lange kein Meister!
Mit Zitat antworten
Antwort

Lesezeichen


Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
 
Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist An.
Smileys sind An.
[IMG] Code ist An.
HTML-Code ist Aus.

Gehe zu

Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
[Video-Tutorial] Dynamische Inhalte mit InDesign heikehk Werkzeuge, Bedienfelder und sonstige Grundlagen 9 05.01.11 10:03


Alle Zeitangaben in WEZ +2. Es ist jetzt 18:33 Uhr.

Impressum

Kontakt      Photoshop-Cafe      Archiv     Impressum     Nach oben

Powered by vBulletin® Version 3.8.7 (Deutsch)
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
©2005-2020 photoshop-cafe.de

Seite wurde generiert in 0,05803 Sekunden mit 12 Queries