Gå til innhold

Hvordan lage avrundede kanter?


Anbefalte innlegg

Skrevet (endret)

Mange har avrundede hjørner på sidene sine, jeg lurer hvordan du lager dem til hvorfor bruker du denne metoden?

Kansje dette er et dumt innlegg og jeg ikke skulle skrevet det, men det er for å vite hvordan andre gjør ting.

 

Selv bruker jeg å lage et bilde som jeg setter som bakgrunnsbilde på en div som jeg senere posisjonerer til.

Endret av Equerm
Videoannonse
Annonse
Skrevet (endret)

Min metode er den jeg har brukt på www.unrealized.org og www.webhostnr1.com. Fordi det er statisk bredde på disse sidene funker metoden min fint.

Lager først et avrundet design i photoshop. Så deler jeg opp designet i en header, en bakgrunn til resten av siden og en footer. Setter dem opp slik i HTML:

<div id="header"></div>
<div id="innhold">
Innhold
</div>
<div id="footer"></div>

 

Grunnen til at jeg bruker denne metoden er at jeg ikke har funnet noen metoder som er mer effektive til mine behov.

 

Edit: Du spør etter avrundede kanter.. Dette var iallefall slik jeg lager avrundede hjørner..

Endret av lokaltog
Skrevet

ehm... koden min er _logisk_ så den _skal_ funke. Sjå over sjøl og finn feil du, men av og til så gjør firefox rare ting... ser ut som om hjørna har fått en pixel marg på høgre side elns, som ikkje er tilfelle.

Skrevet

I og med at FireFox enda ikke er ved første ferdige versjon ( 1.0 ) så gidder hvertfall ikke jeg å pirke så veldig på alle problemene den skaper..

Skrevet
ehm... koden min er _logisk_ så den _skal_ funke. Sjå over sjøl og finn feil du, men av og til så gjør firefox rare ting... ser ut som om hjørna har fått en pixel marg på høgre side elns, som ikkje er tilfelle.

Er ikke så flink med div's/css så eg veit ikke hva det kan vere som er galt,uansett følte det var greit å si i fra i hvert fall :)

Skrevet
I og med at FireFox enda ikke er ved første ferdige versjon ( 1.0 ) så gidder hvertfall ikke jeg å pirke så veldig på alle problemene den skaper..

HALLO!? Nå er faktisk FF mye bedre enn f.eks IE, og IE er faktisk kommet til versjon 6! Det sier ikke litt, men mye.

 

Det er IE som lager problemer, det har vi jo sett gang på gang. Ang. testsiden, så ser den ikke alltid like god ut i IE heller. Om du drar den helt bort, og lager IE smal og høy, legger høyre hjørne seg over til venstre... Dette er selvfølgelig et tilfelle som mest sannsynlig ikke kommer til å forekomme, annet enn på PDA og mobil, kanskje.

Skrevet
Vel uansett.. IE er mer brukt, derfor bruker jeg heller tiden på å debugge for å få alt til å fungere i Opera og MSIE.

ja, selvfølgelig gjør vi det feil vei...

Skrevet

Har jo sider som er kompatible i alle browsere, men prioriterer jo selvfølgelig de som blir mest brukt!

 

Du vil jo at flesteparten av de besøkende skal få et godt inntrykk?

Skrevet
ehm... koden min er _logisk_ så den _skal_ funke. Sjå over sjøl og finn feil du, men av og til så gjør firefox rare ting... ser ut som om hjørna har fått en pixel marg på høgre side elns, som ikkje er tilfelle.

Får den ikke til å fungere skikkelig i IE heller :dontgetit: .

Skrevet
Har jo sider som er kompatible i alle browsere, men prioriterer jo selvfølgelig de som blir mest brukt!

 

Du vil jo at flesteparten av de besøkende skal få et godt inntrykk?

Kommer an på hvem målgruppa er... Hvis det er venner av deg, samt folk fra forumet osv, så kan det jo være like greit å optimalisere den for opera... Uansett er det jo optimalt sett best å få folk til å bytte browser til FF eller Opera.. :p

Skrevet
Vel uansett.. IE er mer brukt, derfor bruker jeg heller tiden på å debugge for å få alt til å fungere i Opera og MSIE.

Det er flere som bruker Mozilla-baserte nettlesere enn Opera.

Skrevet

Forresten, grunnen til at det blir slik når du knepper sammen vinduet, er at elementa havner litt oppå kverandre på en måte, pga float left/right som er brukt for å plassere hjørna.

 

Ingen som surfer med så smale vinduer likevel, er det?

Dette er selvfølgelig et tilfelle som mest sannsynlig ikke kommer til å forekomme, annet enn på PDA og mobil, kanskje.

Med mindre det er en høgoppløselig skjerm og en grafisk nettleser vil ikkje grafikken bli vist i det heile tatt på en mobil/PDA. Sådesså! :woot:

Skrevet
Jeg trodde denne tråden handlet om hvordan man får til hjørnet..? Men har går det i og finne feil :hmm:

Luzifer: Syns du den bumpen var mye bedre? :hrm:

 

Her diskuterer vi hvordan man kan lage egendefinerte hjørner, ja, og vi diskuterer metodene som blir nevnt. Jeg ser ikke noe galt i det.

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
  • Hvem er aktive   0 medlemmer

    • Ingen innloggede medlemmer aktive
×
×
  • Opprett ny...