Søg
Avatar billede radiohead Nybegynder
26. januar 2006 - 23:39 Der er 5 kommentarer og
1 løsning

Afrundede hjørner er mig et mysterium

Hej

Faldt over en side fra CSS zengarden.
http://csszengarden.com/?cssfile=/174/174.css

Alle elementer på siden er sat i de der små afrundede bokse.
Jeg troede selvfølgelig at det bare var små billeder dasket op i hvert hjørne, men det er det ikke..?

Undrer mig nu over hvordan det er lavet?

Da jeg er ret newb i CSS, havde jeg lidt svært ved at gennemskue om svaret var gemt i stylesheetet.

Kan i hjælpe?
Avatar billede radiohead Nybegynder
26. januar 2006 - 23:40 #1
de afrundede bokse består jo bare af "container_bg.gif", som er en lang 1-2px bg
Avatar billede stich Nybegynder
27. januar 2006 - 00:03 #2
Der bruges absolut positionering. Læs fx om det på:
http://www.brainjar.com/css/positioning/default.asp
eller hvor man ellers kan finde noget om det:
http://www.google.com/search?q=positioning+tutorial
http://www.google.dk/search?q=absolut+positionering
Avatar billede radiohead Nybegynder
27. januar 2006 - 00:07 #3
Forstår ikke hvordan positioning kan forklare de afrundede hjørner?

http://www.brainjar.com/css/positioning/default.asp er vist nede pt.
Avatar billede stich Nybegynder
27. januar 2006 - 00:17 #4
Well, man har jo nogle billeder med de runde hjørner, fx http://csszengarden.com/174/explanation_top.gif, som man bruger som baggrundsbillede i en container. Dem positionerer man så, så de fx ligger i toppen eller bunden af containeren.
Avatar billede radiohead Nybegynder
27. januar 2006 - 00:26 #5
Ahh, så det er altså billeder... Godt nok så.

Det der snød mig var at man ikke kunne højreklikke og gemme hjørnerne. Så gemmer den bare den der "container_bg.gif"...

Tanks
Avatar billede stich Nybegynder
27. januar 2006 - 00:29 #6
Yep. Prøv fx at vælge Page Info i Firefox, og derefter Media-fanen. Derunder kan man se de billeder browseren har forsøgt at indlæse.

Velbekomme, og tak for poins.
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 14:53 TV4ever 3.0 Af valby i Diverse
01/0816:21 Installere Ubuntu på Virtuel Maskine Af Uvanga i Andet software
01/0809:38 Microsoft har igen ødelagt mit højreklik Af valby i Windows
30/0714:41 To mails fra YouSee - Jeg tror ikke altid på tilfældigheder Af mort1 i Andet sikkerhed
27/0714:34 Hjælp til at kunne skanne negativer på Plustek 8300i SE Af Mariann i Foto & video
White papers
Flere white papers »