/ 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
Runde hjørner med CSS
Fra : Preben Larsen


Dato : 13-11-05 09:57

Hej!

Jeg har eksperimenteret lidt med bokse med runde hjørner stylet
udelukkende med CSS.
Det har været lidt svært at genneskue, hvordan man beregner
bredden af en sådan boks - det har ikke været aktuel på denne
hjemmeside - men det kunne det nemt blive næste gang!
Er der nogen, der hr et bud på det problem? (-for mig er det et
problem!)
Koden er hentet fra www.webdesign101.dk

Med venlig hilsen
Preben Larsen

www.webdesign2005.dk

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

 
 
Preben Larsen (13-11-2005)
Kommentar
Fra : Preben Larsen


Dato : 13-11-05 10:01


> www.webdesign2005.dk

Forkert adresse - sorry!

www.webdegn2005.dk

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

Jørgen Farum Jensen (13-11-2005)
Kommentar
Fra : Jørgen Farum Jensen


Dato : 13-11-05 11:57

Preben Larsen wrote:
> Hej!
>
> Jeg har eksperimenteret lidt med bokse med runde hjørner stylet
> udelukkende med CSS.
> Det har været lidt svært at genneskue, hvordan man beregner
> bredden af en sådan boks - det har ikke været aktuel på denne
> hjemmeside - men det kunne det nemt blive næste gang!
> Er der nogen, der hr et bud på det problem? (-for mig er det et
> problem!)

På samme måde som du altid beregner bredden:
width + padding + border

--

Med venlig hilsen

Jørgen Farum Jensen
http://www.webdesign101.dk


Preben Larsen (13-11-2005)
Kommentar
Fra : Preben Larsen


Dato : 13-11-05 19:23


> På samme måde som du altid beregner bredden:
> width + padding + border

Det har jeg prøvet, men det "splitter" boksen ad!

Mvh
Preben Larsen

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

Jørgen Farum Jensen (13-11-2005)
Kommentar
Fra : Jørgen Farum Jensen


Dato : 13-11-05 23:42

Preben Larsen wrote:
>>På samme måde som du altid beregner bredden:
>>width + padding + border
>
>
> Det har jeg prøvet, men det "splitter" boksen ad!
>

Nu bruger jeg ikke boks-bredde på mine eksempelr på

http://www.webdesign101.dk/css/roundcorners/

men jeg er da rimlig sikker på at det kan lade sig gøre, om
ikke andet så ved at lave en container-boks.

Men er du helt sikker på at du har talt alle border-pixlerne
i begge sider?

--

Med venlig hilsen

Jørgen Farum Jensen
http://www.webdesign101.dk


Preben Larsen (14-11-2005)
Kommentar
Fra : Preben Larsen


Dato : 14-11-05 16:40


> Nu bruger jeg ikke boks-bredde på mine eksempelr på
>
> http://www.webdesign101.dk/css/roundcorners/
>
> men jeg er da rimlig sikker på at det kan lade sig gøre, om
> ikke andet så ved at lave en container-boks.
>
> Men er du helt sikker på at du har talt alle border-pixlerne
> i begge sider?

Jeg har prøvet mig lidt frem og fundet, at det nemmete er at lave
en tilføjelse som fx.:

div#container {
width: 25%;
position: relative;
top: 12em;
left: 12em;
}

- så kan man styre størrelse og placering. Skal man bruge flere
bokse på siden skal id imidlertid ændres til class.

mvh
Preben Larsen

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

Søg
Reklame
Statistik
Spørgsmål : 177501
Tips : 31968
Nyheder : 719565
Indlæg : 6408527
Brugere : 218887

Månedens bedste
Årets bedste
Sidste års bedste