StartseiteStartseite  FAQFAQ  SuchenSuchen  MitgliederMitglieder  NutzergruppenNutzergruppen  AnmeldenAnmelden  LoginLogin  

Austausch | 
 

 Schrift steht drüber

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten 
AutorNachricht
The.snow.white

avatar

Anzahl der Beiträge : 4
Blogadresse : The.snow.white.myblog.de
Anmeldedatum : 02.09.08

BeitragThema: Schrift steht drüber   Di Sep 02, 2008 4:39 pm

Hallo ^^ So ich kopiere meinen myblog-forum-eintrag einfach nochmal hier rein:

Hallo.
Brauche ganz dringend Hilfe! Habe ein neues Layout für meinen blog (http://the.snow.white.myblog.de) und wie man da ja sieht, steht rechts in der Navigation die Schrift über der Linie. Wie kann ich das ändern? Sodass auch längere Seitentitel in die "Spalte" passen, ohne dass sie drüber stehen?
Hoffe auf Hilfe.
MfG

Layout:
<html>
<head>
<title>The Snow.White</title>
{PLACE_POWEREDBY}
<style type="text/css">
<!--
body {
scrollbar-face-color: #EFEFEF;
scrollbar-highlight-color: #D4D4D4;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-shadow-color: #FFFFFF;
scrollbar-arrow-color: #A4A4A4;
scrollbar-track-color: #EFEFEF;}

a:link {
color: #00F0E2;
text-decoration:none;
text-transform:uppercase;}

a:visited {color: #00F0E2;
text-decoration:none;
text-transform:uppercase;
}

a:active {color: #00F0E2;
text-decoration:none;
text-transform:uppercase;

}
a:hover {color: #A3A3A3;
cursor:crosshair;
text-transform:uppercase;
}

A.navi:link, A.navi:active, A.navi:visited {
display: block;
padding-left: 2px;
font-family: Arial;
font-size: 7pt;
background: color : #FFFFFF;
margin-bottom: 1px;
border-left: 0px dotted #F7F4EF;
border-right: 0px dotted #F7F4EF;

border-top: 1px solid #BAFFFB;
text-transform:uppercase;
letter-spacing: 2px;
color: #A2A2A2;
text-align: right;
line-height: 14px;}


A.navi:hover {
display: block;
padding-left: 2px;
border-bottom: 0px dotted #929292;
border-top: 1px solid #FFA2EC;
border-left: 0px solid #FEE9C8;
color: #A2A2A2;
font-family: Tahoma;
font-size: 7pt;
text-align: right;
line-height: 14px;
}

.glambaby {
display: block;
font-family: Arial;
font-size: 9pt; color: #FFA2EC;
text-decoration: none;
margin-bottom: 6px;
margin-right: 1px;
line-height: 10pt;
text-align: center;
letter-spacing: 1px;
border-bottom: 1px solid #FFFFFF;}


.box{
padding-left: 3px ;
padding-top: 3px ;
padding-right: 3px ;
padding-bottom: 3px ;
border: 1px solid #FFFFFF

}

TEXTAREA { Color: #7C7C7C;
width:250px;
height:70px;
background-attachment:fixed;
background-color:EFEFEF;
Font-Family: Arial;
Font-Size: 11px;
Border: 1px solid #CBCBCB;
}

INPUT { Color: #5C5D72;
Background-color:EFEFEF;
Font-Family: Arial;
Font-Size: 11px;
width: 75px;
Border: 1px solid #F7F4EF;
}



font {
color: #A3A3A3 ;
font-family: Arial;
font-size: 11px;
}

b, strong{
color:#FF00D9;
font-family: Arial;
font-size: 11px;
letter-spacing:0px;}

i, em{
color:#616161;
font-family: Arial;
font-size: 11px;
letter-spacing:1px;}

u{
color: #00F0E2;
text-decoration:underline;
font-family: Arial;
font-size: 11px;
letter-spacing:1px;
border-bottom: 1px solid #AAAAAA;
}

s, strike{
color:#000000;
font-family: Arial;
font-size: 11px;
letter-spacing:1px;}




.inhaltetable { width: 100%;}


-->
</style>


</head>
<font>
<body bgcolor=#3A3A3A background="http://img3.imagebanana.com/img/6e8z1jx/_01_GlamFlowersdevu.png">
<img border="0" src="http://img3.imagebanana.com/img/d8t3wgic/Layout_glamflowersdevu.png" scroll="no" bgproperties= "fixed"

ALIGN="left" WIDTH="1024",HEIGHT="700" STYLE="position:absolute; top:0; left:0;" >

<div style="overflow: visible; position: absolute; width: 465; height: 220; left: 170; top: 320">
{PLACE_CONTENT}
</div>

<div style="overflow: visible; position: absolute; width: 137; height: 229; left: 659; top: 10">


<div class=box>
<p class=glambaby></p>
<font>

</div>


</font>
<div class=box>
<P class=glambaby>Welcome</P>
<table id="table1" width="50%" border="0"><tbody>
<tr valign="top">
<td style="width: 50%">
<a href="http://the.snow.white.myblog.de" class=navi>Start</a>
<a href=http://the.snow.white.myblog.de/the.snow.white/gb class=navi>Guestbook</a>

</td>
<td>
<a href=http://the.snow.white.myblog.de/the.snow.white/abo class=navi>AddicTed?!</a>
<a href=http://the.snow.white.myblog.de/the.snow.white/page/1787142 class=navi>CollecTion</a>


</td>
</tr>
</tbody></table>
</div>
<div class=box>
<P class=glambaby>A Fairytale?</P>
<a href="http://the.snow.white.myblog.de/the.snow.white/page/1765026" class=navi>The.Snow.White</a>
<a href="http://the.snow.white.myblog.de/the.snow.white/page/1771638"class=navi>The.Illness</a>



<P class=glambaby>A Catch-22</P>
<a href="http://the.snow.white.myblog.de/the.snow.white/page/1765482" class=navi>The.Poisonous.Apple</a>
<a href="http://the.snow.white.myblog.de/the.snow.white/page/1786230"class=navi> (Th)-Inspire me</a>

<P class=glambaby>Some Stuff</P>
<a href="http://the.snow.white.myblog.de/the.snow.white/page/1798314"class=navi>200 Things</a>

<font>
<center><img style="border:0px;" alt="ImageBanana - so.png" src="http://img3.imagebanana.com/img/3zw37s8r/so.png" /></a></center>
<center>
</div>

<div class=box>
<p class=glambaby> </p>
<table id="table1" width="100%" border="0"><tbody>
<tr valign="top">
<td style="width: 50%">

</td>
<td>


</td>
</tr>
</tbody></table></div>


</br>
<div class=box>
<P class=glambaby>Credits</P>
<a href=http://www.glam.flowers.de.vu/ target="blank" class=navi>Designer</a>

<!-- BEGIN Shoutbox.de CODE -->
<iframe src="http://202163.shoutbox.de/" width="140" height="300" frameborder="0" allowTransparency="true"></iframe>
<!-- END Shoutbox.de CODE-->
<!-- trafficcenter.de Trafficcenter -->
<a href=target="_blank">
<SCRIPT LANGUAGE="JavaScript">
<!--
var tc_pagename="auto";
var tc_path="auto";
var tc_area="";
var tc_process_name1="";
var tc_process_name2="";
var tc_process_name3="";
var tc_campaign="auto";
var tc_com=0;
var tc_com_amount=0;
var tc_search_phrase="";
var tc_404=0;
var tc_tcid = 22942;

var tc_speed=0;
var tc_clicktrack=1;

tc_js_statistic_domain='js.statistic.trafficcenter.de'; // change "js.statistic.trafficcenter.de" to yourdomain.com after copying the defaultxx.js there..

if(window.location.protocol == "https:"){
document.write("<SCR" + "IPT LAN" + "GUAGE='JavaScript' SRC='https://"+tc_js_statistic_domain+"/default10.js'></SCR" + "IPT>");
}else{
document.write("<SCR" + "IPT LAN" + "GUAGE='JavaScript' SRC='http://"+tc_js_statistic_domain+"/default10.js'></SCR" + "IPT>");
}

//-->
</SCRIPT><NOSCRIPT>
<IMG src==" border=0></NOSCRIPT>
</a><br><small><a href=</a></small>

<!-- End of trafficcenter.de Trafficcenter -->


</div>
</div>
</font>
</body>
</html>
Nach oben Nach unten
Benutzerprofil anzeigen http://The.snow.white.myblog.de
Sarah8588

avatar

Anzahl der Beiträge : 60
Alter : 29
Ort : Unna (in der nähe von Dortmund)
Blogadresse : http://schmetterling8588.myblog.de/
Anmeldedatum : 13.08.08

BeitragThema: Re: Schrift steht drüber   Di Sep 02, 2008 8:04 pm

Mhh ich glaub du musst einfach nur die Pixelzahl für die breite der navileiste ändern Oo bin aber auch noch eine "anfängerin" und bin mir deshalb nicht so sicher. eigentlich müsste das aber klappen, wenn du die Pixelzahl etwas höher machst ..
Nach oben Nach unten
Benutzerprofil anzeigen
Niyara
Admin
avatar

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

BeitragThema: Re: Schrift steht drüber   Di Sep 02, 2008 9:36 pm

Oha, das ist kompliziert @.@

Prinzipiell hat Sarah schon recht, du müsstest die Div-Breite als Pixelzahl verkleinern, du hast aber Prozent. Prozent wovon?

Also, auf die Schnelle habe ich ein paar Vorschläge:

1.
div class=box>
<P class=glambaby>Welcome</P>
<table id="table1" width="50%" border="0"><tbody>
<tr valign="top">
<td style="width: 50%">

Da Zahlen rein, also zum Beispiel 100px
Probier herum, und schau, ob es passt.

2.
A.navi:link, A.navi:active, A.navi:visited {
display: block;
padding-left: 2px;
font-family: Arial;
font-size: 7pt;
background: color : #FFFFFF;
margin-bottom: 1px;
border-left: 0px dotted #F7F4EF;
border-right: 0px dotted #F7F4EF;

border-top: 1px solid #BAFFFB;
text-transform:uppercase;
letter-spacing: 2px;
color: #A2A2A2;
text-align: right;
line-height: 14px;

Füge hier irgendwo width: 100px ein (oder andere Pixelzahl), das geht vielleicht auch.

_________________
Nach oben Nach unten
Benutzerprofil anzeigen http://www.niyara.de.vu
The.snow.white

avatar

Anzahl der Beiträge : 4
Blogadresse : The.snow.white.myblog.de
Anmeldedatum : 02.09.08

BeitragThema: Re: Schrift steht drüber   Di Sep 02, 2008 11:06 pm

Habe beides ausprobiert und es ging nicht 🇳🇴 Bitte helft mir!
Danke
Nach oben Nach unten
Benutzerprofil anzeigen http://The.snow.white.myblog.de
Niyara
Admin
avatar

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

BeitragThema: Re: Schrift steht drüber   Di Sep 02, 2008 11:16 pm

Ich werd mir das Ding heute Nacht oder morgen mal zur Brust nehmen, ja? Da muss man ein bisschen tiefer einsteigen.

Aber nur aus Interesse: Sollen die vier Dinger da, also Gästebuch usw. untereinander oder so im Viererblock bleiben?

_________________
Nach oben Nach unten
Benutzerprofil anzeigen http://www.niyara.de.vu
The.snow.white

avatar

Anzahl der Beiträge : 4
Blogadresse : The.snow.white.myblog.de
Anmeldedatum : 02.09.08

BeitragThema: Re: Schrift steht drüber   Mi Sep 03, 2008 9:41 pm

Ja eigentlich wollt ich das schon so...
Aber wenn es absolut nicht anders möglich ist, würde es auch anders gehen ;)
Und danke für deine Hilfe
Nach oben Nach unten
Benutzerprofil anzeigen http://The.snow.white.myblog.de
Niyara
Admin
avatar

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

BeitragThema: Re: Schrift steht drüber   Mi Sep 03, 2008 11:14 pm

Bitte frag mich nicht, was ich alles wie verändert habe. :-/
Aber ich hoffe, es ist nun endlich so, wie du es wolltest ^.^'

Code:

<html>
<head>
<title>The Snow.White</title>
{PLACE_POWEREDBY}
<style type="text/css">
<!--
body {
scrollbar-face-color: #EFEFEF;
scrollbar-highlight-color: #D4D4D4;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-shadow-color: #FFFFFF;
scrollbar-arrow-color: #A4A4A4;
scrollbar-track-color: #EFEFEF;}

a:link {
color: #00F0E2;
text-decoration:none;
text-transform:uppercase;}

a:visited {color: #00F0E2;
text-decoration:none;
text-transform:uppercase;
}

a:active {color: #00F0E2;
text-decoration:none;
text-transform:uppercase;

}
a:hover {color: #A3A3A3;
cursor:crosshair;
text-transform:uppercase;
}

A.navi:link, A.navi:active, A.navi:visited {
display: block;
padding-left: 2px;
font-family: Arial;
font-size: 6pt;
background: color : #FFFFFF;
margin-bottom: 1px;
border-left: 0px dotted #F7F4EF;
border-right: 0px dotted #F7F4EF;

border-top: 1px solid #BAFFFB;
text-transform:uppercase;
letter-spacing: 2px;
color: #A2A2A2;
text-align: right;
line-height: 14px;}


A.navi:hover {
display: block;
padding-left: 2px;
border-bottom: 0px dotted #929292;
border-top: 1px solid #FFA2EC;
border-left: 0px solid #FEE9C8;
color: #A2A2A2;
font-family: Tahoma;
font-size: 7pt;
text-align: right;
line-height: 14px;
}

.glambaby {
display: block;
font-family: Arial;
font-size: 9pt; color: #FFA2EC;
text-decoration: none;
margin-bottom: 6px;
margin-right: 1px;
line-height: 10pt;
text-align: center;
letter-spacing: 1px;
border-bottom: 1px solid #FFFFFF;}


.box{
padding-left: 3px ;
padding-top: 3px ;
padding-right: 3px ;
padding-bottom: 3px ;
border: 1px solid #FFFFFF

}

TEXTAREA { Color: #7C7C7C;
width:250px;
height:70px;
background-attachment:fixed;
background-color:EFEFEF;
Font-Family: Arial;
Font-Size: 11px;
Border: 1px solid #CBCBCB;
}

INPUT { Color: #5C5D72;
Background-color:EFEFEF;
Font-Family: Arial;
Font-Size: 11px;
width: 75px;
Border: 1px solid #F7F4EF;
}



font {
color: #A3A3A3 ;
font-family: Arial;
font-size: 11px;
}

b, strong{
color:#FF00D9;
font-family: Arial;
font-size: 11px;
letter-spacing:0px;}

i, em{
color:#616161;
font-family: Arial;
font-size: 11px;
letter-spacing:1px;}

u{
color: #00F0E2;
text-decoration:underline;
font-family: Arial;
font-size: 11px;
letter-spacing:1px;
border-bottom: 1px solid #AAAAAA;
}

s, strike{
color:#000000;
font-family: Arial;
font-size: 11px;
letter-spacing:1px;}




.inhaltetable { width: 100%;}


-->
</style>


</head>
<font>
<body bgcolor=#3A3A3A background="http://img3.imagebanana.com/img/6e8z1jx/_01_GlamFlowersdevu.png">
<img border="0" src="http://img3.imagebanana.com/img/d8t3wgic/Layout_glamflowersdevu.png" scroll="no" bgproperties= "fixed"

ALIGN="left" WIDTH="1024",HEIGHT="700" STYLE="position:absolute; top:0; left:0;" >

<div style="overflow: visible; position: absolute; width: 465; height: 220; left: 170; top: 320">
{PLACE_CONTENT}
</div>

<div style="overflow: visible; position: absolute; width: 137; height: 229; left: 659; top: 10">


<div class=box>
<p class=glambaby></p>
<font>

</div>


</font>
<div class=box> <tbody>
<P class=glambaby>Welcome</P>

<td>
<a href="http://the.snow.white.myblog.de" class=navi>Start</a>
<a href=http://the.snow.white.myblog.de/the.snow.white/gb class=navi>Guestbook</a>

</td><br>
<td>
<a href=http://the.snow.white.myblog.de/the.snow.white/abo class=navi>AddicTed?!</a>
<a href=http://the.snow.white.myblog.de/the.snow.white/page/1787142 class=navi>CollecTion</a>


</td>
</tr>
</tbody></table>
</div>
<div class=box>
<P class=glambaby>A Fairytale?</P>
<a href="http://the.snow.white.myblog.de/the.snow.white/page/1765026" class=navi>The.Snow.White</a>
<a href="http://the.snow.white.myblog.de/the.snow.white/page/1771638"class=navi>The.Illness</a>



<P class=glambaby>A Catch-22</P>
<a href="http://the.snow.white.myblog.de/the.snow.white/page/1765482" class=navi>The.Poisonous.Apple</a>
<a href="http://the.snow.white.myblog.de/the.snow.white/page/1786230"class=navi> (Th)-Inspire me</a>

<P class=glambaby>Some Stuff</P>
<a href="http://the.snow.white.myblog.de/the.snow.white/page/1798314"class=navi>200 Things</a>

<font>
<center><img style="border:0px;" alt="ImageBanana - so.png" src="http://img3.imagebanana.com/img/3zw37s8r/so.png" /></a></center>
<center>
</div>

<div class=box>
<p class=glambaby> </p>
<table id="table1" width="100%" border="0"><tbody>
<tr valign="top">
<td style="width: 50%">

</td>
<td>


</td>
</tr>
</tbody></table></div>


</br>
<div class=box>
<P class=glambaby>Credits</P>
<a href=http://www.glam.flowers.de.vu/ target="blank" class=navi>Designer</a>

<!-- BEGIN Shoutbox.de CODE -->
<iframe src="http://202163.shoutbox.de/" width="140" height="300" frameborder="0" allowTransparency="true"></iframe>
<!-- END Shoutbox.de CODE-->
<!-- trafficcenter.de Trafficcenter -->
<a href=target="_blank">
<SCRIPT LANGUAGE="JavaScript">
<!--
var tc_pagename="auto";
var tc_path="auto";
var tc_area="";
var tc_process_name1="";
var tc_process_name2="";
var tc_process_name3="";
var tc_campaign="auto";
var tc_com=0;
var tc_com_amount=0;
var tc_search_phrase="";
var tc_404=0;
var tc_tcid = 22942;

var tc_speed=0;
var tc_clicktrack=1;

tc_js_statistic_domain='js.statistic.trafficcenter.de'; // change "js.statistic.trafficcenter.de" to yourdomain.com after copying the defaultxx.js there..

if(window.location.protocol == "https:"){
document.write("<SCR" + "IPT LAN" + "GUAGE='JavaScript' SRC='https://"+tc_js_statistic_domain+"/default10.js'></SCR" + "IPT>");
}else{
document.write("<SCR" + "IPT LAN" + "GUAGE='JavaScript' SRC='http://"+tc_js_statistic_domain+"/default10.js'></SCR" + "IPT>");
}

//-->
</SCRIPT><NOSCRIPT>
<IMG src==" border=0></NOSCRIPT>
</a><br><small><a href=></a></small>

<!-- End of trafficcenter.de Trafficcenter -->


</div>
</div>
</font>
</body>
</html>

_________________
Nach oben Nach unten
Benutzerprofil anzeigen http://www.niyara.de.vu
The.snow.white

avatar

Anzahl der Beiträge : 4
Blogadresse : The.snow.white.myblog.de
Anmeldedatum : 02.09.08

BeitragThema: Re: Schrift steht drüber   Mi Sep 03, 2008 11:25 pm

Wow ^^ Vielen Dank! So ist es echt toll =)
<3-liche Grüße
Nach oben Nach unten
Benutzerprofil anzeigen http://The.snow.white.myblog.de
Niyara
Admin
avatar

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

BeitragThema: Re: Schrift steht drüber   Do Sep 04, 2008 12:31 am

Kein Thema, für sowas bin ich da ^.^

Und da die Frage beantwortet ist, gilt:

Topic closed!

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




BeitragThema: Re: Schrift steht drüber   

Nach oben Nach unten
 
Schrift steht drüber
Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben 
Seite 1 von 1
 Ähnliche Themen
-
» Unsichtbare schrift in Buttons
» Schrift im Forum Anpassen -> weisse Schriftfarbe schwarz umrandet
» Schrift farbig hinterlegen
» Schrift/Bilder unter Wer ist Online?
» Komische Schrift

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