<p> tags giver en break

float:left; , float:right; eller display:inline;
Jeg anbefaler dog at du vælger et element der er
inline istedet, hvis du ikke skal bruge break.

nu har jeg prøvet lidt med begge, men hvorfor rykker de hele tiden til venstre lige meget hvad jeg gør. det er denne linje her
echo '<td><p class="nyhederdato1">'.$date.'</p><p class="nyhederdato2"> '.$row["forfatter"].'</p></td>';

jeg vil have date i midten og forfatter til højre

Tjah, så kan du vel bruge display:inline; ...
... Men, som jeg skrev så anbefaler jeg at du
vælger at bruger et element der passer til
dit behov som f.eks. et span element ...

- Du kan selvfølgelig også kaste noget margin
left / right (eller padding) på de to elementer
samtidig med float:left eller right og så få
det til at se ud som du ønsker, uden brug
af andet element eller display:inline.

... Eksempel:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

<style type="text/css">
td {width:300px;background:red;text-align:center;}
p {display:inline;}
</style>

</head><body><table><tr>
<td><p>date</p><p>forfatter</p></td>
</tr></table>

<table><tr>
<td><span>date</span><span>forfatter</span></td>
</tr></table>
</body></html>

Sæt margin:opx; på :)

* Sæt margin:0px; på.

Spørsgmåls quote: "<p> tags giver en break
... har prøvet at ændre margin: -2px; men så trækker den det hele sammen."

- Umiddelbart går jeg udfra at problemet er at to p elementer
breaker ... altså at de er block elementer og derfor ikke står
udfor hinanden, men istedet står under hinanden og at det mere
er problemet med block tildelingen end problemet med margin.

ja altså det er det der er problemmet. de skulle stå på samme linje men kom hele tiden under hinanden. hvordan ændre man block tildelingen ?

Har du læst 22/04-2007 15:33:34 ?

- Du angiver p {display:inline;}
... Men som nævnt anbefaler jeg at
du vælger et andet element, f.eks.
span som i 22/04-2007 15:40:19.

jo jeg har læst det men tror bare ikke jeg forstår det helt.

nu har jeg prøvet følgene
<td><p>date</p><p>forfatter</p></td>
<td><span>date</span><span>forfatter</span></td>

og men det virker ikke efter hensigt. Selv om jeg går ind og definere det i css, så kommer de på samme linje men, det bliver smidt til venstre jeg kan ikke få dato i center og forfatter til højre.. er det mig der er helt væk ?

Du har ikke taget den text-align:center; med på den ydre td,
men når du skal have centreret den ene og højre justeret den
anden er det nok mere noget i denne stil du skal bruge:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

<style type="text/css">
.tden {width:300px;background:red;}
.pr {position:relative;}
.date {margin:0px auto;width:100px;background:blue;}
.writer {position:absolute;right:0px;top:0px;}
</style>

</head><body><table><tr>
<td class="tden"><div class="pr"><p class="date">date</p><p class="writer">forfatter</p></div></td>
</tr></table>

</body></html>

- Vær dog opmærksom på at hvis forfatter bliver for lang ryger
teksten ind under dato og du kan så ikke se forfatterens navn længere.
En alternativ løsning kunne være at lege med f.eks. margin eller padding:



<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

<style type="text/css">
.tden {width:300px;background:red;}
.date {float:left;padding-left:125px;width:50px;}
.writer {float:right;}
</style>

</head><body><table><tr>
<td class="tden"><p class="date">date 0 0</p><p class="writer"> . .. .. . . .forfatter</p></td>
</tr></table>

</body></html>

hey der kan man bare se det nedester eksempel virked :) du skal have tusind tak for din hjælp og din tålmodighed :)

hvad er det lige dette gør {float:left;padding-left:125px;width:50px;}

tror jeg var lidt for hurtig :) den stiller datoer sådan her nu ? nogen gode forslag 

16
-
04
-
07

float:left; - Elementet "flyder" til venstre.
padding-left:125px; - Elementet har 125px indhold ekstra i venstre side.
width:50px; - Elementet er 50px bredt.

... Det ses nok bedst ved at teste eksemplerne:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

</head><body>
<div style="float:right;background:#ff0;">Flyder til højre (og gul baggrund)</div><br><br>
<div style="float:left;background:#ff0;">Flyder til venstre (og gul baggrund)</div><br><br>
<div style="background:#ff0;">Flyder ingensteder (og gul baggrund)</div><br><br>
<br>
<div style="width:50px;background:#ff0;">50px bredt (og gul baggrund)</div>
<div style="width:50px;padding-left:125px;background:#ff0;">50px bredt, 125px left padding (og gul baggrund)</div>
</body></html>

"tror jeg var lidt for hurtig :) den stiller datoer sådan her nu ? nogen gode forslag"
Ja, udvid width (bredden) så datoen har mere plads at stå på ...
f.eks.: .date {float:left;padding-left:100px;width:100px;}
- Justeret padding ned, så den stadig skulle være centreret.

- Husk dog på at ved brug af den nederste af løsningerne i 22/04-2007 17:41:16
vil forfatter hoppe ned, hvis der ikke er plads til hele forfatterens navn.
Udvid evt. selve boksen .tden {width:300px;background:red;} for at kompensere
for forfatternavnets længde, eller sæn padding på date ... det kan dog påvirke
centreringen hvis tallene ikke er balanceret af med hinanden.

okay takker :)

nej den flytter sig bare :S det er underligt hvis man rykker date helt ud til venstre bliver den vidst korrekt

Ja, og årsagen er at der så ikke er plads til at dato kan være centreret på samme
linje som forfatter, medmindre det står oveni hinanden så man ikke kan se det
(eksempel 1 i 22/04-2007 17:41:16) - ikke så smart. Eller medmindre man gør
elementet som de to ting er i størrer, så der er mere plads til indholdet.



<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

<style type="text/css">
.tden {width:400px;background:red;}
.date {float:left;padding-left:160px;width:80px;}
.writer {float:right;}
</style>

</head><body><table><tr>
<td class="tden"><p class="date">16 - 04 - 07</p><p class="writer"> . .. .. . . .forfatter</p></td>
</tr></table>

</body></html>

ahh tak nu virker det efter hensigt :=)

jeg bruger denne her

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

<style type="text/css">
.tden {width:400px;background:red;}
.date {float:left;padding-left:160px;width:80px;}
.writer {float:right;}
</style>

</head><body><table><tr>
<td class="tden"><p class="date">16 - 04 - 07</p><p class="writer"> . .. .. . . .forfatter</p></td>
</tr></table>

</body></html>

Super, og tak for point :o)

det er mig der takker ^.^