|
 |
  |
| Autor |
Nachricht |
djdaveat
Neuer [User]
Anmeldung: 27.04.06
Beiträge: 4
|
 Verfasst am: 27.04.2006, 10:13 Titel: Umsetzung eines Designs |
 |
|
Hi Leute, ich bn neu hier wie man merkt ^^
Ich besitze etwas Erfahrung im Umgang mit HTML (auch in Verbindung mit Dreamwaver) und wollte mich nach 4, 5 Jahren BastelAbstinenz mal wieder an ein kleines Projekt machen.
Hab mir aus diesem Grund ein Einstiegsbuch für CSS zugelegt und war dementsprechend motiviert  Leider tauchten jetzt gleich ein paar Probleme und Fragen auf, und ich hoffe, jemand von euch kann mir dabei helfen 
 http://members.liwest.at/homebase/naja.html
Das ist (im Groben) der PLAN ^^ - links eine Navigationsleiste, rechts das Fenster in dem sich dann die Texte und weitere Informationen öffnen sollen.
Von Rollover oder Hover Effekten bin ich noch ein paar Meilen entfernt, mir geht es noch um grundlegendere Dinge:
1) Ist es überhaupt ratsam, die Sache so anzupacken wie ich das getan habe? Also die Buttons per Positionierung (absolute) in CSS links anzuordnen und das Fenster, in dem ja dann mal ein TExt (womöglich auch noch scrollbar!) sein solll als Hintergrundbild?
2) Würdet ihr mir vorschlagen, das hellrose Fenster (wo der text reinkommt ...) als ein ExtraBild zu speichern und dann relativ zu den Navigationsleisten zu positionieren ?
3) Soll ich die Navigationsleiste überhaupt als Listenelemente in CSS lösen, oder soll ich mich von CSS überhaupt fernhalten weil man sich mit den verschiedenen BrowserInterpretationen herumschlagen kann ? 
Fragen über Fragen ... im Endeffekt geht es mir um den Aufbau im allgemeinen, ob ihr mir nicht doch eine andere Art der Positionierung der Elemente empfehlen würdet, ob ich doch wieder mit Frames arbeiten soll, ...
Bin für jeden Tipp sehr dankbar
Mfg, djdaveat
_________________
Rettet die Wälder! Esst mehr Biber!
|
|
| Nach oben |
|
 |
