template og afrunde hjørner

Tags:    html css

<< < 12 > >>
Hey med jer..

Jeg har lavet lidt gfx i form af banner og lidt til at smide ind i min test page, men hvordan får jeg det ind? Jeg ved godt, at man bruger
Fold kodeboks ind/udKode 

men det får sgu det hele til at se så rodet ud i html'en, kan man smide det op på andre måder?

Jeg har leget lidt med afrundet hjørner, men jeg kan kun få det til at virke via firefox men når jeg køre det i IE så er hjørnerne normale, hvordan kan jeg få afrundede hjørner så det virker i firefox, ie og hvad der ellers er?

På forhånd tak for hjælpen.



Indlæg senest redigeret d. 09.03.2010 16:43 af Bruger #15720
12 svar postet i denne tråd vises herunder
4 indlæg har modtaget i alt 10 karma
Sorter efter stemmer Sorter efter dato
Hvordan runde dem på forhånd?

Brug et program til at runde hjørnerne. F.eks. http://roundpic.com/ Det er et online program, som simpelt hen runder hjørnerne på det du uploader.
Derefter uploader du så det nye billede, med runde hjørner, på din hjemmeside.


Med hensyn til at åbne billeder med css. Ja, det er muligt. Men hvis det f.eks. er til et galleri, hvor brugere skal kunne gemme billederne, så skal du ikke gøre det gennem css. Det fjerner nemlig muligheden for at gemme billeder via højreklik.
Her er et eksempel:
Fold kodeboks ind/udKode 




Den korteste måde at indsætte billeder er nok følgende:
Fold kodeboks ind/udKode 
Det er ikke meget kortere end din version, men rydder da lidt op i den samlede kode. Skriv lige hvis jeg har misforstået dig ;)


Du kan ikke bruge runde hjørner i IE, da IE ikke bruger CSS 3 endnu, da de mener at CSS 3's regelsæt ikke er 100% fastlagt endnu.
Derfor skal billedet, som Simon også skriver, have afrundede hjørnerne på forhånd.

Kan anbefale følgende side, som er lavet præcis til dette formål:
http://www.roundpic.com/


Jeg skrev ikke noget om runde hjørner på forhånd?

Jeg mener at man skal bruge Rounded Corner plugin til jQuery biblioteket ;)



Dette kan være en måde at gøre det på, den er mindst muligt afhængig af klient og javascript. Dækker min. IE 7+, FF 1+, Chrome 1+, Opera 9+, Safari 3+
Fold kodeboks ind/udHTML kode 

Men hvis der ikke er de store behov for at boksen skal kunne ændres til en vilkårlig størrelse, vil jeg nok nøjes med top og bund elementer.



Jeg var engang også en smule inde i web-kodning. Prøv at kigge på denne side for at få ideer til hvordan man gør det - det er en fantastisk side : http://www.alistapart.com/ . Held og lykke.



Du kan sætte det ind vha. noget css som background picture?

For at gøre det mindst muligt rodet ville jeg nok bruge jquery til det hele - der kan du få et plugin til at afrunde hjørnerne og så kan du smide billedet ind med det samme, uden at koden komme til at virke rodet ;)



Den korteste måde at indsætte billeder er nok følgende:
Fold kodeboks ind/udKode 
Det er ikke meget kortere end din version, men rydder da lidt op i den samlede kode. Skriv lige hvis jeg har misforstået dig ;)


Du kan ikke bruge runde hjørner i IE, da IE ikke bruger CSS 3 endnu, da de mener at CSS 3's regelsæt ikke er 100% fastlagt endnu.
Derfor skal billedet, som Simon også skriver, have afrundede hjørnerne på forhånd.

Kan anbefale følgende side, som er lavet præcis til dette formål:
http://www.roundpic.com/



Indlæg senest redigeret d. 09.03.2010 18:41 af Bruger #10584
Har nu stadig ikke oplevet, at det ville være bedre at runde hjørnerne via klienten, end bare gøre dem runde på forhånd. Det ville endda også virke i alle browsere.



Hvordan runde dem på forhånd?



Kan man lægge billeder ind via css?
hvis jeg lægger det ind via html så synes jeg sug det roder alt for meget og afslører for meget af opsætningen osv.



Men til templates, så er det vel igennem css'en det skal smides ind?



<< < 12 > >>
t