Problem mit layout! Problem mit dem gästebuch

Strange_jenna

ich hab ein großes problem mit meinem myblog layout!
wenn ich das gästebuch aufrufe, ist der kasten zum reinschreiben nicht unter den angaben, sondern rechts daneben.
wie kann ich das beheben?

hier ein screen, wie das ganze momentan aussieht:
klick

Und hier einmal der code:

CODE

<html>

<style type="text/css">
body, div, td{
scrollbar-arrow-color: #ffffff;
scrollbar-base-color: #B389FF;
scrollbar-track-color: #000000;
scrollbar-face-color: #B389FF;
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-shadow-color: #000000;
font-family: Tahoma;
font-Size: 9pt;
Color: #B389FF;
}
</style>
<style type="text/css"></style>

<head>

<style type="text/css">

a:link { color: #000000; cursor:crosshair;text-decoration:none;font-family: Tahoma; font-size: 14px;}

a:visited { color: #000000;cursor:crosshair;text-decoration: none;font-family: script;font-size: 12px;}

a:active { color: #000000; cursor:crosshair;text-decoration:none;font-family: Tahoma;font-size: 14px;}

a:hover {color: #000000; cursor:crosshair; text-decoration:line-through;font-family: Tahoma;border-bottom: 1px solid #B389FF;
font-size: 15px;}

.post {
Font-Family :Tahoma;
font-size: 9px;
color: #B389FF;
border-bottom: 1px solid #B389FF;
text-align: center;
height: 8px;
font-weight: #;
letter-spacing: 1px
}

b{FONT-FAMILY: arial; FONT-SIZE:12pt; COLOR: #000000;}
i{FONT-FAMILY: arial, FONT-SIZE: 9pt; COLOR: #000000;}
u{FONT-FAMILY: srial, FONT-SIZE: 9pt; COLOR: #000000; border-bottom: 2px solid #B389FF;}
s{FONT-FAMILY: arial, FONT-SIZE: 9pt; COLOR: #000000;}

}

<body onselectstart="return false">
<body oncontextmenu="return false">

</head>

<style>
a { color: #B389FF; }
TEXTAREA { Color: #B389FF;
Background-Color: transparent;
Font-Family: Tahoma;
Font-Size: 9pt;
Border: 1px dotted #B389FF;
}
INPUT { Color: #B389FF;
Background-Color: transparent;
Font-Family: arial;
Font-Size: 9pt;
Border: 2px dotted #B389FF;
}
.navi { color: #B389FF; }
</style>
<style type="text/css">
.inhaltetable {
width:370;
}
</style>
<style type="text/css">
TEXTAREA {
width: 350; height: 530;
position:absolute; left:495; top:70}
-->
</style>

<style type="text/css">
INPUT{
width: 100; height: 18;}
-->
</style>

<body bgcolor="# 000000">
<img style="border-collapse: collapse; position:absolute; left:1; top:0;" src="https://img7.myimg.de/unbenannt136b5a.jpg" border="0" width="1000" height="700" >

<div align="center"
style="solid; background:; border-collapse: collapse; border: 0px solid #000000; overflow:auto; width:431; height:203; position:absolute; left:10; top:382">

<a href="http://my.myblog.de">Startseite</a>
<a href="http://my.myblog.de">Über mich</a>
<a href="http://my.myblog.de">Archiv</a>
<a href="http://my.myblog.de">Kontakt</a>
<a href="http://my.myblog.de">Abonnieren</a>
<a href="http://my.myblog.de">Gästebuch</a>
<a href="http://my.myblog.de">Meine Musik</a><br>
<a href="http://my.myblog.de">Meine Likes/Dislikes</a>
<a href="http://my.myblog.de">Meine Page</a><br>
<a href="http://my.myblog.de">Link od. Anderes</a>
<a href="http://my.myblog.de/young.famous.glamourgirls">made by</a>
</div>

<div align="justify"
id="entry" class="inhaltetable" style="FILTER: style=4 border-collapse: collapse; border: 0px solid #B389FF; overflow:auto; width:335; height: 460; position:absolute; left:470; top:40">

:CONTENT_HIER:
</div>
</body>
</html>

{PLACE_POWEREDBY}

Bitte um schnelle antwort!

1.10.07, 08:32

Tipp von Bernhard aus der Redaktion:

Ein CSS-Lehrbuch wäre in diesem Fall sinnvoll, da es grundlegende Kenntnisse über die Anwendung und Strukturierung von CSS vermittelt. Mit diesem Wissen kannst du das Layout deines Gästebuchs besser anpassen und verstehen, wie du die Positionierung der Elemente richtig vornimmst.

Einstieg in HTML und CSS: Webseiten programmieren und gestalten mit HTML und CSS jetzt bei Amazon kaufen für 29,90 €! [Anzeige]

internetkaas

Kann es sein das <center > die <> fehlen über Post.

Gefällt dir dieser Beitrag?

1.10.07, 08:44

Bierle3.457 Beiträge
Dabei seit: 17.10.04

CODE

Hm im Prinzip würde ich bei flüchtigem Drüberlesen sagen, dass dort beim zweiten style tag das problem liegt, spiel mal da mit ner absoluten Positionierung rum wie in dem Tag obendrüber.

Aber ansonsten ist das schwer zu sagen, weil man aus dem Quelltext den Content nicht ersieht, und nur anhand der css-Formatierung (die leider auch quer im Dokument verstreut ist, recht ungeordnet, sieht aus wie x-fach umgeschrieben ;-) ) raten muss, was wo hinkommt.

Gefällt dir dieser Beitrag?

1.10.07, 08:50

internetkaas

Dein Blog anschauen würde vielleicht weiter helfen

Gefällt dir dieser Beitrag?

1.10.07, 08:52

Strange_jenna

Zitat (internetkaas @ 01.10.2007 08:44:58)

Kann es sein das <center > die <> fehlen über Post.

mh wo meinst du genau?
kopier & verbesser mal bitte was du meinst, ok?
waer nett.

Gefällt dir dieser Beitrag?

1.10.07, 08:53

Bierle3.457 Beiträge
Dabei seit: 17.10.04

Zitat (internetkaas @ 01.10.2007 08:44:58)

Kann es sein das <center > die <> fehlen über Post.

Hm, zumindest fehlt in dem <style>-Block, in dem das .post definiert ist, das </style>. HTML ist da leider sehr grosszügig bei sowas, und wirft da oft keinen Fehler, so dass man sowas nicht immer merkt

Gefällt dir dieser Beitrag?

1.10.07, 08:54

Strange_jenna

danke für die schnellen antworten!
ich werds mal einfach versuchen..

Gefällt dir dieser Beitrag?

1.10.07, 08:54

internetkaas

Wie Bierle schreibt ist es schwierig zu erkennen wo was genau stehen soll.
Was ich meine ist es vielleicht aber vielleicht auch nicht.

<center>
.post {
Font-Family :Tahoma;
font-size: 9px;
color: #B389FF;
border-bottom: 1px solid #B389FF;
text-align: <center>;
height: 8px;
font-weight: #;
letter-spacing: 1px
}

Gefällt dir dieser Beitrag?

1.10.07, 08:56

Strange_jenna

Zitat (internetkaas @ 01.10.2007 08:52:17)

Dein Blog anschauen würde vielleicht weiter helfen

Hier die addy vom blog..

Gefällt dir dieser Beitrag?

1.10.07, 08:59

internetkaas

Bierle es hat noch ein geschrieben in Computerecke was mit Backround, aber oft hilft die Page selber an zu schauen, dann erkannt man es schneller oder liege ich dar falsch?

Gefällt dir dieser Beitrag?

1.10.07, 09:00

internetkaas

Schwierig, würde mich aber interresieren wenn eine Fehler gefunden hast.
Ich weiß, ist oft zum verzweifeln.

<center>
.post {
Font-Family :Tahoma;
font-size: 9px;
color: #B389FF;
border-bottom: 1px solid #B389FF;
<center>text-align: center;
height: 8px;
font-weight: #;
letter-spacing: 1px
}

Versuche es noch mal mit center sonst weiß ich es nicht :heul:

Gefällt dir dieser Beitrag?

1.10.07, 09:11

Strange_jenna

ich habs nochmal komplett neu gecodet, jetzt funktionierts ;)
muss wohl irgendwas vergessen haben.
Aberdanke trotzdem an alle antworten!

Gefällt dir dieser Beitrag?

1.10.07, 10:18

Staubhase370 Beiträge
Dabei seit: 08.12.07

Hallo! :)

Ich wollte ehrlich gesagt nur wissen, was genau die Formel "div" heißt, ich finde dazu keine genaue Erklärung. Ich bin dabei, Texte zu formatieren und wollte eine Überschrift zentrieren. Beispieltext:

<p align="center">Hallo </p>
Wie geht es Euch, mit geht es gut

Problem: Ich habe da noch `nen Absatz drin, will aber den Text direkt unter diese Überschrift haben, ohne Absatz. Jetzt habe ich statt p das Wort div eingesetzt und es geht! Finde dazu aber keine Erklärung warum. Div heißt doch division, oder?

LG
Staubhase, die die ersten tabsigen Schritte in HTML macht :D

Gefällt dir dieser Beitrag?

19.8.08, 19:33

tom-kuehn1.559 Beiträge
Dabei seit: 23.05.06

Als Anfänger schau Dir bitte diese Seiten an:

http://www.html-seminar.de/index.htm
und natürlich:
http://de.selfhtml.org/

<p></p> ist ein Paragraph und ebenso wie <div> </div> ein Blocktag. <p> solltest Du wie in einem Text als Absatz verwenden. Formatierungen wie Seiteneinstellungen sind etwas höher angeordnet und sollten im <div> deklariert werden. Ein <div> enthält also mehrere <p> welches dann noch verschiedene <span> enthält.

Auf den Seiten oben findest Du ausführliche Beispiele, wie man die tags sinnvoll einsetzt.
Wenn Du gleich "richtig" in HTML Seiten entwicklen möchtest, dann befasse Dich von Anfang an mit css.
http://www.css4you.de/

Damit definierst Du global Einstellungen für Farben, Schriftarten, -grössen, Positionierungen usw.

Die Syntax von HTML ist sehr übersichtlich, also keine Angst. Als Editor würde ich mal Phase 5 empfehlen, das ist zwar kein WYSIWYG, dafür lernst Du aber wann welche tags eingesetzt werden.
http://www.phase5.info/

Wenn Du darüber hinaus noch Fragen hast gibt es ja FM ;)

Gefällt dir dieser Beitrag?

19.8.08, 20:23

Neues ThemaUmfrage

Passende Themen