Hojhoj!
Har länge försökt bygga en snygg lista med CSS, där det ska se ut som i den bifogade filen. Men jag lyckas inte riktigt få ihop så koden ser "korrekt" ut. Någon som har ett tips på hur jag ska gå till väga?
Tack på förhand
Lista med årtal
3 svar · 493 visningar · startad av Melea
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="sv">
<head>
<title>test</title>
<style type="text/css">
dl, dt, dd { margin:0; padding:0; }
dl { width:12em; }
dt { float:left; clear:left; font-weight:bold; width:3em; }
dd { margin-left:3em; }
</style>
</head>
<body>
<dl>
<dt>1958</dt>
<dd>Gården byggs, och målas om till rött med vita knutar.</dd>
<dt>1958</dt>
<dd>Gården byggs, och målas om till rött med vita knutar.</dd>
</dl>
</body>
</html>
:)
Nåt sånt här:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title></title>
<style type="text/css">
dl {
font:80% arial, sans-serif;
width:200px;
margin: 0;
padding: 0;
}
dt {
width:40px;
font-weight: bold;
float:left;
}
dd {
margin-bottom:10px;
}
</style>
</head>
<body>
<dl>
<dt>1954</dt>
<dd>Gården byggs om och målas röd med vita knutar.</dd>
<dt>1955</dt>
<dd>Gården byggs om och målas röd med vita knutar.</dd>
<dt>1956</dt>
<dd>Gården byggs om och målas röd med vita knutar.</dd>
</dl>
</body>
</html>
/RED
Där var jag lite för trög. ;)
Ta zcorpans exempel. Jag märkte att jag hade inte skrivit helt rätt text i listan. :h
Tack så hemskt mycket båda två! :)