Ny test-side

[_Furien_]

OK, lagt ut min første hjemmeside jeg har brukt mer enn 20 min på :

Her !

 

Vet det er forskjellige ting som ikke er perfekt der, f.eks både header og footer.

(Skal komme, men trenger først litt feedback)

Har også problemer med <li> og padding i IE, og Opera...

 

Er dette designet i det hele tatt noe å jobbe videre på?

Har inntil videre bare pixlet den, men jeg bør kanskje sette det i % etterhvert?

 

Takker for all hjelp!

[Metalicat]

Sida såg grei ut, den. Det kan bli ei fin og litt annleis side.

 

--

 

Noko som slo meg, var at sida blir litt treig å laste om ein sitter med modem.

 

Eg sjekka bildet nede til høgre, og det var 25kB stort. Då eg opna det i Photoshop og lagra det på nytt som gif, tok det berre 8kB. Dette vil på fire menyruter utgjere 32kB i staden for 100kB.

 

Eg tok så og fjerna all bakgrunnsfargen og lagra bildet på nytt som transparent gif. Då vart bildet berre 4kB, noko som til saman vil gje 16kB i staden for dei opprinnelege 100kB. Dette gjer underverk for ein stakkar med treig tilkopling. (Har sjølv adsl, så for meg er det ikkje så nøye.)

 

Ein ekstra fordel ved å lagre grafikken som transparent, er at enklare kan endre farge på sida om du skulle ville det. Då er det nok å endre bakgrunnsfargen i stylesheetet, og du treng ikkje lage all grafikken på nytt.

 

Lykke til vidare. =)

 

- Jan Rune Bjørkelo -

[Metalicat]

Eg kom på ein ting til.

 

Dersom du har problem med at sida ikkje blir lik i Opera og i IE:

Lag sida til Opera. I IE passar den likevel.

Valider sida di etterkvart for å sjekke at det ikkje er syntaksfeil her og der.

IE prøver sjølv å fikse kode med småfeil i, mens Opera er meir opptatt av å følge offisiell standard.

 

Her kan du validere html-fila: http://www.htmlhelp.com/tools/validator/

Her kan du validere css: http://www.htmlhelp.com/tools/csscheck/

 

 

Har du forresten prøvd å finne ut kva innhaldet ditt betyr?

Babylon (www.babylon.com) hadde oversetting på det meste.

 

- Jan Rune Bjørkelo -

[_Furien_]

OK, har gjort om noe her nå, og nå validerer den: CSS 2 og HTML 4.01

 

Sliter fortsatt med paddingen her, men den ligner nå både i IE, Opera og Firefox (Hvis jeg ikke tar helt feil). Kunne nå allikevel tenkt meg den litt mer til venstre da men...

[Gulliksen]

Hm.

- fargene var ikke bra

- Vet ikke helt om den fonten i menyene passer veldig bra

- Gjør noe med linkene. Underline og bytting av farge er bare stygt, fyfy

- Lag mer rom i hovedrammen. Teksten står alt for tett i kantene

- Og tykke borders er stygt!

- Teksten i menyene skulle vært bedre plasert.

[Knebba]

fargene var stilige

 

noe av teksten i diverse bokser blir litt klemt inntil siden, det burde fikses !

[Loomy]

- Fargene var IKKE bra

- Dagens sitat ligger HELT inntil "div"-overskriften (i IE)

- Linkene er for bred for firkanten sin

- Tror du du klarer å presse en vote inn i den lille firkanten? Good Luck

- Hovedfeltet skriker etter litt padding

- For stor font de fleste steder. Størrelsen i meny og linker er passe

- For fete borders. 1px holder i massevis

- Fast størrelse på #container? Den var vel heller tvilsom

Endret 9. april 2004 av Loomy

[_Furien_]

- Fargene var IKKE bra

- Dagens sitat ligger HELT inntil "div"-overskriften (i IE)

- Linkene er for bred for firkanten sin

- Tror du du klarer å presse en vote inn i den lille firkanten? Good Luck

- Hovedfeltet skriker etter litt padding

- For stor font de fleste steder. Størrelsen i meny og linker er passe

- For fete borders. 1px holder i massevis

- Fast størrelse på #container? Den var vel heller tvilsom

Hvis du leser inlegget mitt, står det der at jeg sliter litt med padding, det vil seg ikke helt; derfor spør jeg etter hjelp.

