StartseiteStartseite  FAQFAQ  SuchenSuchen  MitgliederMitglieder  NutzergruppenNutzergruppen  AnmeldenAnmelden  LoginLogin  

Austausch | 
 

 Layout-Problem

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten 
AutorNachricht
xxsven89xx

avatar

Anzahl der Beiträge : 16
Blogadresse : http://xxsven89xx.myblog.de/
Anmeldedatum : 10.08.08

BeitragThema: Layout-Problem   So Aug 10, 2008 11:25 pm

<html>
<!--- "Writing Pad" by KleiMo. Credits: Gimp, tutorial.scrawled.de, pixelio.de --!>
<head>
<style type="text/css">

body {
background-color: #000000;
font-family:century gothic;
color: #3963ed;
font-size:14px;
}

b, strong {
color: #3963ed;
font-size:14px;
}

u {
color: #3963ed;
font-size:14px;
}

i, em {
color: #3963ed;
font-size:14px;
}

s, del {
color: #3963ed;
font-size:14px;
}

TEXTAREA, INPUT {
border: 1px solid #FFFFFF;
color:#000000;
background-color:#FFFFFF;
}

TEXTAREA {
width300px;
height:400px;
}

.inhaltetable {
width: 100%;
}



a {
color: #000000;
background-color: #3963ed;
display:block;
border-bottom: 0px solid #3963ed;
font-size:12;
border:1px solid #000000;
text-decoration:none;
letter-spacing: 0px;
}

a:hover {
color: #3963ed;
font-size:12;
display:block;
border:1px solid #000000;
background-color: transparent;
text-decoration: none;
cursor: crosshair;
}

</style>
</head>


<body>
<img border="0" " src="http://img377.imageshack.us/img377/2663/papertt2.png" scroll="no" bgproperties="fixed" align="left" border="0" width="1024", height="768" style="position:absolute; top:0;left:0;">


<div align="left"
style="solid;
font-size:11px;
color:#3963ed;
border-collapse: collapse;
position:absolute;
width:251px;
height:129px;
left:22px;
top:78px; ">

<a href="http://xxsven89xx.myblog.de">Startseite</a>
<a href="http://xxsven89xx.myblog.de/xxsven89xx/cat/346644/0">About me</a>
<a href="http://xxsven89xx.myblog.de/xxsven89xx/cat/346416/0">News</a>
<a href="http://xxsven89xx.myblog.de/xxsven89xx/cat/346188/0">Meine Lieblingsvideos</a>
<!--- STEHEN LASSEN!!! --!>
<a href="http://xxsven89xx.myblog.de/xxsven89xx/gb">Gästebuch</a>
<a href="http://xxsven89xx.myblog.de/xxsven89xx/contact">Kontakt</a>
<br>
</div>

<div align="center"
style="solid;
font-size:11px;
color:#3963ed;
border-collapse: collapse;
position:absolute;
width:103px;
height:63px;
left:526px;
top:207px; ">

.

</div>

<div align="center"
style="solid;
font-size:11px;
color:#3963ed;
border-collapse: collapse;
position:absolute;
width:314px;
height:94px;
left:653px;
top:45px; ">

Ich bin ein netter und lockender Willkommenstext! :)


</div>

<div align="center"
style="solid;
font-size:11px;
color:#000000;
border-collapse: collapse;
position:absolute;
width:216px;
height:240px;
left:18px;
top:510px; ">

Ich heiße Bloggi und bin 20 Jahre alt. Meine Hobbys sind schlafen und essen.

</div>

<div align="justify"
id="entry"
class="inhaltetable"
style="
overflow:auto;
position:absolute;
width:450px;
height:400px;
left:290px;
top:325px">

:CONTENT_HIER:width=500px

</div>


<div style="visibility: hidden;
position: absolute;
right:0;
bottom:0;">
{PLACE_POWEREDBY}
</div>

</body>
</html>

Hier ist der Code von meinem layout-Vollprofu kannst du mir sagen was ich genau ändern muss?
Nach oben Nach unten
Benutzerprofil anzeigen http://xxsven89xx.myblog.de/
Niyara
Admin
avatar

Anzahl der Beiträge : 231
Blogadresse : http://myblog.de/niyara
Anmeldedatum : 10.08.08

BeitragThema: Re: Layout-Problem   So Aug 10, 2008 11:31 pm

Also, wenn ich dich richtig verstanden habe, willst du deine beiden Kästchen da größer haben, damit der Text richtig reinpasst, oder?

Dazu musst du die beiden Divs bearbeiten, die die Kästchen ausmachen:

1.
Code:
<div align="center"
style="solid;
font-size:11px;
color:#3963ed;
border-collapse: collapse;
position:absolute;
width:314px;                <--------
height:94px;
left:653px;
top:45px; ">

Ich bin ein netter und lockender Willkommenstext! Smile


</div>

Hier musst du die 314px durch eine höhere Zahl ersetzen, 400 müsste reichen, probier es aus.

