---

Jeg forsøger at lave runde hjørner uden grafik (a la
http://www.webdesign101.dk/css/roundcorners/eksempel_1.html), men der er
noget, som jeg ikke har forstået rigtigt - det ser forkert ud!

http://www.ps.lotte-m.dk/index.php

Mon en af jer kan hjælpe mig? Målet en tynd hovedramme, med runde hjørner.
--
Mange hilsner
Lotte M

http://www.lotte-m.dk

---

Lotte skrev:
> Jeg forsøger at lave runde hjørner uden grafik (a la
> http://www.webdesign101.dk/css/roundcorners/eksempel_1.html), men der er
> noget, som jeg ikke har forstået rigtigt - det ser forkert ud!
>
> http://www.ps.lotte-m.dk/index.php
>
> Mon en af jer kan hjælpe mig? Målet en tynd hovedramme, med runde hjørner.
Du mangler at få fyldt dine <b class="b1">&nbsp;</b> med noget.
Om det er der skoen trykker ved jeg ikke.
Gælder både b1,b2,b3,b4




--
Venlig Hilsen
Lars Raaby
www.8840.dk
side med runde hjørner

---

On Sun, 30 Mar 2008 21:15:28 +0200, Lotte wrote:

> Mon en af jer kan hjælpe mig? Målet en tynd hovedramme, med runde hjørner.

Du skal ikek have border på din hovedramme, den skal være på en
box-ramme indeni de <b> er, der er øverst og nederst.

--
Leonard
"Hvis General Motors havde fulgt udviklingen i samme takt som
computerindustrien, ville en bil koste 25 dollars og køre 5.000 km på
literen." Bill Gates

---

Leonard skrev:
>> Mon en af jer kan hjælpe mig? Målet en tynd hovedramme, med runde hjørner.
>
> Du skal ikek have border på din hovedramme, den skal være på en
> box-ramme indeni de <b> er, der er øverst og nederst.

Hmm, jeg gør stadig noget forkert.

Nu er siderammen væk og der er en fed kant øverst og nederst.
Jeg vil gerne have en tynd ydre ramme med runde hjørner.
Det er sikkert pærenemt, men der noget, som jeg ikke har forstået rigtigt.
/Lotte

---

Lotte skrev:
> Leonard skrev:
>>> Mon en af jer kan hjælpe mig? Målet en tynd hovedramme, med runde
>>> hjørner.
>>
>> Du skal ikek have border på din hovedramme, den skal være på en
>> box-ramme indeni de <b> er, der er øverst og nederst.
>
> Hmm, jeg gør stadig noget forkert.
>
> Nu er siderammen væk og der er en fed kant øverst og nederst.
> Jeg vil gerne have en tynd ydre ramme med runde hjørner.
> Det er sikkert pærenemt, men der noget, som jeg ikke har forstået rigtigt.
> /Lotte
>

Hvis du nu ændrede
<div id}"boks">
til
<div id="boks">
ville det måske hjælpe.

Valider altid dine sider hos
http://validator.w3.org
før du fortvivler.

Må jeg anbefale Chris Pedericks
Web Developer Toolbar til Firefox?
Det er en værktøjslinje der gør alle
slags fejlfinding til en leg. Findes
i dansksproget udgave.

--

Med venlig hilsen
Jørgen Farum Jensen
Håndbog i webdesign: http://webdesign101.dk/wwwbog/udgave2/
Webdesign med stylesheets: http://webdesign101.dk/cssbog/
..

---

Jørgen Farum Jensen skrev:

> Hvis du nu ændrede
> <div id}"boks">

Grr, dum slåfejl, tak!

Desværre var den ikke alene årsagen til mit problem.
--
Mange hilsner
Lotte M

http://www.lotte-m.dk

---

Lotte skrev:
> Jørgen Farum Jensen skrev:
>
>> Hvis du nu ændrede
>> <div id}"boks">
>
> Grr, dum slåfejl, tak!
>
> Desværre var den ikke alene årsagen til mit problem.

Ok, først nu ser jeg at det er hovedrammen,
du arbejder med. Når jeg kigger på dit stylesheet
ser det ud til at du har overset forskellen på
border-color på b-elementerne, som skal være gray, og
baggrundsfarven på de samme elementer, som skal være hvid.

Hvert b tegner en 1 pixel høj boks på skærmen. Det er
border-left og border-right på disse elementer, der skaber
rammeeffekten, mens background-color på elementerne skal
have samme farve som boksens indhold. Højre og venstre
rammekant skabes af border-left og border-right på hele
boksen.

--

Med venlig hilsen
Jørgen Farum Jensen
Håndbog i webdesign: http://webdesign101.dk/wwwbog/udgave2/
Webdesign med stylesheets: http://webdesign101.dk/cssbog/
..

---

Jørgen Farum Jensen skrev:

> Ok, først nu ser jeg at det er hovedrammen,
> du arbejder med. Når jeg kigger på dit stylesheet
> ser det ud til at du har overset forskellen på [...]

Ja, det hjalp, nu er det næsten rigtigt.
Min siderborder fanger ikke rundingen - det kan jeg ikke få den til.
--
Mange hilsner
Lotte M

http://www.lotte-m.dk