zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Hilfe bei Umsetzung von Layout...

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 29.04.2005, 01:18
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 26.01.2005
Beiträge: 69
darvida befindet sich auf einem aufstrebenden Ast
Standard Hilfe bei Umsetzung von Layout...

Ich bin gerade dabei meine Seite ein wenig umzugestalten.
Bisher habe ich erfolgreich mit CSS gearbeitet.
Nun möchte ich diese Änderungen gerne auch mittels CSS machen (wenn möglich).
Also so sollte das Endergebniss wenn möglich aussehen:



Oben und unten habe ich schon geschafft (also alles oberhalb der Bilder und unterhalb der Bilder!)

Mein html-Code von der Seite sieht wie folgt aus:

Zitat:
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" >
<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">

<head>
<title>fotografische Arbeiten von Joch Christina</title>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<link href="../css/style.css" type="text/css" rel="stylesheet" />
</head>
<body>
<div id="pagewidth">
<div id="header">
<div class="content"></div>
</div>
<div id="outer">
<div id="inner">
<div id="maincol">
<div class="content"></div>
<div id="headermuster"></div>
<div align="center">
<a class="galleryname">Pinhole</a>



<a class="gallerydescription">Bilder die ohne &quot;Linse&quot; aufgenommen wurden,

mit einer Zero 2000 bzw. Zero 45 von Zero Image.</a>
</div>
</div>
<div class="clr"></div>
</div>
</div>
<div id="footer" align="center">
<div class="content"></div>
<div id="line"></div>
<div align="center">
HomeNeuesFotografinImpressumContact G&Atilde;&curren;stebuch



<a class="gallerydescription">&Acirc;&copy; 2005 by Joch Christina</a></div>
</div>
<div class="clr"></div>
</div>
</div>
</body>
</html>
Mein Problem ist, das ich nicht weiß wie ich das Ganze "verschachteln" soll.
Ist es überhaupt möglich so ein Layout ganz mittels CSS ohne Tabellen zu erstellen?
Falls noch andere Angaben benötigt werden, bitte einfach mitteilen.
Vielen Dank schon mal für Eure Hilfe, lg
Christina
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 29.04.2005, 08:09
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 24.05.2004
Beiträge: 1.176
terrikay befindet sich auf einem aufstrebenden Ast
Standard

Was für ein Layout?
Wie soll denn das Endergebnis aussehen? - So hab ich keine Ahnung, worauf du hinauswillst ...

Ein paar Anmerkungen schon mal zum HTML-Code:


Code:
<div align="center">
Du solltest zum Zentrieren auf jeden Fall CSS benutzen, nicht HTML. So ist das deprecated.


Das läßt sich verbessern ...
1. ist es besser, Linklisten auch als Listen darzustellen - die kannst du dann problemlos so formatieren, dass sie auch horizontal liegen (z.B. mit display:inline oder durch float).
2. solltest du Abstände nicht durch Leerzeichen erreichen, sondern - du ahnst es schon - durch CSS.

Der Rest (bis auf Wiederholung von align="center") ist soweit korrekt, erscheint mir aber evtl. etwas viele divs. Ob man da was optimieren kann, kann ich aber nicht sagen, solange ich nicht weiß, worauf du hinaus willst.
__________________
Grüße,
Terry

... die immer noch sporadisch mitliest, auch wenn sie sich wenig zu Wort meldet ...
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 29.04.2005, 08:14
Benutzerbild von Floele
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 30.03.2005
Beiträge: 355
Floele befindet sich auf einem aufstrebenden Ast
Standard

Code:
<div id="pagewidth">
<div id="header">
<div class="content"></div>
</div>
<div id="outer">
<div id="inner">
<div id="maincol">
<div class="content"></div>
<div id="headermuster"></div>
<div align="center">
[...]
<div class="clr"></div>
</div>
</div>
<div id="footer" align="center">
<div class="content"></div>
<div id="line"></div>
<div align="center"> 
<div class="clr"></div>
Müssen das so viele DIVs sein?
Mit Zitat antworten
  #4 (permalink)  
Alt 29.04.2005, 09:23
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 26.01.2005
Beiträge: 69
darvida befindet sich auf einem aufstrebenden Ast
Standard

Also im Moment sieht meine Seite so aus: (soweit habe ich den Code fertig)



und so soll sie fertig aussehen:



Was ich nun nicht weiß ist, wie ich die Bilder anordnen muss, das sie am Ende dort sind wo sie hingehören.

