Hejsa igen.
Fik Draxs metode fra den anden tråd til at virke (Tak til ham.)
Nu er jeg så i gang med at lave et "design" i CSS...
Nu er jeg så stødt på et problem. Problemet er at jeg gerne vil havde min tekst til at stå (ex.) 20px ud fra den "menu" jeg har lavet med et float. Lyder nok lidt forvirrende, men gik på html filen og du vil forstå mig :)
Jeg har forsøgt at sætte padding-left & right på (som i kan se), men så er det 20px ud fra bodyen. Det er som sådan set også fint nok. Men den skal også være 20px fra menuen.
//GiMo
HTML'en:
<html>
<head>
<title>Lidt sjov</title>
<link rel="stylesheet" type="text/css" href="style2.css">
</head>
<body>
<center>
<table cellspacing="1" cellpadding="0" style="height: 100%; width: 760px; background-color: white">
<tr>
<td valign="top" align="center" style="height: 180px;">
<h1 id="banner">Design med CSS</h1>
<h1 id="navnbanner">Af Simon Gregersen</h1>
</td>
</tr>
<tr>
<td valign="top" align="left">
<h2 id="menu">Forside</br>Profil</h2>
<div id="lorem">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer quis diam eget risus molestie tempor. Phasellus posuere. Aliquam quis leo eget tortor feugiat porta. In vehicula sapien eget quam. Nulla facilisi. Nam eget neque. Suspendisse nec erat at justo pharetra iaculis. Mauris molestie, lacus at convallis rutrum, nisl orci vehicula ante, vel porta mauris enim quis nulla. Etiam sollicitudin feugiat dui. Duis malesuada orci nec sem.
Nulla vel augue. Pellentesque viverra iaculis erat.<br />Maecenas tempus auctor erat. Mauris congue pulvinar augue. Sed eget erat vitae risus venenatis fringilla. Duis nunc dolor, aliquet vel, egestas sed, rutrum at, erat. Pellentesque eget diam ut nisl varius pretium. Suspendisse quis est vel lacus adipiscing egestas. Cras lorem leo, feugiat sit amet, faucibus vel, vestibulum non, velit. Fusce tincidunt, orci ac ullamcorper bibendum, dolor est commodo sem, eget ornare risus neque vitae erat. Ut turpis. Quisque pharetra, nulla at mattis sodales, tellus nibh viverra sapien, ut rutrum quam ipsum sed ipsum. In quis quam. Pellentesque a turpis. Integer lobortis posuere metus.
Mauris hendrerit, risus in sollicitudin eleifend, pede nunc pulvinar ipsum, ut tempus leo lacus in felis. Aliquam lacus. In aliquam pede nec metus. Nam euismod nulla sed diam. Sed lobortis. Nulla hendrerit, dolor sed dignissim egestas, tellus felis interdum sem, eu dignissim justo velit ac ligula. Pellentesque a erat. Sed tempor. Quisque pellentesque, enim sit amet tincidunt nonummy, lectus velit sagittis metus, facilisis rhoncus ante felis ullamcorper nibh. Aliquam et felis id urna iaculis sollicitudin. Quisque eros mi, laoreet sit amet, mattis molestie, eleifend vitae, arcu. Maecenas facilisis. Phasellus iaculis tellus vitae neque. Nam placerat metus eget lorem.
Nulla facilisi. Sed augue. Maecenas ante leo, malesuada id, tristique nec, auctor non, pede. Nullam euismod justo sed tortor gravida tempor. Donec vitae libero. Donec magna eros, vestibulum varius, egestas ac, dictum eu, mauris. Vivamus sit amet magna. Ut nunc massa, pretium non, sagittis at, mattis ac, leo. Donec bibendum nulla id metus. Mauris pharetra est quis orci. Sed metus. Nullam at tellus. Vestibulum posuere, nisi fermentum ultrices bibendum, diam elit varius odio, id cursus ligula nibh nec nisl. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Curabitur quis justo in mi feugiat facilisis. Donec vel purus ac purus blandit feugiat. Donec dignissim. <br />Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Ut est enim, cursus sit amet, tempor vitae, nonummy ac, risus.
Sed porttitor turpis eget diam blandit adipiscing. Nunc tempor hendrerit metus. Nulla gravida. Suspendisse faucibus tincidunt ligula. Etiam ac sapien nec odio congue tempus. Nullam iaculis dui a ligula. Proin viverra ultricies purus. Sed gravida commodo mauris. Ut varius erat. Mauris elementum posuere ligula. Vivamus ac enim id lorem congue ullamcorper.
</div>
</td>
</tr>
</table>
<center>
</body>
</html>
style2.css:
body {
background-color: lightblue;
margin: 0px;
}
table {
border-left: double grey;
border-right: double grey;
}
#banner {
font-size: 36px;
font-family: times new roman;
margin-top: 20px;
background-color: lightgrey;
padding-left: 20px;
padding-right: 20px;
padding-top: 10px;
padding-bottom: 10px;
}
#navnbanner {
font-size: 16;
font-family: times new roman;
margin-top: 0px;
}
#menu {
font-size: 20;
float: left;
border-right: double grey;
border-top: double grey;
border-bottom: double grey;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 10px;
}
#lorem {
padding-left: 20px;
padding-right: 20px;
}
P.S Fik en fejl meddeleles og gjorde som der stod, men funkede ikke, og i så selv hvad der skete :D (7 posts)