/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
Kanten breder sig for langt
Fra : Mark Jespersen


Dato : 27-06-04 00:10

Jeg har illustreret mit problem ved hjælp af et eksempel:

<html>
<head>
<title>Css-afprøvning</title>
<style type="text/css">
p {border:thin solid black}
</style>
</head>

<body>
<p>Hvorfor går rammen helt ud til højresiden?</p>
</body>

</html>

Problemer er, at kanten går helt ud til højresiden. Hvordan får
man kanten til at stoppe efter teksten og slutte op om teksten?


--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

 
 
Knud Gert Ellentoft (27-06-2004)
Kommentar
Fra : Knud Gert Ellentoft


Dato : 27-06-04 01:13

Mark Jespersen skrev:

>Problemer er, at kanten går helt ud til højresiden. Hvordan får
>man kanten til at stoppe efter teksten og slutte op om teksten?

Ved at sætte width på <p>, uden widthangivelse bruges default,
der er 100%.

p {border:thin solid black; width: 200px}

Vil du være fri for at regne størrelsen ud på teksten, så smid
teksten i en <span> og sæt border på denne.

..ramme {border: thin solid black}

<p><span class="ramme">her er en tekst med border</span></p>

Grunden til forskellen er at <p> er et blockelement, som kræver
en width angivet (hvis ikke, så bruges som nævnt default width:
100%).

En span er et inlineelement, som man ikke kan sætte width på og
som kun fylder det <span> omkranser.


--
Knud

Andreas Haugstrup Pe~ (27-06-2004)
Kommentar
Fra : Andreas Haugstrup Pe~


Dato : 27-06-04 08:47

Knud Gert Ellentoft <ellentoft@mail.tele.invalid> wrote in
news:qi3sd05cuvd34e5ld5j64tshgv60a68qq5@dtext.news.tele.dk:

> Ved at sætte width på <p>, uden widthangivelse bruges default,
> der er 100%.

En lille rettelse til en ellers udmærket forklaring. Default width er
'auto' og ikke '100%'. Hvis du ikke har padding og borders er 'auto' godt
nok det samme som '100%'.

--
Personal: <http://www.solitude.dk>
File Thingie - PHP File Manager <http://www.solitude.dk/filethingie/>

Søg
Reklame
Statistik
Spørgsmål : 177560
Tips : 31968
Nyheder : 719565
Indlæg : 6408946
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste