2 div container platzieren

  • Ersteller Ersteller joelle
  • Erstellt am Erstellt am
Status
Für weitere Antworten geschlossen.
J

joelle

Also ich bin absoluter Anfänger was html betrifft.
Ich wollte ein blog-layout machen und hab dann mit photoshop und den slices ein html-dokument erstellt.
Ich hab nun zwei der durch die slices entstanden bilder als hintergrund verwendet,wie mir geraten wurde aber dadurch wurde die ganzen bilder alle durcheinander gewürfelt.
Ich hab keine Ahnung,wie ich nun vernünftig die zwei div dinger platziere,ohne das sich alles verschiebt..

Im moment sieht es leider so aus..
herz. boom. boom.
und das sind die entsprechenden codes dazu,wie jetzt auch ist:

HTML: 
[TABLE]

[TR]

[td]
[IMG]https://finale.freesoft-board.to/herz.boom.boom._01.jpg[/IMG][/td]
[/TR]

[TR]

[td]
[IMG]https://finale.freesoft-board.to/herz.boom.boom._02.jpg[/IMG][/td]




[td]


dfmksdmgk.sdm
bbfgfhj

{PLACE_CONTENT}

[/td]












[td]
[IMG]https://finale.freesoft-board.to/herz.boom.boom._04.jpg[/IMG][/td]
[/TR]

[TR]

[td]
[IMG]https://finale.freesoft-board.to/herz.boom.boom._05.jpg[/IMG][/td]














[td]








[FONT=times new roman,times][SIZE=4][B]me[I]n[/I]u[/B][/SIZE][/FONT]




[URL='http://rock.my.socks.myblog.de'] 

