Avatar billede sheva07 Nybegynder
25. september 2005 - 13:33 Der er 9 kommentarer og
1 løsning

Hvordan laver man linjeskift?

Hej...

Et simpelt spørgsmål... Jeg vil gerne vide hvordan man laver linjeskift!

Derudover må i gerne skrive nogle kommentar til koden.

Og lige en ting til; hvorfor vil IE ikke acceptere line-height i #headlines?

Koden:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
.head {
    font-family:Verdana;
    font-size:18px;
    font-weight:bold;
    color:#CCCCCC;
    text-align:left;
    text-indent:20px;
}
#newsbar {
    font-family:Verdana;
    font-size:11px;
    font-weight:bold;
    color:#FFFFFF;
    background-image:url(newsbar.gif);
    width:100%;
    padding:6px;
}
#headlines {
    font-family:Verdana;
    font-size:11px;
    list-style-type:none;
    width:100%;
    margin:0;
    padding:10px;
    line-height:20px;
}
#headlines a:link, #headlines a:visited {
    color:#CC3366;
    text-decoration:none;
}
#headlines a:hover, #headlines a:active {
    text-decoration: underline;
}
.newshead {
    font-family:Verdana;
    font-size:18px;
    font-weight:bold;
    color:#666666;
    margin-bottom:5px;
}
.newsdate {
    font-family:Verdana;
    font-size:10px;
    color:#666666;
    margin-bottom:20px;
}
.newstext {
    font-family:Verdana;
    font-size:11px;
    color:#333333;
    margin-bottom:20px;
    margin-right:20px;
    line-height:15px;
}
-->
</style>
</head>

<body style="background-color:#6C90B3; background-image:url(bg.gif); background-repeat:repeat-x">
<div id="content" align="center">
<table style="background-image:url(head.gif); height:40px; width:700px; border-bottom:2px solid #999999" width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td class="head">/eventyrer</td>
  </tr>
</table>
<table style="background-color:#FFFFFF; width:700px" width="100%"  border="0" cellspacing="10" cellpadding="0">
  <tr>
    <td style="width:200px" align="left" valign="top">
    <div id="newsbar">Seneste eventyrer</div>
    <ul id="headlines">
    <li><img src="arrow.gif" alt=""><a href="#">Den lille havfrue</a></li>
    <li><img src="arrow.gif" alt=""><a href="#">Den grimme ælling</a></li>
    <li><img src="arrow.gif" alt=""><a href="#">Keiserens nye klæder</a></li>
    <li><img src="arrow.gif" alt=""><a href="#">Paradisets have</a></li>
    <li><img src="arrow.gif" alt=""><a href="#">Lille Claus og store Claus</a></li>
    </ul>
    </th>
    <td align="left" valign="top">
    <div style="padding-left:20px">
    <div class="newshead">Den lille havfrue </div>
    <div class="newsdate">25 september 2005</div>
    <div class="newstext">
      <p>Langt ude i Havet er Vandet saa blaat, som Bladene paa den deiligste Kornblomst og saa klart, som den reneste Glas, men det er meget dybt, dybere end noget Ankertoug naaer, mange Kirketaarne maatte stilles ovenpaa hinanden, for at række fra Bunden op over Vandet. Dernede boe Havfolkene. Nu maa man slet ikke troe, at der kun er den nøgne hvide Sandbund; nei, der voxe de forunderligste Træer og Planter, som ere saa smidige i Stilk og Blade, at de ved den mindste Bevægelse af Vandet røre sig, ligesom de vare levende. Alle Fiskene, smaae og store, smutte imellem Grenene, ligesom heroppe Fuglene i Luften. Paa det allerdybeste Sted ligger Havkongens Slot, Murene ere af Coraller og de lange spidse Vinduer af det allerklareste Rav, men Taget er Muslingeskaller, der aabne og lukke sig, eftersom Vandet gaaer; det seer deiligt ud; thi i hver ligge straalende Perler, een eneste vilde være stor Stads i en Dronnings Krone.</p>
