Yume
11 Jun 2007, 09:09 PM
Can anyone help me fix this every time i try to type a list in my layout the text goes out the text.>_<
/*
*/
* { padding: 0; margin: 0; }
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
border: 0px solid #000;
background-image: url(images/bg.gif);
}
#wrapper {
margin: 0 auto;
width: 800px;
}
#top-navigation {
float: left;
width: 760px;
height: 15px;
color: #fff;
border: 1px solid #ffffff;
padding: 5px 0px;
margin: 0px 0px;
background-image: url(images/top_bg.gif);
}
#header {
color: #fff;
width: 760px;
float: left;
padding: 0px;
border: 1px solid #ffffff;
height: 150px;
margin: 0px 0px 0px 0px;
background-image: url(images/header.jpg);
}
#navigation {
float: left;
width: 760px;
height: 15px;
color: #fff;
border: 1px solid #ffffff;
padding: 5px 0px;
margin: 0px 0px;
background-image: url(images/top_bg.gif);
}
#leftcolumn {
border: 1px solid #ffffff;
background-image: url(images/nav_foot.gif);
margin: 0px 0px 0px 0px;
padding: 2px;
width: 170px;
height: 550px;
float: left;
}
#rightcolumn {
float: left;
color: #333;
border: 1px solid #ffffff;
background: #f1f1f1;
margin: 0px 0px 0px 0px;
padding: 10px;
height: 350px;
width: 564px;
height: 534px;
display: inline;
}
#footer {
float: left;
width: 760px;
height: 15px;
color: #fff;
border: 1px solid #ffffff;
padding: 5px 0px;
margin: 0px 0px;
background-image: url(images/top_bg.gif);
}
/* Navigation
--------------------------------------------------------- */
#navlist
{
margin-left: 0;
padding-left: 0;
list-style: none;
color: #ffffff;
}
#navlist li
{
padding-left: 10px;
background-image: url(images/arrow.gif);
background-repeat: no-repeat;
background-position: 0 .5em;
color: #ffffff;
}
#leftcolumn ul {
list-style-type: none;
padding: 0;
margin: 5;
}
#leftcolumn h2 {
font: bold 14px 'Lucida Grande', Arial, Verdana, sans-serif;
background: #53c2ff url('images/menu.jpg') repeat-x;
border: 2px solid #53c2ff;
padding: 5px 3px 0 15px;
text-align: right;
display: block;
height: 20px;
color: #fff;
margin: 0px;
}
#leftcolumn li a {
font: 11px 'Arial;
text-decoration: none;
padding: 2px 0px 0 0px;
text-align: left;
display: block;
height: 18px;
color: #53c2ff;
margin: 0px;
background: #53c2ff url('images/li.gif') repeat-x;
}
/* Headlines
--------------------------------------------------------- */
hr {
border : none;
border-top : dashed 1px #fffff;
color : #FFFFFF;
background-color : #FFFFFF;
height : 1px;
}
h4 {
font: bold 11px Arial;
background: url('images/h4.gif') repeat-x;
border: 0px solid #53c2ff;
text-align: center;
color: #ffffff;
padding: 5px 0px;
margin: 0px 0px;
}
h2 {
font: bold 11px Arial;
background: url('images/h2.gif') repeat-x;
border: 1px solid #000;
text-align: center;
color: #ffffff;
padding: 3px 0px;
margin: 0px 0px;
}
Sorry for asking to much..
/*
*/
* { padding: 0; margin: 0; }
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
border: 0px solid #000;
background-image: url(images/bg.gif);
}
#wrapper {
margin: 0 auto;
width: 800px;
}
#top-navigation {
float: left;
width: 760px;
height: 15px;
color: #fff;
border: 1px solid #ffffff;
padding: 5px 0px;
margin: 0px 0px;
background-image: url(images/top_bg.gif);
}
#header {
color: #fff;
width: 760px;
float: left;
padding: 0px;
border: 1px solid #ffffff;
height: 150px;
margin: 0px 0px 0px 0px;
background-image: url(images/header.jpg);
}
#navigation {
float: left;
width: 760px;
height: 15px;
color: #fff;
border: 1px solid #ffffff;
padding: 5px 0px;
margin: 0px 0px;
background-image: url(images/top_bg.gif);
}
#leftcolumn {
border: 1px solid #ffffff;
background-image: url(images/nav_foot.gif);
margin: 0px 0px 0px 0px;
padding: 2px;
width: 170px;
height: 550px;
float: left;
}
#rightcolumn {
float: left;
color: #333;
border: 1px solid #ffffff;
background: #f1f1f1;
margin: 0px 0px 0px 0px;
padding: 10px;
height: 350px;
width: 564px;
height: 534px;
display: inline;
}
#footer {
float: left;
width: 760px;
height: 15px;
color: #fff;
border: 1px solid #ffffff;
padding: 5px 0px;
margin: 0px 0px;
background-image: url(images/top_bg.gif);
}
/* Navigation
--------------------------------------------------------- */
#navlist
{
margin-left: 0;
padding-left: 0;
list-style: none;
color: #ffffff;
}
#navlist li
{
padding-left: 10px;
background-image: url(images/arrow.gif);
background-repeat: no-repeat;
background-position: 0 .5em;
color: #ffffff;
}
#leftcolumn ul {
list-style-type: none;
padding: 0;
margin: 5;
}
#leftcolumn h2 {
font: bold 14px 'Lucida Grande', Arial, Verdana, sans-serif;
background: #53c2ff url('images/menu.jpg') repeat-x;
border: 2px solid #53c2ff;
padding: 5px 3px 0 15px;
text-align: right;
display: block;
height: 20px;
color: #fff;
margin: 0px;
}
#leftcolumn li a {
font: 11px 'Arial;
text-decoration: none;
padding: 2px 0px 0 0px;
text-align: left;
display: block;
height: 18px;
color: #53c2ff;
margin: 0px;
background: #53c2ff url('images/li.gif') repeat-x;
}
/* Headlines
--------------------------------------------------------- */
hr {
border : none;
border-top : dashed 1px #fffff;
color : #FFFFFF;
background-color : #FFFFFF;
height : 1px;
}
h4 {
font: bold 11px Arial;
background: url('images/h4.gif') repeat-x;
border: 0px solid #53c2ff;
text-align: center;
color: #ffffff;
padding: 5px 0px;
margin: 0px 0px;
}
h2 {
font: bold 11px Arial;
background: url('images/h2.gif') repeat-x;
border: 1px solid #000;
text-align: center;
color: #ffffff;
padding: 3px 0px;
margin: 0px 0px;
}
Sorry for asking to much..