Runde kanter på Border's

[Mellet]

Tittel sier vell det meste.

 

Hvordan kan jeg lage runde kanter på border's

 

Eksempel

[Scix]

-moz-border-radius:10px;

 

Denne koden lager den runde formen på border

<style>
div
{
-moz-border-radius:10px;
border: 1px solid black;
width: 100px;
height: 100px;
}

</style>
<div>
test
</div> 

 

bare et døme

Endret 12. mai 2005 av Scix

[Mellet]

Hva om jeg bare vil ha hjørnene i toppen runde?

[Prodigy_]

Hva om jeg bare vil ha hjørnene i toppen runde?

Sjekk kildekoden på den siden da vel...

[Mellet]

Hva om jeg bare vil ha hjørnene i toppen runde?

Sjekk kildekoden på den siden da vel...

Japp, men hjelper meg lite med å vite hvordan jeg setter runde hjørner kun i de to øverste hjørnene..:S

[potetskrell]

Hva om jeg bare vil ha hjørnene i toppen runde?

Det hjelper heller lite med den snutten det. Ikke alle nettlesere støtter den, feks IE!!

 

Her er lenka til hvordan å lage runde kanter.

 

[Mellet]

Hmm..

 

Hvordan har da han fått Teksten oppå Border?

 

Her..

[Prodigy_]

Hmm..

 

Hvordan har da han fått Teksten oppå Border?

 

Her..

Du bruker legend-elementet.

Eks:

<fieldset>
<legend>Test</legend>
</fieldset>

 

Edit: Glemte en ting i koden.

Endret 12. mai 2005 av Prodigy_

[Mellet]

Funket ikke å bare bruke <legend>

[Prodigy_]

Funket ikke å bare bruke <legend> 

Glemte å si at du må bruke fieldset for at det skal funke. Har endret eksempelet mitt i et par poster over.

Endret 12. mai 2005 av Prodigy_

[Dunestar]

Nifty Corners.

[Mellet]

Funket ikke å bare bruke <legend> 

Glemte å si at du må bruke fieldset for at det skal funke. Har endret eksempelet mitt i et par poster over.

Skal teste

 

Edit: Funker nå

Endret 12. mai 2005 av Mellet

[_Paulsen_]

Funket ikke å bare bruke <legend> 

Hvis du omslutter <lengend> med <fieldset> (og avslutter dette etter legend selvfølgelig) så tror jeg det skal fungere

 

<fieldset>
<legend>Test</legend>
</fieldset>

 

EDIT: Var litt treg der ja, hehe

Endret 12. mai 2005 av OShea22