Enda en "Hva synes dere om sida mi"

[Beeblebrox]

Vil gjerne ha tilbakemelding på et mer eller (mest sannsynlig) mindre godt designforslag. Siden bør virke i IE, Mozilla og Opera.

 

Alle konstruktive forslag/råd mottas med takk. :-)

 

Endret 13. mai 2007 av Beeblebrox

[Arve Systad]

Fint design, men bytt ut alle stipla linjer med sammenhengande linjer. Alt blei så kaotisk sånn som det er no.

[dms]

En smart kar sa en gang til meg at han ble sjøsyk av stiplete linjer. Og når jeg ser siden din skjønner jeg hva han mente

Prøv også å få nyhets-boksen til å ligge like høyt som hovedmenyen og hurtiglinkene, slik det er nå bryter det veldig med resten. Skriftstørrelsen blir enorm i Opera, prøv med pt istedenfor px i stilsettet. Dvs, hvis du er interessert i brukervennlighet definerer du skriftstørrelse med em. 1em tilsvarer defaultstørrelsen for fonten, for å få mindre skrift blir det fx 0.7em

[magikern]

tok meg den frihet og skrive litt om på stilsettet ditt... prøv det og se om det kanskje blir litt bedre sånn(bare små forskjeller det er snakk om)

du vil noen steder se at jeg skriver stilsett på en måte du kanskje ikke viste var mulig(ser det av måten du skrev på), men det er mye bedre sånn et eksempel:

du skrev

margin-top: 2%;

margin-left: 2%;

margin-right: 2%;

margin-bottom: 10px;

jeg skrev:

margin: 2% 2% 10px 2%;

 

hvor rekkefølgen er: top right bottom left <-- altså blir det som du ville, men skrevet mye enklere...

/*

                                 Internet Advisor Style Sheet

*/



body {

background: #333333;

color: #ffffff;

font-size: 1em;

margin: 2% 2% 10px 2%;

font-family: Verdana, Arial, sans-serif;

}





                                    /* Link definition */



a:link  {

color: #ffffff;

text-decoration: none;

font-size: 95%;

}

a:visited  {

color: #ffffff;

text-decoration: none;

font-size: 95%;

}

a:active  {

color: #ffffff;

text-decoration: none;

font-size: 95%;

}

a:hover  {

color: #ffffff;

text-decoration: underline;

font-size: 95%;

}



                                          /*Main Menu, Navigation*/





.menutabl  {

background: #333333;

text-align: left;

color:#000000;

font-weight:normal;

width: 150px;

height: 375px;

}



.menhead  {

text-align: left;

white-space: nowrap;

color:#F6B33D;

font-size:1em;

font-weight:bold;

background: #666666 url(img/menhead.gif) no-repeat;

width: 150px;

}



.menlink  {

color:#ffffff;

white-space: nowrap;

}



.menspa  {

white-space: nowrap;

height: 17px;

color:#000000;

}



                                          /*END OF, Main Menu, Navigation*/







                                          /*News, Main Section*/



.maintable  {

background: #333333;

text-align:left;

color:#ffffff;

font-weight:normal;

width: 465px;

}



.mainhead  {

text-align: left;

white-space: nowrap;

color:#F6B33D;

font-size:12px;

font-weight:bold;

background: url(img/mainhead.gif) no-repeat;

width:220px; 

height:20px;

}



.mains  {

background: #999999;

text-align: left;

color:#000000;

font-weight:normal;

width: 480px;

}



.colr  {

background: #666666;

white-space: nowrap;

color:#000000;

}



.newstit  {

background: url(img/newsheadl.gif) no-repeat;

width: 80%;

text-align:left;

font-weight:bold;

}



.newsdat  {

background-image: url(img/newsheadr.gif) no-repeat;

width: 20%;

text-align:right;

}





.mlinks  {

text-align: left;

font-size:14px;

color:#000000;

font-weight:normal;

}

                                          /*END OF, News, Main Section*/









                                          /*Diverse*/





.tlink  {

background: #666666;

text-align: center;

white-space: nowrap;

color:#ffffff;

font-size:13px;

font-weight:bold;

height: 15px;

width: 100%;

border: 1px #cccccc solid;

}



.bottom  {

background: #666666;

text-align: center;

white-space: nowrap;

color:#cccccc;

font-size:11px;

font-weight:normal;

height: 15px;

width: 100%;

border: 1px #cccccc solid;

}



.border {

border: 1px #cccccc solid;

background: #666666;

}



.bbord {

border: 1px #cccccc solid;

border-bottom: 0px;

}



.seethro  {

white-space: nowrap;

height: 5px;

width: 800px;

}

 

ps: har ikke prøvd det(skrevet on-th-fly) så det er godt mulig at noen ting ble litt rart eller feil...

[flodhest]

Ganske smooth design, men det ble for mye med det striplete tabellene, du kan kanskje prøve med å ha bare en striplet tabell, f.eks den i midten.

 

En banner hadde gjort seg.

 

Jeg synes også det ser bedre ut når siden er midtstilt.

Men ellers en ganske bra side.

[BrokenTomato]

Synes den så fin ut jeg... Bare husk på og finn en banner som passer til det temaet du tar for deg på siden din! Da tror jeg alt skulle fungere veldig bra... Var det php l html? Glemte og se etter...

 

Anyway, GO PHP!

[PoleCat]

Fint design, men bytt ut alle stipla linjer med sammenhengande linjer. Alt blei så kaotisk sånn som det er no.

[Beeblebrox]

Takker for alle tilbakemeldingene.

 

Siden de stiplete linjene ikke fungerte så veldig godt :wink: , har jeg satt sammen to forslag; et med bare solid linjer , og ett uten linjer [url=]Link. Vil gjerne vite hvilket forslag som faller best i smak. :-)

 

Prøv også å få nyhets-boksen til å ligge like høyt som hovedmenyen og hurtiglinkene, slik det er nå bryter det veldig med resten. Skriftstørrelsen blir enorm i Opera, prøv med pt istedenfor px i stilsettet. Dvs, hvis du er interessert i brukervennlighet definerer du skriftstørrelse med em. 1em tilsvarer defaultstørrelsen for fonten, for å få mindre skrift blir det fx 0.7em

 

Hmm, hos meg vises skriften helt normalt i Opera (7.11), blir skriften gigantisk også når du refresher siden?

 

Synes den så fin ut jeg... Bare husk på og finn en banner som passer til det temaet du tar for deg på siden din! Da tror jeg alt skulle fungere veldig bra... Var det php l html? Glemte og se etter...

 

Nei, det er bare html og css, tror heller ikke online.no har støtte for php :-?

Endret 13. mai 2007 av Beeblebrox

[flodhest]

begge forslagene ble mye bedre enn det du hadde. Med eller uten linjer får bli opp til deg, jeg synes at de begge var bra på hver sin måte hvis du skjønner. Kanskje det ble litt bedre med linjer.

[dms]

http://www.tegneblokken.net/trash/screen.gif

Her kan du se hva jeg mener med gigantisk skrift. Jeg bruker forresten nyeste versjon, 7.20 Build 3144, av Opera som kom for noen dager siden.

[Beeblebrox]

http://www.tegneblokken.net/trash/screen.gif

Her kan du se hva jeg mener med gigantisk skrift. Jeg bruker forresten nyeste versjon, 7.20 Build 3144, av Opera som kom for noen dager siden.

Irriterende (ikke deg altså, men den feilen :wink: ) , jeg klarer heller ikke å finne ut hvorfor det blir sånn. Prøvde nettopp å laste ned samme versjon av Opera som du bruker, men skriften vises fortsatt normalt hos meg. Har gjort om skriftstørrelsene fra px til em som du foreslo ( ), hjelper det?

Endret 13. mai 2007 av Beeblebrox

[Arve Systad]

Veldig masse bedre når dei linjene blei "retta opp"

No mangler du berre en kul header + litt småting til å piffe opp, så har du ei flott side

[magikern]

http://www.tegneblokken.net/trash/screen.gif

Her kan du se hva jeg mener med gigantisk skrift. Jeg bruker forresten nyeste versjon, 7.20 Build 3144, av Opera som kom for noen dager siden.

 

kan se ut som du har satt zoom til noe mer enn 100% i browsern din...

[dms]

Tror nok ikke det, jeg får samme resultat i Mozilla. Begge er innstilt som default. Gidder du å prøve med Tahoma istedenfor Verdana som førstevalg, mulig det funker.. Ellers aner ikke jeg hva som er galt.