Hvordan med bredde her?

- og lige et tillægsspørgsmål:
Hvordan kan man i stylen gøre sådan at paragrafen er placeret i midten af siden og at teksten deri også er centreret?

\Dan

<p style="font-family:Verdana;font-size:10pt;color:#ff0000;font-weight:bold;background-color:#c0c0c0;width:200px;overflow:hidden;text-align:center;" onmouseover="this.style.color='#000000';" onmouseout="this.style.color='#ff0000';">
Tilbage
</p>

Sådan?

width:200px; = Bredden!

Hejsa!

Ja den er der næsten!

- men der skal helst ikke defineres nogen bredde! Bredden skal bare være det som teksten fylder...

\Dan

- og så skal det hele også centreres - sådan at "boksen" er på midten af siden og ikke i venstre side som nu!

\Dan

<div align="center">
<p style="font-family:Verdana;font-size:10pt;color:#ff0000;font-weight:bold;background-color:#c0c0c0;width:auto;text-align:center;" onmouseover="this.style.color='#000000';" onmouseout="this.style.color='#ff0000';">
Tilbage
</p>
</div>

Sådan så?;o)

<ole>

p-elementet er et block-element og fylder derfor hele bredden af det omkransende element.

Brug f.eks. et span- element i stedet. Det er et inline-element - og sådan et fylder ikke mere end indholdet

/mvh
</bole>

- til gengæld giver et inline-element ikke linjebrud før og efter elementet - det må du lave 'manuelt'  :)

Hej webstuff!

Tjae sådan her, så er den faktisk som jeg vil have den:
<div align="center">
<p style="font-family:Verdana;font-size:10pt;color:#ff0000;font-weight:bold;background-color:#c0c0c0;width:1px;text-align:center;" onmouseover="this.style.color='#000000';" onmouseout="this.style.color='#ff0000';">
Tilbage
</p>
</div>

- men det er vel ikke helt etisk korrekt at angive width til bare 1px...?

For hvis man skriver auto så er bredden stadig hele skærmen!

\Dan

Du kan evt. skrive:
display:inline;
i stedet for.
Så skal du bare huske som Ole siger - "at lave linjeskift manuelt" :-)

Men det virker?

OK! Jeg har fået det til at virke nu! Smid et svar begge to - så laver vi en "deler"...

\Dan

Resultatet blev det her:
<div align="center">
<span style="font-family:Verdana;font-size:10pt;color:#ff0000;font-weight:bold;text-align:center;display:inline;" onmouseover="this.style.color='#000000';" onmouseout="this.style.color='#ff0000';" onclick="java script:history.go(-1); this.style.backgroundColor='#f0f0f0';">
Tilbage
</span>
</div>

\Dan

-- og den bør forbedres sådan:

<div style="text-align:center;">
<span style="font-family:verdana,sans-serif;font-size:10px;color:#f00;font-weight:bold;text-align:center;" onmouseover="this.style.color='#000';" onmouseout="this.style.color='#f00';" onclick="history.go(-1); this.style.backgroundColor='#f0f0f0';">
Tilbage
</span>
</div>

1. Sæt altid nutidige attributter, f.eks. en style text-align i stedet for align !o]
2. Du bør altid bruge en generisk font som reserve.
3. Brug en skærmstørrelse til at definere størrelser i css, visse browsere er så grimme, at de finder på at tage papirstørrelsen pt alvorligt (et typografisk punkt er ca. 0,35 mm, en pixel er typisk 0,2 - 0,28 mm !-)
4. Jeg forkortede de farve-angivelser, der kunne forkortes (#f00 = #ff0000)
5. Et spantag er et inline-tag i forvejen, så det behøver man ikke at fortælle det !o]

6. Du bør _aldrig_ bruge java script: pseudoprotokollen i events ...

Hov, jeg overså, at text-align på et inline-tag er overflødig:

<span style="font-family:verdana,sans-serif;font-size:10px;color:#f00;font-weight:bold;" onmouseover="this.style.color='#000';" onmouseout="this.style.color='#f00';" onclick="history.go(-1); this.style.backgroundColor='#f0f0f0';">

Hej roenving

Jamen dit sidste forslag er jo ikke centreret! Jeg vil gerne have hele tagget i center og bredden på taggen skal IKKE være mere end det teksten fylder...

\Dan

Diven udenom skal selvfølgelig stadig være der !-)

og et svar ;o)

Ja olebole og roenving vil I ikke smide et svar også?

\Dan

- gerne  :)

Oki '-)

- tak for hjælpen allesammen!

Selv tak og tak for point :-)

-- og jeg takker også for point ;~}