Automatischer Zeilenumbruch
EPIC
- css
0 bleicher
Hallo. Ich würde ger wissen ob man in der CSS einen automatischen Zeilenumbruch einstellen kann und wenn ja wo und wie. Leider hab ich das Forum schon dursucht aber nichts gefunden. Vielen Dank schonmal.
/*************************************
+Containers
*************************************/
body{
background:#fff url(./images/bg.gif) repeat-x;
border-top:5px solid #333;
color:#555;
font-family: "Times New Roman", Times, serif;
font-size:82.5%;
line-height:1.5;
margin:0;
padding:0;
text-align:center;
}
#wrap{
margin:0 auto;
text-align:left;
width:76em;
}
#content{
font-size:1.2em;
float:left;
padding:1em;
width:40em;
}
#sidebar{
font-size:0.9em;
color:#993333;
float:right;
padding-top:2em;
width:20em;
}
#header{
padding:3em 1em;
}
#footer{
background:#3399cc;
border-top:1px solid #777;
color:#cccccc;
clear:both;
font-size:0.9em;
padding:0.5em;
}
/*************************************
+Hn and p
*************************************/
h1, h2, h3{
font-family: "Times New Roman", Times, serif;
font-weight:normal;
letter-spacing: 0px;
margin:0;
}
#header h1{
font-family: Georgia, "Times New Roman", Times, serif;
font-size:3em;
margin:0;
margin-right:1em;
}
#header h1 a{
color:#66ccff;
}
#header h1 a:hover{
color:#448CCA;
}
#header p{
color:#aaa;
font-size:1.1em;
margin:0;
margin-top:-0.5em;
}
.entrytitle h2{
font-size:1.5em;
}
.entrytitle h2 a
{
color:#39B44A;
}
.entrytitle h2 a:hover{
color:#58BBEB;
}
.entrytitle h3{
font-size:1.0em;
color:#6F6F6F;
}
#sidebar h3{
color:#555;
font-size:1.5em;
margin:1em 0;
}
/*************************************
+Entry
*************************************/
.entry{
margin-bottom:-2em;
border-bottom: 1px dotted #666666;
}
.entrymeta{
font-size:0.9em;
}
.postedby{
background:#fff url(./images/user.gif) no-repeat;
padding:3px;
padding-left:20px;
}
.filedto{
background:#fff url(./images/post.gif) no-repeat;
padding:3px;
padding-left:20px;
}
.commentslink{
background:#fff url(./images/packaged.gif) no-repeat;
padding:3px;
padding-left:20px;
}
/*************************************
+Sidebar
*************************************/
#sidebar ul{
list-style-type:none;
margin:0;
padding:0;
}
#sidebar ul li{
border-bottom:1px dotted #ddd;
margin-bottom:0.3em;
padding:0.3em;
}
/*************************************
+Comments
*************************************/
.commentsblock{
margin:0.5em;
padding:1em;
}
.commentsblock textarea{
width:35em;
}
.commentsblock input, .commentsblock textarea{
border:1px solid #d1d1d1;
}
.commentsblock textarea:focus{
background:#eee;
border:1px solid #a1a1a1;
}
.commentsblock textarea:focus, .commentsblock input:focus{
background:#eee;
border:1px solid #a1a1a1;
}
.commentauthor{
display:block;
font-size:1.5em;
}
ol.commentlist{
color:#777;
font-size:0.9em;
list-style-type:none;
margin:0;
margin-top:1.5em;
padding:0;
}
.commentlist li{
margin-bottom:0.5em;
padding:0.5em 1em;
}
.alt{
background:#f3f5e9;
border:1px dotted #d2d2d2;
padding:0.5em;
}
h3#comments{
font-size:1.6em;
}
/*************************************
+Misc
*************************************/
a{
color:#579;
text-decoration:none;
}
a:hover{
color:#CC0000;
}
aww...
zeilenumbruch Wo/wobei?
aww...
zeilenumbruch Wo/wobei?
Für die Beiträge. nehmen wir an ich schreibe einen neuen Eintrag im Blog ohne einen Zeilenumbruch zu machen. Das soll dann ab einer bestimmten breite automatisch passieren.
Passier EIGENTLICH automatisch,..kannst aber http://de.selfhtml.org/html/formulare/eingabe.htm#bereiche_umbruch
und http://de.selfhtml.org/css/eigenschaften/ausrichtung.htm#white_space zur Hilfe nehmen.
MFG
bleicher
Hallo,
zeilenumbruch Wo/wobei?
Für die Beiträge. nehmen wir an ich schreibe einen neuen Eintrag im Blog ohne einen Zeilenumbruch zu machen. Das soll dann ab einer bestimmten breite automatisch passieren.
es ist eine Grundeigenschaft von HTML, den Zeilenumbruch an den Grenzen des umgebenden Elements automatisch zu machen. Ausgenommen davon ist nur das Element pre, sowie Elemente, die mit white-space:nowrap oder white-space:pre formatiert sind.
Nur wenn der Text keinen Umbruch zulässt, sprich: keine Leerzeichen enthält (oder Bindestriche beim IE), dann nimmt er sich die nötige Breite, ohne umzubrechen. In diesem Fall kannst du nur noch mit overflow:hidden im umgebenden Element das Layout stabil halten, allerdings wird Text, der über die Begrenzung des Elements hinausgeht, dann einfach nicht angezeigt.
So long,
Martin
Hallo bleicher.
aww...
… how cute.
Einen schönen Dienstag noch.
Gruß, Mathias