nicht angemeldet
Zeilenlänge festlegen
Hallo,
ich bräuchte mal evtl. Hilfe. Ich habe eine Vorlage als css. Nun möchte ich die Zeilelänge (Schrift) neu definieren, weiß aber nicht wo. Vielleicht kann mir ja einer helfen. Der Code lautet:
body{
margin:0;
padding:0;
text-align:         eft;
font-family: "Arial",Georgia, Times New Roman, Times, serif;
}
p.colorline{
margin: 0;
padding: 0;
display: block;
width: 100%;
height: 20px;
background-color: #3c5c8e;
border-bottom: 3px solid #FCFAD5;
}
#contain{
width: 900px;
margin: 20px auto 0 auto;
text-align: left;
}
#header{
background: url(images/header.jpg) no-repeat center top;
height:152px;width:900px
}
#header h1{
margin: 8px 0 8px 0;
padding: 0;
}
#header h3{
padding: 0;
margin: 0 0 5px 0;
}
/* CONTENT */
#right{
float: right;
width: 250px;/*Navigation*/}
.block{
border-top: 5px solid #3c5c8e;
border-bottom: 5px solid #3c5c8e;
background-color: #FCFAD5;
margin-top: 35px;
font-size: .9em;
}
a{
color: #3c5c8e; */
}
a:hover{
color: #1981F6;
text-decoration: underline;
}
.block a{
text-decoration: none;
}
.block ul{
list-style-image: url(arrow.gif);
}
.block li{
line-height: 1.3em;
}
.block p{
padding: 0 10px 5px 10px;
}
.block strong{
position: relative;
top:6px;
left: 10px;
}
/*
Main Content
*/
#left{
float: left;
width: 430px;
margin-top: 15px;
}
#left h1{
font-size: 1.4em;
color: #3c5c8e;
}
#left h2{
font-size: 1.2em;
color: #3c5c8e;
}
#left h3{
font-size: 1.1em; color: #3c5c8e;
}
#left h4{
border-bottom: 1px; color: #3c5c8e; solid #3c5c8e;
}
blockquote{
border-top: 2px solid #3c5c8e;
border-bottom: 2px solid #3c5c8e;
background: #FCFAD5 url(quote.gif) no-repeat;
margin-top: 15px;
padding: 0 25px 0 25px;
font-size: .9em;
}
/*
Footer
*/
#footer
{
clear: both;
font-size: .8em;
border-top:1px solid #3c5c8e;
padding-top: 5px;
text-align:center;
}
Danke schon mal im Voraus!
Gruß
Paul
-
Hallo Paul
was ist für Dich eine Zeilelänge?
Viele Grüße
Bernd
-
Hallo,
die Zeilenlänge ist für mich (primitiv ausgedrückt) vom linken bis zum rechten Bildschirmrand.
Paul
Hallo Paul
was ist für Dich eine Zeilelänge?
Viele Grüße
Bernd
-
-
Hallo,
...
body{
margin:0;
padding:0;
text-align: left;
font-family: "Arial",Georgia, Times New Roman, Times, serif;
}Die Zeile mit "text-align:" solltest du so ändern, wie es oben steht.
Und bei font-family: solltest du dich für Serif- oder Sanserif-Schriften entscheiden.#contain{
width: 900px;
margin: 20px auto 0 auto;
text-align: left;
}Wenn du Glück hast, ist es das "width: 900px;". Versuch mal kleinere Werte. Ansonsten kommt es natürlich drauf an, wie die Styles im HTML-Dokument angewendet werden. Nur an einer CSS kann man das nicht sehen.
Du kannst einfach ein eignes Div-Tag das gleich hinter <body> beginnt und bis </body> geht einfügen. Also so:
<body ...>
<div style="width=500px">
...
</div>
</body>Natürlich kannst du es auch ordentlich im css eintragen.
-
Oh sorry, es muss <div style="width: 500px"> heißen. Also Doppelpunkt statt Gleichheitszeichen.
-