<p>Havkongen dernede havde i mange Aar været Enkemand, men hans gamle Moder holdt Huus for ham, hun var en klog Kone, men stolt af sin Adel, derfor gik hun med tolv Østers paa Halen, de andre Fornemme maatte kun bære sex. - Ellers fortjente hun megen Roes, især fordi hun holdt saa meget af de smaa Havprindsesser, hendes Sønnedøttre. De vare 6 deilige Børn, men den yngste var den smukkeste af dem allesammen, hendes Hud var saa klar og skjær som et Rosenblad, hendes Øine saa blaa, som den dybeste Sø, men ligesom alle de andre havde hun ingen Fødder, Kroppen endte i en Fiskehale.
Hele den lange Dag kunde de lege nede i Slottet, i de store Sale, hvor levende Blomster voxte ud af Væggene. De store Rav-Vinduer bleve lukkede op, og saa svømmede Fiskene ind til dem, ligesom hos os Svalerne flyve ind, naar vi lukke op, men Fiskene svømmede lige hen til de smaae Prindsesser, spiste af deres Haand og lod sig klappe...</p></div>
    </div>
    </td>
  </tr>
</table>
</div>
</body>
</html>
Avatar billede udvikler Nybegynder
25. september 2005 - 13:35 #1
Du laver et linieskift sådan her <br> og læg mærke til at det ikke skal lukkes ;)
Avatar billede sheva07 Nybegynder
25. september 2005 - 13:37 #2
Ok... tak skal du have.
Hvad synes du om koden generelt?
Og hvad med line-height problemet?
Avatar billede udvikler Nybegynder
25. september 2005 - 13:43 #3
Jamen, der er ikke så meget at sige, koden kunne være bedre, den er ikke html valid. Det kan du forresten tjekke på http://validator.w3.org/
Prøv at finde andre flotte sider sider og klik
Vis --> Kilde
og kig på deres opsætning
Avatar billede sheva07 Nybegynder
25. september 2005 - 13:45 #4
Ja ok, der var lige en smutter som nu er rettet. Men eller er den jo "html-valid". Hvad mener du men at den kunne være bedre?
Avatar billede udvikler Nybegynder
25. september 2005 - 13:47 #5
Jo, den ville være bedre hvis den var valid og havde en bedre opstilling. Gør din kode mere overskuelig, fx læg din css del i et stylesheet, så ville koden fylde halvt så meget. Der var et par ting du kunne gøre :)

Det med line-height ved jeg desværre ikke :)
Avatar billede sheva07 Nybegynder
25. september 2005 - 13:56 #6
Den er valid nu. Det var bare linje 85 hvor </th> skal være </td>.

CSS delen skal også nok komme for sig selv.

Men er det ikke bedere at lave en style på en table hvis jeg ikk skal bruge den mere. F.eks.

<table style="background-color:#FFFFFF; width:700px" width="100%" border="0" cellspacing="10" cellpadding="0">

Stylen her er jo CSS så vidt jeg har forstået. Og hvis jeg f.eks. kun skal bruge denne style til netop denne table, så behøves jeg jo ikke lave en hel id til den eller hvad.
Hvis jeg nu brugte en id så ville den se således ud:

#xxx {
background-color:#FFFFFF;
width:700px;
}

<table id="xxx"; width="100%" border="0" cellspacing="10" cellpadding="0">

Så hvad er bedst?
Avatar billede udvikler Nybegynder
25. september 2005 - 13:58 #7
Det jeg ville vælge er at lave den samlet, altså sådan her:

<table style="background-color:#FFFFFF; width:700px" width="100%" border="0" cellspacing="10" cellpadding="0">

Og når alt hvad jeg har sagt er gjort burde du have en lille, overskuelig og valid kode :)
Avatar billede sheva07 Nybegynder
25. september 2005 - 14:00 #8
Så forstår jeg ikke hvor meget mere overskuelig den kan blive, for den er jo sådan hele vejen!!!
Avatar billede udvikler Nybegynder
25. september 2005 - 14:08 #9
Så er det eneste du kan gøre er at lave det der sylesheet jeg fortalte dig du kunne lave, og ellers intet andet - jeg kan ihvertfald ikke komme i tanke om noget. :)
Avatar billede udvikler Nybegynder
25. september 2005 - 14:20 #10
Tak for points :)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester