David Trasbo skrev:
> > Nu har jeg ikke kigget på webdesign101, men her der nogle
> > forskellige forslag:
> >
> >
http://css-discuss.incutio.com/?page=RoundedCorners
> >
>
> De må også meget gerne være på dansk.
Du kan desværre ikke få i pose og i sæk! du stiller rimeligt mange
krav. Desværre er det sådan at der er rigtigt mange teknikker der
bliver udviklet af nogle ganske få mennesker, og langt de fleste er
engelsktalende, så hvis man vil have den primære kilde besøger man dem.
Jørgen Farum Jensen og hjemmesideskolen gør et ganske fornemt job i at
få oversat nogle af metoderne til dansk. Så hvis du synes noget er
svært så træk vejret dybt og start forfra. Vi er her stadig. Men blot
fordi noget er svært er det ikke ensbetydende med at man bare skal give
op. Der findes desværre ikke altid en let løsning.
Her er så en hurtig metode! Det kræver en fast bredde!
koden ser ud som følger.
<div id="kasse">
<p>dlkdfjalæfkajsdflskdfj asldfsdf</p>
</div>
det der så sker er at du i din css for id=kasse sætter et
baggrundsbillede i toppen med de øverste hjørner afrundet. og laver
derefter en for din p med baggrund nederst og de nederste hjørner
afrundet. (søg endelig på google efter "Sliding doors" technique, da
det er den der bliver brugt her!)
CSS:
#kasse {
background-color: #den farve som kassen nu skal have.)
background-image: url(et eller andet) top left;
}
#kasse p {
background-image: url(et billede) bottom left;
}
Så skulle den være nogenlunde på plads. Dette er hovedprincippet i den
teknik jeg omtalte før. at man har en omkransende div som man giver et
billede enten til venstre eller helt i toppen (og som ikke fylder det
hele!) giver skidtet en baggrundsfarve også. Dernæst giver man
indholdet i kassen en tilsvarende grafik i bunden eller til højre, og
så kan tingene skaleres enten til højre eller nedaf!
Claus