|
|||
Neues layout - Probleme mit der Positionierung der Elemente
Hallo zusammen,
als erstes möchte ich sagen dass ich noch Anfänger bin. Deswegen haut mich nicht so hart an Als Anlage zeige ich erstmal wie meine Seite aussehen soll. Datein als Anhang dabei. Auf http://www.mcvnet.de/index.php?id=43 ist mein erster Versuch schonmal zu sehen. Die Seite wird mit Typo3 gemanaged. Deswegen hier meine bisherigen Ergüsse: die .hml Datei: http://www.mcvnet.de/fileadmin/templ...extemplate.htm hier meine css. Datei: http://www.mcvnet.de/fileadmin/template-new/layout.css Über eure Hilfe wäre ich sehr dankbar MfG Matthias Vogel |
Sponsored Links |
|
|||
Was funktioniert nicht? Soll es so aussehen wie auf dem Bild?
Code:
.BIGIMAGE1 { z-index:2; position: relative; float:left; left:0px; top:0px; width:100px; height:80px; } Wenn Du sie dann woanders positionieren willst, nimm position: absolute (ohne float) oder bau sie gleich in #inhalt rein oder eben da, wo es passt. Musst dann noch den Textcontainer in Inhalt evtl. anpassen Wenn Ihr nicht gerade absolute Diddl-Fans seid, würde ich eine andere Schrift für Eure Namen wählen.... das Bild ist hübsch. 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 |
|
|||
@ all
So habe jetzt die Positionierung der Images geschaft. Leider sind auf der Seite noch 2 Fehler. Diese sieht man am besten im Firefox ( Im IE wird einer davon nicht angezeigt !) Der Rahmen vom Gästebuch ist nicht passend zum Text. bzw. er wird unten wieder eingeschoben. Außer dem gibt es noch einen großen Abstand zwischen dem unteren und dem oberen Teil der Seite . Nur ist dieser nicht gewollt. Wer kann also helfen ?? Danke im voraus |
|
|||
Doch hast du.
Schmeiß den Code-Mist (ich finde ihn fürchterlich, sry) aus dem Fenster raus und fange von vorne an. Ich habe gerade eine halbe Stunde versucht, das Ding zu entwirren und ( geschafft), dann hätt ich alles neu neu neu machen müssen. Dazu wäre eine komplette Änderung des HTML-Codes samt CSS notwendig gewesen. Die Arbeit überlasse ich lieber dir. Soviel Zeit habe ich nicht. Tipps: Du leidest unter Divitis ( oder typo3) Man benötigt nicht für jedes Element ein neues Div. Die divs sind ausserdem unnötig verschachtelt. Dein Aufbau ist für meine Begriffe falsch, versuche die strukturellen Elemente ( Navi, Inhalt, Bildchen) zu erkennen und dann jeweils nur in einen Container packen - oder alle zusammen in einen oder oder... Tipp: Navi, Inhalt und rechte Bildleiste als Container nur in einen Container packen, floaten lassen. Die grossen Bilder ans Ende des HTML setzen, in ein div packen und mit position:absolute unter dein Trailerbildchen packen. Die Höhe der oberen Elemente ist ja fix. clearen nicht vergessen. Das wäre wohl die schnellste Lösung. 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 |
|
|||
@andir
Vielen dank erstmal für den Tip. Aber wie kann man die Photos mit "absolute" setzen ohne dass sich alles verschiebt bei anderen Auflösung bzw. größen des Browsers ? Was geht ist das ganze in % anzugeben, aber dann richtet sich er immer nach der größe der seite. Zb.B bei einem Gästebuch ist das ein Problem, dort wird die Seite ja immer größer mehr Inhalt dazu kommt. Hast du also eine idee ??? Danke im voraus |
|
|||
@MettyBirdy
Mach so wenig wie möglich Positionierung. "Positionieren" muss man natürlich schon. Dazu braucht es aber keineswegs unbedingt ..position: absolute fixed etc... Das ganze CSS-Zeugs zu verstehen ist am Anfang recht schwierig. Ein Beispiel: Code:
<ul>[*][img]bild1.jpg[/img][*][img]bild2.jpg[/img][*][img]bild3.jpg[/img][/list] Code:
ul { background-image: bildxy.jpg; } li { float:left; margin-left:30px; } Kurz gesagt: Positioniere, wenn es irgendwie geht in dem Du die einzelnen Elemente mit Margin und Padding ausrichtest. Gruss Marco |
Sponsored Links |
|
|||
@ Marco
Vielen Dank für den Tip! aber ich lasse die einzelnen Photos dynamisch durch Typo3 einfügen. Deswegen kann ich keine Elemente in die CSS Datei einfügen. Dort wären sie wieder statisch und ich müßte sie für Änderungen von Hand bearbeiten. Ich will quasi einen dynamischen Trailer und über diesen Trailer werden 3 Mittel große MiniPics gelegt --> waagerecht und 3 kleine MiniPics senkrecht über den Trailer gelegt. Info: Trailer + Minipics werden dynamisch durch Typo3 erzeugt. Über eine brauchbare Lösung würde ich mich freuen. Danke |
Sponsored Links |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Probleme mit simplen CSS Layout | sidewayz | CSS | 1 | 10.07.2009 20:49 |
Untermenü im IE | nici | CSS | 10 | 22.06.2009 21:19 |
Layout Probleme!!! | Silverhawk1988 | CSS | 15 | 21.12.2008 15:12 |
3 Spalten Layout mit zentraler Positionierung | freddie23 | CSS | 3 | 27.08.2007 13:11 |
Firefox macht Probleme im Layout. | vir2a | CSS | 4 | 27.07.2007 10:22 |