Karl Erik Christensen wrote in dk.edb.internet.webdesign.html:
> On 22-01-2011 14:14, Lars Bjarne Christensen wrote:
> > Da jeg har gode erfaringer med dette forum, drister jeg mig til
> > en nyt indlæg. Jeg kan dog godt se på de aktuelle indlæg, at jeg
> > stadig befinder mig i bunden af "jyllands serien".
> >
> > Jeg er blevet bidt af CSS og vil gerne vide om man kan definer en
> > "DIV" således at den ikke fremstår som en firkantet kasse, men
> > f.eks. med afrundede hjørner.
> > Jeg er klar over at det måske er et dumt spørgsmål, men jeg
> > drister mig alligevel!
> >
> > På forhånd tak!
> >
> > Mvh. Lars
> >
>
> Hej Lars.
>
> Glimrende - der findes ingen dumme spørgsmål, kun dumme svar
>
> En div med runde hjørner er meget lærerigt beskrevet her:
>
http://www.fireandknowledge.org/archives/2004/05/22/rounded-corners-without-images-part-1/
>
> En anden metode, som kræver at browseren kan vise runde hjørner (det kan
> de fleste, bare ikke Internet Explorer før version 9), er at lave en
> class i css:
>
> ..rundehjorner {
> width: XXXpx;
> font-size: XXpx;
> color: #XXX;
> padding: XXpx;
> border: 1px solid #000;
> border-top-left-radius: 10px;
> border-top-right-radius: 10px;
> border-bottom-left-radius: 10px;
> border-bottom-right-radius: 10px;
> -moz-border-radius-topleft: 10px;
> -moz-border-radius-topright: 10px;
> -moz-border-radius-bottomleft: 10px;
> -moz-border-radius-bottomright: 10px;
> }
> (Udskift XX med det antal pixel og farver du ønsker. Eksperimenter med
> radius, det lærer du også en hel del ved.)
>
> Der er 2 typer af browsere, derfor er det nødvendigt at definere de
> runde hjørner på 2 måder.
>
> De runde hjørner fås ved, i din html-fil at definere:
>
> <div class="rundehjorner">
> <h1>Runde hjørner</h1>
> <p>Dit indhold ..................... </p>
> </div>
>
> God fornøjelse.
>
> Karl Erik.
Hej Karl Erik!
Det gik bedre end jeg turde håbe. Jeg er i den grad blevet grebet af CSS, at jeg ligefrem
drømmer om det om natten. Tak for dit svar som ser meget interessant ud og er nu gemt i min
videntank. Jeg er en årgang 1952 og har brug for lidt tid til at fordøje nye ting af denne
kaliber. Sagen er at jeg har lavet et forslag til en ny side på
www.lbc-webtest.dk og gerne
ville lave den nederste bundlinie med runde kanter. Jeg har set det på andre sider og ville
gerne selv lære fidusen. Det svære for mig er hvordan jeg implementer koden i den lavede
"DIV" bund. Jeg har lavet en template og vil gerne implementer den, således at alle nye sider
ser ens ud med runde kanter på bunden.
Endnu en gang tak for din interesse og hjælp!
Mvh. Lars
>
> --
>
http://dmwebdesign.dk - DM i Webdesign
>
http://www.tyveri-check.dk - Snyd tyven før han snyder dig!
>
http://webdesign.ranunkelvej.com - Artikler om webdesign
>
--
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