chris1988
Bekannter [User]
Anmeldung: 12.12.05
Beiträge: 1686
|
| Verfasst am: 27.04.2006, 14:30 Titel: |
|
|
Frames: nein,
Andere Positionierung: Ja.
Also, bei deiner aktuellen Lösung taucht ein gravierendes Problem auf. Wenn du dein Browserfenster bei deinem Layout mal verkleinerst/vergrößerst, wird dir auffallen, dass sich die Navigation verschiebt: nach oben, unten, links, rechts...
Bei mir ragt die zum Beispiel nach links raus, bei anderen Fenstergrößen überragt sie den Schriftzug oder sogar das Textfeld (800*600).
Ich würde das ganze in etwa so aufbauen:
| Code: |
<div id="main">
<div id="navi">
<a href="...">Bild1</a>
...
</div>
<div id="content">
Inhalt...
</div>
</div>
|
Das Layer "Main" hätte schonmal die Hintergrundgrafik (wenn du die denn so lassen willst, 176KB für eine Grafik ist schon riesig - du solltest zusehen, dass die Gesamtgröße der Seite unter 100KB kommt), und die mittige Positionierung.
Das Layer "Navi" wäre nach links gefloatet. Die Links in diesem Layer bekämen mit margin-bottom die Positionen so verpasst, dass sie nicht mehr einzeln formatiert werden müssen (Abstände sind identisch).
Das Layer "Content" wird mit margin, width und height entsprechend positioniert. overflow sorgt für die Scrollbalken (von denen ich kein Fan bin ). Auf jeden Fall solltest du das Inhaltsfenster noch vergrößern, so passt da ja gar nix rein
|
|
| Nach oben |
|
|
djdaveat
Neuer [User]
Anmeldung: 27.04.06
Beiträge: 4
|
| Verfasst am: 29.04.2006, 19:14 Titel: |
|
|
Hi,
vielen Dank für deine Antwort und dass du dir Zeit dafür genommen hast! 
Nachdem ich ja noch nicht so fit mit den ganzen Dingern bin kann es wohl noch ne Weile dauern bis wieder neue Fragen auftauchen, aber ich melde mich da sicher nochmal
Danke für deine Antwort, die hat mich schonmal in die richtige Richtung gestoßen
_________________
Rettet die Wälder! Esst mehr Biber!
|
|
| Nach oben |
|
|
djdaveat
Neuer [User]
Anmeldung: 27.04.06
Beiträge: 4
|
| Verfasst am: 29.04.2006, 20:15 Titel: |
|
|
Alles klar, da ist schon die nächste Frage ...
wenn ich links also per Listenfunktion ein Navigationsmenü habe und rechts ein Element wo der Text reinkommt - dann is das noch im Bereich meines Verständnisses.
Aber wie bringe ich den Text rechts dazu sich zu ändern ?! Also wenn man zB "Media" anklickt, dass dann logischerweise auch der Unterpunkt "Media" rechts geöffnet wird. Sowas habe ich Profi  früher ja mit Frames gelöst - die ich ja vermeiden soll, wie ich inzwischen schon einige Male gelesen habe ... hab mich durch den Dschungel der CSS Tipps herumgeschlagen aber nichts gefunden was mir da weiterhilft ? Die Pages die ich mir angeguckt habe arbeiten da alle mit Frames ... kannst du mir da auch noch eine Sprungrichtung angeben ?
_________________
Rettet die Wälder! Esst mehr Biber!
|
|
| Nach oben |
|
|
chris1988
Bekannter [User]
Anmeldung: 12.12.05
Beiträge: 1686
|
| Verfasst am: 29.04.2006, 23:55 Titel: |
|
|
normalerweise wird dabei immer eine neue Seite geöffnet
Da hast du dann allerdings den Nachteil, dass du, wenn du z.B. die Navigation ändern willst, jede Datei einzeln öffnen musst. Ich löse das ganze mit PHP in dem ich einfach verschiedene Inhalte include (Siehe PHP-Befehl "include()" ). Wenn du darauf nicht zurückgreifen kannst, nimm doch einfach ein iframe
|
|
| Nach oben |
|
|
djdaveat
Neuer [User]
Anmeldung: 27.04.06
Beiträge: 4
|
| Verfasst am: 30.04.2006, 11:47 Titel: |
|
|
| chris1988 hat folgendes geschrieben: | normalerweise wird dabei immer eine neue Seite geöffnet
Da hast du dann allerdings den Nachteil, dass du, wenn du z.B. die Navigation ändern willst, jede Datei einzeln öffnen musst. |
Achso, du meinst die gleiche Seite nochmal, nur dass eben der Content rechts verändert wird ? Aber die Navgiationsleiste und alles wird nochmal neu mitgeladen?
| chris1988 hat folgendes geschrieben: | | Ich löse das ganze mit PHP in dem ich einfach verschiedene Inhalte include (Siehe PHP-Befehl "include()" ). |
Auweh jetzt PHP auch noch ... ich werd mich da auch mal einlesen, danke für den Tipp
_________________
Rettet die Wälder! Esst mehr Biber!
|
|
| Nach oben |
|
|
chris1988
Bekannter [User]
Anmeldung: 12.12.05
Beiträge: 1686
|
| Verfasst am: 30.04.2006, 16:22 Titel: |
|
|
| Zitat: | Achso, du meinst die gleiche Seite nochmal, nur dass eben der Content rechts verändert wird ? Aber die Navgiationsleiste und alles wird nochmal neu mitgeladen?
|
Ja, wobei das "Neuladen" nicht so viel ausmacht, da die für die Navigation und den Seitenaufbau verwendeten Bilder beim ersten Besuch der Seite im Cache gespeichert werden, sodass sie bei einem Seitenwechsel offline geladen werden. Der HTML-Code der Seite sollte nicht sonderlich groß werden
|
|
| Nach oben |
|
|
|
|
  |
|
Alle Zeiten sind GMT + 1 Stunde
|
| Seite 1 von 1 |
|  |