[FONT=arial,helvetica,sans-serif][SIZE=1][COLOR=#333300][B]startseite[/B][/COLOR][/SIZE][/FONT]


[SIZE=2][x][/SIZE][/URL]



[URL='http://rock.my.socks.myblog.de/rock.my.socks/page/1702853'][FONT=arial,helvetica,sans-serif][SIZE=1][COLOR=#333300][B]über[/B][/COLOR][/SIZE][/FONT]

[SIZE=2][x][/SIZE][/URL]







[URL='http://rock.my.socks.myblog.de/rock.my.socks/gb'][SIZE=2][FONT=arial,helvetica,sans-serif][SIZE=1][COLOR=#333300][B]zum reinkritzeln[/B][/COLOR][/SIZE][/FONT]
[x][/SIZE][/URL]







[URL='http://www.myspace.com/230280945'][FONT=arial,helvetica,sans-serif][SIZE=1][COLOR=#333300][B]myspace[/B][/COLOR][/SIZE][/FONT]

[SIZE=2][x][/SIZE][/URL]





[URL='http://rock.my.socks.myblog.de/rock.my.socks/archivebymonth'] [FONT=arial,helvetica,sans-serif][SIZE=1][COLOR=#333300][B]archiv[/B][/COLOR][/SIZE][/FONT]
[SIZE=2][x][/SIZE][/URL]







.

.

.







[/td]




















[td]
[IMG]https://finale.freesoft-board.to/herz.boom.boom._07.jpg[/IMG][/td]
[/TR]

[TR]

[td]
[IMG]https://finale.freesoft-board.to/herz.boom.boom._08.jpg[/IMG][/td]
[td]
[IMG]https://finale.freesoft-board.to/herz.boom.boom._09.jpg[/IMG][/td]
[/TR]

[/TABLE]



Und bitte bei erklärungsversuchen wirklich so simple wie's nur geht erklären :D
Bin wirklich gerade erst dabei mich darein zu fitzen.
 
Hi,
am Ende der ersten div style Zeile hast Du die " nach dem > gesetzt. Das muss getauscht werden: 0px"> muss da stehen.

Ich schau mal weiter durch ;) Melde mich dann wieder, das fiel mir nur gleich als erstes auf.

Edit: Wenn Du mit rechtsklick auf Deine Seite klickst, und den Quelltext anzeigen lässt, werden Dir alle fehlerhaften Befehle in rot angezeigt. Ersteinmal die Zeichen ( ) < > " verbessern und ergänzen wo sie fehlen.
Die Konstruktion der Tabellen sieht bei mir selbst ohne divs auseinander gezogen aus......
mal schaun.... andere auch mal zu Wort kommen lass ;)

mfg echofoxi
 
Zuletzt bearbeitet von einem Moderator:
ohne die divs sieht's bei mir so aus
_MG_5331

HTML: 
[TABLE]

[TR]

[td]
[IMG]https://finale.freesoft-board.to/herz.boom.boom._01.jpg[/IMG][/td]
[/TR]

[TR]

[td]
[IMG]https://finale.freesoft-board.to/herz.boom.boom._02.jpg[/IMG][/td]
[td]
[IMG]https://finale.freesoft-board.to/herz.boom.boom._03.jpg[/IMG][/td]
[td]
[IMG]https://finale.freesoft-board.to/herz.boom.boom._04.jpg[/IMG][/td]
[/TR]

[TR]

[td]
[IMG]https://finale.freesoft-board.to/herz.boom.boom._05.jpg[/IMG][/td]
[td]
[IMG]https://finale.freesoft-board.to/herz.boom.boom._06.jpg[/IMG][/td]
[td]
[IMG]https://finale.freesoft-board.to/herz.boom.boom._07.jpg[/IMG][/td]
[/TR]

[TR]

[td]
[IMG]https://finale.freesoft-board.to/herz.boom.boom._08.jpg[/IMG][/td]
[td]
[IMG]https://finale.freesoft-board.to/herz.boom.boom._09.jpg[/IMG][/td]
[/TR]

[/TABLE]

o.o
 
Hallo joelle,

ich weiß ja nicht, ob du nicht vielleicht inzwischen schon eine Lösung gefunden hast, aber prinzipiell soll deine Seite wohl so oder so ähnlich aussehen, oder? (Ich kanns im Moment leider nicht so richtigtesten, da der Yahoo-Server gerade nicht erreichbar ist...)

Code: 
[TABLE]


[TR]

[th]
[IMG]https://finale.freesoft-board.to/./herz.boom.boom._01.jpg[/IMG][/th]

[/TR]

[TR]

[th]
[IMG]https://finale.freesoft-board.to/./herz.boom.boom._02.jpg[/IMG][/th]


[th]

bbfgfhj

{PLACE_CONTENT}

[/th]


[th]
[IMG]https://finale.freesoft-board.to/./herz.boom.boom._04.jpg[/IMG][/th]

[/TR]

[TR]

[th]
[IMG]https://finale.freesoft-board.to/./herz.boom.boom._05.jpg[/IMG][/th]


[td]

[LEFT]



menu


[CENTER]

startseite

[x]



über

[x]





zum reinkritzeln

[x]





myspace


[x]




archiv


[x]




.

.

.



[/CENTER]
[/LEFT]
[/td]


[th]
[IMG]https://finale.freesoft-board.to/./herz.boom.boom._07.jpg[/IMG][/th]

[/TR]

[TR]

[td]
[IMG]https://finale.freesoft-board.to/./herz.boom.boom._08.jpg[/IMG][/td]

[td]
[IMG]https://finale.freesoft-board.to/./herz.boom.boom._09.jpg[/IMG][/td]

[/TR]


[/TABLE]

In deinem Code hast du ein paar CSS-Style-Tags als normale Attribute verwendet, die aber in ein style-Attribut gehören. Ansonsten sah deine Lösung doch schon ganz gut aus.

Trotzdem überlege ich mir, ob ich nicht vielleicht konsequenter auf CSS (oder andere Stylesheets) für das Layout setzte. Die Tabelle könnte sich dann auch erübrigen, da du die Bilder oder div-Elemente mit Hintergrundbildern einfach wie gewünscht nebeneinander anordnen kannst. Dazu gibt es tausende Internet-Seiten; Selfhtml ist natürlich fast immer eine gute Anlaufstelle. Der Link führt zu einer Seite mit verschachtelten DIV-Elementen, die dir als Beispiel dienen können.

Ich hoffe, ich konnte dir ein bisschen helfen :)

Viele Grüße

underattack
 
Status
Für weitere Antworten geschlossen.
Zurück
Oben Unten