Webkafeen

[Garanti]

Hmm, forstår hva du mener med at noe "mangler", headeren er fin men mangler noe å hvile øyet på. Kanskje for mye/bred spalte med tekst?

 

Forøvrig - Verdana er i mine øyne kjedelig og "strekt" skrifttype, i alle fall når den er uthevet som i navigasjonen. Har du prøvd Lucida Grande/Arial?

[sparks]

Nøkkelordene er "stylish, enkel og lettvint" uten noe dilldall.

Uten noe dilldall?

 

Dette syntes jeg var rett og slett ganske så kjedelig. Det finnes fine minimalistiske design som står ut på grunn av fin/spennende presentasjon av innhold, god bruk av typografi, sterk grid og fine subtile farger. Her syntes jeg ikke at du/designeren har fått til det.

 

Dette er altfor tradisjonelt og utdatert – tilbake på tegnebrettet! Og til designeren: slutt å bruk unødvendige og anonyme brushes/svosjer/blomsterdekor. Uansett om han har designet de selv forteller de ingenting om hva dere er eller hva dere gjør.

Endret 18. februar 2009 av sparks

[Bolson]

Må si meg enig med sparks her.

 

- Siden oppfattes som kjedelig, både i typografi, fargebruk.

- Personlig synes jeg bruk av blomsterdekor nesten gir assosiasjoner til telemark og rosemaling, og er for meg med å senke kvalitetsopplevelsen. Ja, er dilldall.

 

Personlig ville jeg tatt vekk krussedullen i logo, den forstyrrer etter min mening en ren logo. På menyen ville jeg også tatt vekk blomsterdekoren, samt tydeliggjort menyen med fargebruk.

 

Personlig har jeg også sansen for bruk av illustrasjonsbilder som er med på å utheve designen og forteller noe.

 

Grid har sparks alt pekt på, men for meg er forsiden for mye typisk "bloggside". Ellers er det ikke mer innhold på forsiden at med rett layout skal det mer eller mindre være unødvendig å scrolle sida.

Endret 18. februar 2009 av Bolson

[Steinmann]

Haraldson RT @escenic RT @phaza: RT @larre: vg.no the biggest website in Norway now pushes the #IE6 message to users http://twitpic.com/1juh7

[g0mpen]

Kjent problem - margin i IE gir mange rare resultat. Mulige løsninger:

* bruk padding i stedet.

* sett bredde (em, px, %) på elementet

* bruk nullstilling av CSS først i CSS-fila.

 

Må se mer av koden for å kunne si det sikkert.

 

Hvorfor bruker du inline style i codeeksemplet.

Prøvde med padding, men det førte til at et bakgrunnsbilde som kun skulle være 1px høyt ble strukket ut i hele lengden av paddingen. Nå som jeg tenker på det kan jo det fikses med no-repeat på bakgrunnsbildet, så det skal jeg prøve. Elementet har allerede en bredde.

Inline style bruker jeg når jeg driver og knoter og prøver å fikse ting, sånn at jeg har bare en fil å forholde meg til inntil jeg har fiksa det. Mulig det er jeg som er rar

Takk for tipset, skal prøve og se hvordan det går.

 

Edit: Padding virker ikke, fordi IE har lagt inn en margin under elementet selv om den er satt til 0. Har * { margin: 0; padding: 0; } øverst i stilsettet.

Endret 18. februar 2009 av g0mpen

[Bolson]

@gOmpen:

 

Mulig du må lete etter en arva verdi her (eller feil rekkefølge). Firebug er bra til det. Du kan prøve å sette margin: 0 !important; padding: 0 !important; på elementet. Da skal all margin/padding i realiteten bli borte.

 

IE Developer tool fungerer bra for å sjekke i IE.

 

Et annet tips er å sette bakgrunnsfarge eller border på elementene, særlig når de er nøsta. Da er det ofte langt lettere å se hvor eventuell feil er.

 

@Sebba: Flere burde faktisk gjort dette. Bra av VG.

Endret 18. februar 2009 av Bolson

[g0mpen]

Med IE Developer Tool er det helt klart at det er denne <div class="hr"></div> som er synderen. Den skal i utgangspunktet være max 1 px høy og har 0 margin og 0 padding, men i IE er det et mellomrom etter den hver gang. Ifølge IE Developer har dette elementet "display: block;" noe som vil si at IE legger inn et line break, men selv om jeg har satt "display: inline;" på dette elementet så skjer det ingenting (IE Developer leser fortsatt "display: block;")

[Bolson]

Med IE Developer Tool er det helt klart at det er denne <div class="hr"></div> som er synderen. Den skal i utgangspunktet være max 1 px høy og har 0 margin og 0 padding, men i IE er det et mellomrom etter den hver gang. Ifølge IE Developer har dette elementet "display: block;" noe som vil si at IE legger inn et line break, men selv om jeg har satt "display: inline;" på dette elementet så skjer det ingenting (IE Developer leser fortsatt "display: block;")

 

Prøv med !important på display: inline;.

 

Personlig bruker jeg faktisk <hr> til slikt i de fleste tilfeller. Er konsekvent lite grad i å bruke tomme element om jeg kan unngå det.

 

Når jeg skal ha en usynlig <hr> bruker jeg følgende kode, bakgrunn er kvit.

hr.clearer {
clear: both;
height: 1px;
border: 0px solid #fff;
color: #fff;
background: #fff;
}

 

Her fungerer den også som clearer. Men hr er heller ikke perfekt.

[Arve Systad]

Haraldson RT @escenic RT @phaza: RT @larre: vg.no the biggest website in Norway now pushes the #IE6 message to users http://twitpic.com/1juh7

 

Haha, sweet! VG er jo utvilsomt den rette til å stå fram og klage over nettlesarane til folk

[g0mpen]

Bruker en usynlig hr i bunn, for å få til to kolonner. Men tror jeg valgte å bruke div fordi jeg vil ha en hr, men hr i seg selv er vanskeligere å få til å se ut slik som jeg ønsker. Mistenker nå at det er IE som legger inn line-break fordi det innbiller seg at det tomme elementet ikke er tomt, eller noe slikt. Evt. et script jeg kjører på en bestemt del av siden (slags forum) som putter inn uønskede line breaks, leter etter det nå.

[PT]

Haraldson RT @escenic RT @phaza: RT @larre: vg.no the biggest website in Norway now pushes the #IE6 message to users http://twitpic.com/1juh7

Da kan det jo tenkes at VG har et nytt design på trappene, og vil flushe ut IE6-brukerne før den tid for å slippe unna ekstra IE6-tilpasning.

 

Sweet uansett

[Arve Systad]

Da kan det jo tenkes at VG har et nytt design på trappene, og vil flushe ut IE6-brukerne før den tid for å slippe unna ekstra IE6-tilpasning.

 

Håpar det, for VG.no har jo sett ca slik ut i herregudsåmangeår.

[Steinmann]

http://www.digi.no/805007/vil-avlive-forhatt-nettleser

 

yeah, sign me up!

[g0mpen]

Jeg gir opp, er det noen som har et script for å kjøre forskjellige stilsett for IE og alt annet?

[Steinmann]

Jeg gir opp, er det noen som har et script for å kjøre forskjellige stilsett for IE og alt annet?

Leser du litt oppover har du allerede fått svar på det.

Dette er ingen supporttråd.

[Haraldson]

Som nevnt før, Conditional Comments (CC).

 

Må si du framstår som litt masete nå.

 

<head>
<link rel="stylesheet" type="text/css" media="screen" href="/styles.css" />
<!--[if lt IE 7]>
<link rel="stylesheet" type="text/css" media="screen" href="/styles-ielt7.css" />
<![endif]-->
</head>

 

Når det gjelder alle andre nettlesere, så trenger du ikke å sniffe etter nettleser om du koder ordentlig. Hvis du likevel må ha, regner jeg med at Google kan peke deg i riktig retning...

[g0mpen]

Beklager, det var ikke meningen. Jeg misforstod hvordan det scriptet skulle brukes istad. Har brukt det til stylesheets nå og problemet er løst (endelig). Takk for hjelpen, skal ikke plage dere mer!

[jorgis]

Etter to uker i ny leilighet uten nett er det digg å endelig være tilbake. Har jeg gått glipp av noe?

[Arve Systad]

Etter to uker i ny leilighet uten nett er det digg å endelig være tilbake. Har jeg gått glipp av noe?

 

Alt, faktisk.

[jorgis]

Etter to uker i ny leilighet uten nett er det digg å endelig være tilbake. Har jeg gått glipp av noe?

 

Alt, faktisk.

 

+5 Informative.