Jeg sier også at jeg antagelig kommer til å sette siden opp i "%," men har ikke helt fått det til... Sliter litt med forskjellige browsere der også...

 

Men takk for resten; og fargene?.. hmm.. liker dem litt jeg

[_Furien_]

Hmm.. her var det jo mye respons å få

 

Kunne vært morsomt å høre hva andre synes også

[Loomy]

Nå har du jo fått en god del kritikk da (uten at jeg kan se at det har hatt noen virkning på hvordan siden ser ut nå i forhold til før).

 

Når det gjelder padding.. Du sier du har problemer. I så fall kan jeg bare tipse om følgende:

I #innhold, legg til

padding:5px;

[_Furien_]

Nå har du jo fått en god del kritikk da (uten at jeg kan se at det har hatt noen virkning på hvordan siden ser ut nå i forhold til før).

 

Når det gjelder padding.. Du sier du har problemer. I så fall kan jeg bare tipse om følgende:

I #innhold, legg til

padding:5px;

Den paddingen er grei, den skal jeg legge til så fort jeg har mulighet, men er litt værre der i menyene... (nevnte nok ikke det...)

Må nok utvide dem litt, men kan noen hjelpe meg med hvordan jeg utvider ett bilde helt ut i en "DIV" ?

[Metalicat]

Dersom du vil ha eit bilde til å fylle ein <div> heilt:

 

No veit eg ikkje heilt kor store dei div-ane dine er, men du kan prøve å sette overflow: hidden;, og på eigenskapane for bildet definerar du width og height til dei same verdiane som er definert for div-en.

 

Overflow er ein grei dings. Setter du den til hidden, forsvinn alt som kjem utanfor kantane på diven. Setter du den til scroll, kjem det ein scrollbar fram som alltid blir der, og setter du den til auto, vil det kome ein scrollbar først når innhaldet blir større enn ruta.

[magikern]

helt øverst i css fila di skriver du

* {
   margin: 0;
   padding: 0;
}

 

for å fixe padding og margin feil i bla lister...

 

der hvor det ser rart ut etterpå skriver du da inn passende margin og padding, men det er alltid greit å sette en standard øverst i css fila...

[_Furien_]

Dersom du vil ha eit bilde til å fylle ein <div> heilt:

 

No veit eg ikkje heilt kor store dei div-ane dine er, men du kan prøve å sette overflow: hidden;, og på eigenskapane for bildet definerar du width og height til dei same verdiane som er definert for div-en.

 

Overflow er ein grei dings. Setter du den til hidden, forsvinn alt som kjem utanfor kantane på diven. Setter du den til scroll, kjem det ein scrollbar fram som alltid blir der, og setter du den til auto, vil det kome ein scrollbar først når innhaldet blir større enn ruta.

ok, skal teste det, men hvordan setter jeg egentlig width og height attributer på et bilde i css, gjennom DIV; nå bruker jeg background-image:url(tl2.gif); f.eks.

er det andre måter å gjøre dette på?

[yNx]

- for tynne menyer

- for skarpt fargevalg

[Metalicat]

Du kan putte <img src="skralle.jpg" id="skralle"> i div-en, istadenfor å bruke background-image i css-fila. For div-en definerar du overflow: hidden; slik at dersom littegrann skulle kome utanfor ramma, vil det berre forsvinne istadenfor å gå utom kanten.

 

I css-fila, kan du då definere

#skralle {

width: 200px;

height: 250px;

}

 

 

For å få ned størrelsen på grafikken, er "Save for web" i Photoshop bra.

Eg har hatt bra erfaring med å lagre som jpeg med lav kvalitet der. Når du tar "Save for web" kan du velge meir nøyaktig kvalitet (frå 0-100), og du kan få størrelsen temmeleg mykje ned utan å tape alt for mykje kvalitet.

[_Furien_]

Metalicat:

Ok, men hvordan får jeg dette bilde til å ligge som bakgrunnsbilde?

[Zethyr]

z-index:-1;

eller:

z-index:0;

 

test disse

 

 

edit: hva er feilen direkte?

Endret 15. april 2004 av Zethyr

[_Furien_]

ok, bildet skal ligge bak en eventuell tekst.. er dette mulig?

[PT]

ok, bildet skal ligge bak en eventuell tekst.. er dette mulig?

background-image: url(bilde.gif);

?