Vurdering av design/css.... :P

[Lurifaksen]

Er en del slike innlegg ja, men denne gangen var det min tur.

 

http://www.unlock.no

 

Har oppdatert websiden min nå, og kunne tenkt noen tilbakemeldinger...

 

1. Funker den? Forrige design funket fint på min PC, men noen versjoner av IE lastet bilder litt feil, slik at det så feil ut. Ser alt greit ut?

 

2. farger og linker: Lurer egentlig mest på tekst og sånt. Er blåfargen på linkene grei? Og hoveren? Skrifttype?

 

Tja, er det noe jeg kunne forbedret?

 

Ja, jeg vet jeg kunne kuttet ut php-nuke, men jeg har ikke tid til å drive så mye med html/php. Derfor ble det det beste alternativet. Men jeg har stort sett laget hele designet selv, og det var en del arbeid.

 

Forresten, er nok ikke vits i kjøre noe validator opplegg på den... Er nok 100vis a bugs, men det var ikke det som var poenget denne gangen. Poenget var egentlig bare utseende/bruk.

 

Den er desverre optimalisert for IE, men funker også helt fint i Opera, men feltstørrelsene får jeg ikke til å bli lik i begge browserene.

[Dunestar]

Ganske bra!

 

- feltene i feltet "Lag oppløsningskode:" er litt skeive

- lite avansert banner med en ordenlig støgg font

- fjern gjerne fargeskifte på linkene under hover. det holder lenge med underline

- hvis du gjør ramma noen pixler tynnere vil det hele bli 10x mer oversiktlig

- stygge kanter rundt punktene for "Ja" og "Nei" i avstemninga

 

- kun for Nokia det er Sony Ericsson som er bra!

 

 

+ rolige, myke, pene farger

 

Good work!

[pgdx]

http://validator.w3.org/check?uri=http%3A%2F%2Funlock.no%2F

 

http://jigsaw.w3.org/css-validator/validat...yle%2Fstyle.css

[Dunestar]

http://validator.w3.org/check?uri=http%3A%2F%2Funlock.no%2F

Skal god innsats til for å klare det der!

[enden]

Å fydda. Skulle tro det var frontpage 1.0 generert kode jo! No offence

Får forresten ikke lastet siden så jeg kan titte

[Lurifaksen]

Forresten, er nok ikke vits i kjøre noe validator opplegg på den... Er nok 100vis a bugs, men det var ikke det som var poenget denne gangen. Poenget var egentlig bare utseende/bruk.

http://validator.w3.org/check?uri=http%3A%2F%2Funlock.no%2F

 

http://jigsaw.w3.org/css-validator/validat...yle%2Fstyle.css

 

Den validatoren er jo litt buggy den også da... Halvpartene av feilene er jo linker!?

Var forresten ikke så veldig gale. Var jo stort sett samme feilene som gikk igjen hele veien. Vet ikke hvor jeg leste "absbottom", men mener det var det eneste som funket. Ser forresten en typo (' i stedet for ") som fører til en haug av feil.

 

Og er ikke <br /> en ny form for <br>?

 

Dunestar: De feltene klarte jeg ikke få til. Du bruker opera sant? Størrelsen blir nemlig forskjellig i opera IE. Skjønner ikke hvorfor. Siden flest bruker IE, satt jeg en størrelse som ble vist riktig i IE.

 

Er enig i at rammen er 2 pixler for tykk.

Vet også at "Ja" "Nei" feltene er stygg, men den bruker CSS, og det er vel ingen enkel måte å få akkurat "Radio buttons" til å ikke bruke CSS stylen?

[Arve Systad]

Ikkje for å vere slem, men /me synst at sida gav et UFATTELIG rotete førsteinntrykk - trur det har noke med alle dei tjukke strekane å gjere. Blei liksom så overdrevet.

[enden]

Og er ikke <br /> en ny form for <br>?

<br /> er xhtml utgaveen av <br>

I xhtml kreves det at alle tagger "lukkes"

[Lurifaksen]

Ok. Er kanskje ikke så veldig lurt å bruke de om en annen. Nå har jeg fikset de fleste av feilene i validatoren. De fleste feilene nå er på grunn av at validatoren har problemer med linkene. Den har også problemer med å skjønne hvordan en link er oppbygget.

 

<a href='url'>LINK</a> er vel riktig? Mange av feilmeldingene sier jo at </a> lukker en tag som ikke er åpen.

 

Og hvis "absbottom" ikke er lov, hva skal jeg bruke da? Hvis jeg bruker "bottom" blir jo ikke bildet plassert helt nede...

Endret 9. desember 2003 av GeeZuZz

[FuLu]

Du kan bruke CSS på linkene.

 

Ikke testet:

a {
background-image: url(/bildet);
background-repeat: no-repeat;
background-position: left;
padding-left: 10px; /* bredden på bildet + litt til for å få litt mellomrom på bildet og link*/
}

 

Ellers kan du bytte ut padding-left med text-indent. Skulle du bruke text-decoration: undeline sammen med text-indent, vil du også få underline på bilde, mens med padding får du ikke.

 

Hvis du må endre høyden på linken, om bildet ikke passer inn, så må du kanskje ha display: block; på linken og si hva height skal være.

Endret 10. desember 2003 av FuLu