Ich kann ja nicht z.B. das grose Bild hernehmen und die kleinen einfach daneben "floaten" lassen....

Also müsste ich sie irgendwie anders so hinbekommen.
Ich hoffe ihr versteht jetzt was ich meine.

(Die kleinen Bilder können auch übereinander in 4 Spalten sein, müssen nicht so versetzt sein wie jetzt in der letzten Reihe).

Mit Adobe GoLive möchte ich dann die Aktion "Bild wechseln" anwenden.
Mit Mausklick auf ein kleines Bild soll anstelle des Großen das zu dem kleinen passende Bild erscheinen.

Kann ich dass auch mit CSS machen?

Vielen Dank für Eure Hilfe,
lg
Christina
Mit Zitat antworten
  #5 (permalink)  
Alt 29.04.2005, 09:34
Benutzer
neuer user
 
Registriert seit: 29.04.2005
Beiträge: 44
julied64 befindet sich auf einem aufstrebenden Ast
Standard

also wenn du mich fragst, ist CSS ja nur für die gestaltung....
ne Bildergalerie an sich ist mit PHP sehr, mega einfach....
Mit Zitat antworten
  #6 (permalink)  
Alt 29.04.2005, 11:06
{ display: random;}
XHTMLforum-Kenner
 
Registriert seit: 08.09.2004
Ort: Stuttgart
Beiträge: 5.042
andir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblick
Standard

Galerie ohne Javascript

http://www.xhtmlforum.de/viewtopic.p...lerie+ulle+css

grüsse andir
__________________
Grüsse Andreas- auch mal wieder da...

Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams)
Wiedergelesen: > hier und hier

[Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte
Mit Zitat antworten
  #7 (permalink)  
Alt 29.04.2005, 12:12
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 26.01.2005
Beiträge: 69
darvida befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
also wenn du mich fragst, ist CSS ja nur für die gestaltung....
ne Bildergalerie an sich ist mit PHP sehr, mega einfach....
Ich möchte ja auch nur die anordnung der Bilder mit CSS machen, nicht die Gallerie selber.
Den Rest dann eben mit PHP oder anderen...

Zitat:
Galerie ohne Javascript

Pfeil http://www.xhtmlforum.de/viewtopic.p...lerie+ulle+css
Danke für den Link, ich kenne ihn schon.
Aber die Gallerie scheint nicht wirklich gut und überall zu funktionieren.
lg
Christina
Mit Zitat antworten
  #8 (permalink)  
Alt 29.04.2005, 12:14
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 02.06.2003
Beiträge: 2.441
ulle befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Aber die Gallerie scheint nicht wirklich gut und überall zu funktionieren
Wo funktioniert sie den NICHT ?
__________________
</ulle>
Mit Zitat antworten
  #9 (permalink)  
Alt 29.04.2005, 12:32
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 26.01.2005
Beiträge: 69
darvida befindet sich auf einem aufstrebenden Ast
Standard

Ah, jetzt funktioniert es so wie ich mir das vorstelle.
Als ich das letzte mal diese Gallerie angesehen habe, war es noch nicht so.
Entschuldige mich für die voreilige Aussage

Einzig was mich stört ist das verzögerte Laden der Bilder, wenn man auf eines clickt, welches man sich zum ersten Mal ansieht.
Kann man das irgendwie anders machen, also das die Bilder im Hintergund geladen werden.
Also nicht alle auf einmal sondern z.B. von Gallerie zu Gallerie?
Ich hoffe Ihr versteht was ich meine.

Und ich nehme an, das ich die kleinen Vorschaubilder rechts neben dem großen mittels mehrerer Spalten im Layout hinbekomme.

Vielen Dank für die Hilfe, werde mal übers Wochenende basteln hoffen, das ich es alleine hinbekomme.
Vielen Dank und lg
Christina
Mit Zitat antworten
Sponsored Links
Antwort

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.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Bitte um Layout hilfe gunnar_hst CSS 0 20.06.2010 15:57
Layout selbst coden - Hilfe ! kgsbm CSS 3 25.03.2008 20:25
Brauche Hilfe - Suchmaschinen optimierung, Layout psq Site- und Layoutcheck 2 18.10.2006 18:20
Umsetzung von Layout macht probleme Maxspeed CSS 2 06.10.2006 17:40
brauche hilfe bei layout schaf CSS 18 07.03.2005 15:41


Alle Zeitangaben in WEZ +2. Es ist jetzt 04:49 Uhr.