2.
Code:
<div align="center"
style="solid;
font-size:11px;
color:#000000;
border-collapse: collapse;
position:absolute;
width:216px;  <----------------
height:240px;
left:18px;
top:510px; ">

Ich heiße Bloggi und bin 20 Jahre alt. Meine Hobbys sind schlafen und essen.

</div>

Auch hier wieder 216px durch eine größere Zahl ersetzen. Solltest du zudem einen Zeilenumbruch in deinem Text wollen:
Ich heiße Bloggi und bin 20 Jahre alt.
Meine Hobbys sind schlafen und essen.
musst du zwischen die beiden Sätze ein
Code:
<br>
setzen.

Hoffe, das hilft dir weiter. Übrigens: Der Blog sieht nett aus ^.^
Nach oben Nach unten
Benutzerprofil anzeigen http://www.niyara.de.vu
xxsven89xx

avatar

Anzahl der Beiträge : 16
Blogadresse : http://xxsven89xx.myblog.de/
Anmeldedatum : 10.08.08

BeitragThema: re   Mo Aug 11, 2008 12:10 am

Hmm also damit kann ich eigtl. nichts sichtbares ändern auser das Halt dieser Text nun länglich gezogen ist.
Hab mal auf nem Bild markiert welche Box ich mein damit es zu keinen missverständnissen kommt.
Nach oben Nach unten
Benutzerprofil anzeigen http://xxsven89xx.myblog.de/
Niyara
Admin
avatar

Anzahl der Beiträge : 231
Blogadresse : http://myblog.de/niyara
Anmeldedatum : 10.08.08

BeitragThema: Re: Layout-Problem   Mo Aug 11, 2008 12:18 am

*lach* Okay, nun verstehen wir uns. Du musst einfach hier

Code:
<div align="justify"
id="entry"
class="inhaltetable"
style="
overflow:auto;
position:absolute;
width:450px; < ----------------
height:400px;
left:290px;
top:325px">

:CONTENT_HIER:width=500px

</div>

die 450px verändern. Selbes Prinzip, anderer Kasten.
Nach oben Nach unten
Benutzerprofil anzeigen http://www.niyara.de.vu
xxsven89xx

avatar

Anzahl der Beiträge : 16
Blogadresse : http://xxsven89xx.myblog.de/
Anmeldedatum : 10.08.08

BeitragThema: Re: Layout-Problem   Mo Aug 11, 2008 1:09 am

Gut. soweit ok die Breite stimmt nun nur kann ich das ganze auch etwas nach oben versetzen und das was im Fenster ist vergrößern also sprich das ich mehr als einen Eintrag sehen kann ohne unnltig zu scrollen??

geht das? :?:
Nach oben Nach unten
Benutzerprofil anzeigen http://xxsven89xx.myblog.de/
Niyara
Admin
avatar

Anzahl der Beiträge : 231
Blogadresse : http://myblog.de/niyara
Anmeldedatum : 10.08.08

BeitragThema: Re: Layout-Problem   Mo Aug 11, 2008 1:24 am

Du musst nur die anderen Werte verändern:

Top = Abstand zur Fensterhöhe
Left = Abstand zum linken Fensterrand
Width = Breite des Kastens
Heigth = Höhe des Kastens

Wenn du die Höhe größer machst, hast du einen größeren Kasten, musst weniger scrollen.
Nach oben Nach unten
Benutzerprofil anzeigen http://www.niyara.de.vu
xxsven89xx

avatar

Anzahl der Beiträge : 16
Blogadresse : http://xxsven89xx.myblog.de/
Anmeldedatum : 10.08.08

BeitragThema: Re: Layout-Problem   Mo Aug 11, 2008 1:40 am

Gut, dan ist das Problem soweit gelöst und das layout aus meiner Sich toll geworden wenn auch mit viel arbeit ;)

Werde dich auch nochmal in einem Blogeintrag erwähnen, bitte nimm doch auch mein freundschaftsangebot an falls ich noch weitere fragen hab ;)
Nach oben Nach unten
Benutzerprofil anzeigen http://xxsven89xx.myblog.de/
Niyara
Admin
avatar

Anzahl der Beiträge : 231
Blogadresse : http://myblog.de/niyara
Anmeldedatum : 10.08.08

BeitragThema: Re: Layout-Problem   Mo Aug 11, 2008 1:48 am

Kein Thema ^.^
War ja keine große Sache (wenn auch ein paar Missverständnisse dabei waren)


Topic closed!

_________________
Nach oben Nach unten
Benutzerprofil anzeigen http://www.niyara.de.vu
Gesponserte Inhalte




BeitragThema: Re: Layout-Problem   

Nach oben Nach unten
 
Layout-Problem
Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben 
Seite 1 von 1
 Ähnliche Themen
-
» Layout erstellen (Video)
» Problem mit Layout's Coden ! ):
» Translator script problem
» HTML Code listen erstellungs Problem in threads
» Problem: Hochladen/Installieren von phpBB Dateien?

Befugnisse in diesem ForumSie können in diesem Forum nicht antworten
MyBlog Hilfeforum :: Archiv :: Answered Questions-
Gehe zu: