Har precis gjort en grund till en hemsida.
http://www.johnny.nu/test123456/

Behöver förslag på förbättringar - färger, typsnitt, layout och kodförbättringar.

Sen en sak jag undrar över varför flickr bilderna längst ned på sidan får en halv bg-färg bredvid sig i Opera och FF?

// Johnny

Jag kör en 22" widescreen och jag tycker det blev väldigt jobbigt att läsa texterna när dom drogs ut över hela skärmen. Loggans färg tycker jag inte passar med resten av sidan. Sen tycker jag det är konstigt att använda flickr när du kan ha bilderna direkt på sidan.

[EDIT] Jag hade lite svårt att läsa texten som stod i gif-bilden brevid loggan också.. [/EDIT]

Resten av designen tycker jag är riktigt bra.. jag blev faktiskt lite sugen på thaimassage! :)

Det är nog för att länkarna är display:inline (dvs default). Sätt display:block på dem så blir bakgrunden heltäckande. Alternativt sätt en border på img-elementet istället för background-color på a-elementet.

hmm , jag gillar den inte alls
en vit logga centrerad överst, och sen ett stort grönt fält med ett mönster och ytterligare nån form av logga, sen kommer texten som är löjligt stor.

själva upplägget är ju bra men jag skulle vilja se mindre av allt, mindre fontstorlek, mindre "header" (nuvarande tar ju halva sidan i höjd)

Sådär. Har minskat texten lite och lagt bilderna direkt på sidan istället.
Får fortfarande inte till det med bg-färgen på bilderna som är länkade.

Försökte med:
a img { border: none; background: none; }

Sätter jag a img {display: block;} så försvinner det men då får jag en bild på varje rad och det vill jag inte.
Verkar vara flera som har samma problem; http://ask.metafilter.com/27347/CSS-a-amp-...-img-attributes , ingen av de exemplen fungerar för mig. Flyttar endast bg-färgen lite.

// Johnny

För att det sist i stylesheet.css kommer
#bilder_badge img { ... border: ... background-color: ... }
som har högre prioritet.

Testa att byta ut "#bilder_badge img"-raden mot:
#bilder_badge a { background: none; }
#bilder_badge a img { border: 4px solid #4c090d; }

Borde ge den effekt jag _tror_ att du vill åt. :)

En annan font på content text

tjusigt.. fixa bilderna under bara..

Sen sätt priserna så man ser att det är per timme osv..

Oljemassage ... 400kr/h

• Bilderna längst ner ser konstigt ut (som sagt)
• Logan ser ihoptryckt ut.
• Flashen byter text alldeles för fort, hinner knappt läsa hälften.. "Thai massage är en..." vadå? :)

Annars.. snyggt färgval.
Lycka till!

• Bilderna längst ner ser konstigt ut (som sagt)
• Logan ser ihoptryckt ut.
• Flashen byter text alldeles för fort, hinner knappt läsa hälften.. "Thai massage är en..." vadå? :)

Annars.. snyggt färgval.
Lycka till!

- stor text, för stor
- verkar vara bruten i IE7 (Thaimassage ... 400kr syns ej)
- ingen harmoni i sidan, allting verka oproportionellt
- varför kommer "Copyright 2008 " innan öppetinformation mm.

Några tips? Har ofta problem med det.
Har annars kört med Verdana för det mesta men det känns så tråkigt.

Tack för tipsen ska jobba vidare på det.

för stor upplösning på skärmen ,,, texten blir jätte stor

Ändrat det. Några förslag på typsnitt?

Kanske är snyggt med de tecknena i rubrikerna men tänk på att det indexeras så i google också.

Bättre att det infogas mha CSS eller javascript.

Kanske är snyggt med de tecknena i rubrikerna men tänk på att det indexeras så i google också.

Bättre att det infogas mha CSS eller javascript.

Du kanske inte är klar med texten?
På detta vis behövs inte fotvårddelen imo.

Texten under rubriken syns knappt. (FF2)

tycker att det skall vara utrymme mellan raderna.
Gärna öppettiderna i tabellform. (tider rakt under varandra)

Sådär. Nu är en del upprensat. kolla på johnny.nu/test123456

Ska fixa headern och content lite till samt >> framför rubrikerna.

allah ?

du måste ändra sajten, mindre font ändå...gjorde ett snabbutkast..... :P du måste lägga ut texten lite bättre...

http://www.loltv.se/utkast.jpg

#bilder_badge-bilderna skuttar neråt vid hover. Ser lite skumt ut tycker jag, men man kan nog anse att det är coolt också... :) Skulle tro att det är a img { vertical-align:bottom; } som orsakar detta.

Alltid bra att ha en fallback till serif eller sans-serif på alla font-family-deklarationer.

#flickr_badge finns i stylesheet.css, men används inte i dokumentet.

Nu har jag ändrat om lite.
Ni som kör FF och Opera. Ser sidan bra ut för er nu?

Lagt in lite info i tabeller samt ändrat om layot + loggan lite.

Passar den skrivstilta texten in nu som är i headern?