Avatar billede super-mann Juniormester
03. august 2008 - 19:15 Der er 10 kommentarer og
1 løsning

Buer for enden med CSS

Kan jeg med CSS, lave en "ramme" i farve om min <div>, som også buer for enderne (right/left)? En halv cirkel i enderne, af en 760px menu.

P.f.t.
Avatar billede olebole Juniormester
03. august 2008 - 21:19 #1
<ole>

Nej, buer er ikke en del af CSS. FF kan noget, men det er ikke standardiseret og virker derfor ingen andre steder. Brug grafik i stedet  =)

/mvh
</bole>
Avatar billede olebole Juniormester
03. august 2008 - 21:22 #2
- men det bliver en del af CSS version 3, når det engang bliver aktuelt  =)
Avatar billede wanze Nybegynder
04. august 2008 - 09:16 #3
Du kan dog godt lave det uden grafik, men koden er lidt lang. Se fx http://spiffycorners.com/.
Avatar billede olebole Juniormester
04. august 2008 - 23:08 #4
- og man fylder sin markup med en masse 'ligegyldige' elementer  :o(
Avatar billede wanze Nybegynder
08. august 2008 - 17:34 #5
og med grafik fylder man sin server med en masse 'ligegyldig' grafik ;-)

CSS-løsningen er jo klart den mindst båndreddeskrævende. Du siger jo bare, at den er grim, fordi du kan se den en masse ragelse i kildekoden. Med grafik er der jo endnu mere ragelse, det er bare gemt som i et billedeformat.
Avatar billede olebole Juniormester
09. august 2008 - 16:35 #6
Mon ikke du burde holde dig til noget, du ved noget om i stedet for at fylde tråden op med ligegyldige gætterier omkring årsagerne til, hvorfor jeg skriver, som jeg gør?  =)
Derudover har min pointe intet med båndbredde at gøre
Avatar billede super-mann Juniormester
10. august 2008 - 14:51 #7
Lukker dette spm., da det ikke kan lade sig gøre.. Valgt at gøre det på den "gamle måde", med grafik osv.
Avatar billede wanze Nybegynder
10. august 2008 - 15:20 #8
olebole: Hvad snakker du om? Du siger jo lige netop, at det fylder kildekoden med en masse ligegyldige elementer. Hvis ikke det er det du mener, så må du udtrykke dig bedre. Du har ikke forklaret mig, hvad der er galt med min CSS-løsning ordentligt, åbenbart. Jeg ved ganske udmærket, hvad jeg taler om.
Avatar billede olebole Juniormester
10. august 2008 - 16:35 #9
Eksemplet fylder en masse unødige, tomme b-elementer - som er nogle af de vigtige elementer i forbindelse med søgemaskiners indeksering af dokumenter.

Er der tale om lidt større buer, skal der bruges rigtig mange gange flere elementer, end tilfældet er, hvis man bruger grafik.

Mange unødige elementer er dårligt i forhold til søgemaskiner. Mange unødige elementer sløver browseren - både når der siden skal styles udfra stylesheets og når DOM'en senere skal tilgås af script.

Desuden bliver stylesheet'et fyldt med unødige regler og dermed unødigt uoverskueligt ... og langsommere at indlæse.

Til gengæld har jeg svært ved at se de store fordele ved metoden  =)
Avatar billede wanze Nybegynder
10. august 2008 - 17:02 #10
Fordelen er båndbredde.
Det er ikke nødvendigt at bruge <b>-tags, du kan bruge et hvilket som helst ikke-semantisk tag, så som <span>.
Han har her tilsyneladende ikke behov for kæmpe buer, så det er fuldstændig irrelevant, at man ved kæmpe buer skal bruge mange tags. Jeg siger ikke, at al grafik skal erstattes af CSS.
Unødvendige tags så som rounded corners har ingen betydning for søgemaskineoptimering, hvis det gøres rigtigt.
Stylehseet skal fyldes med unødvendige regler - ja, og hvad så? Med din løsning skal klienten også bruge tid på at hente og tegne et billede.
Avatar billede olebole Juniormester
10. august 2008 - 23:05 #11
Hvis vi taler gif eller png, fylder den slags uhørt lidt, så det batyder ikke ret meget. Til gengæld skal jeg selv - og højst sandsynligt også andre - sidde og rode med min markup og mine stylesheets mange gange, så de to ting skal naturligvis være så overskuelige, som overhovedet muligt.

Bedre overskuelighed var/er jo faktisk en meget væsentlig begrundelse for indførelsen af CSS teknologien. Der ikke nogen, der kan bilde mig ind, at brugen af span elementer til at lave buede hjørner med, bidrager til overskueligheden af markup eller stylesheets ... tværtimod!

På den anden side: Hvis du synes, runde hjørner, lavet på den måde, er vidunderlige - så værsågod. Different strokes for different folks  =)
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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.

Du kan også logge ind via nedenstående tjenester