Mening van jullie.
Wat vinden jullie van deze site?
- Graag goede argumenten en niet van ik vind het lelijk. (waarom dus?)
In ieder geval bedankt iedereen!
site
Dat is al veel.
Ik sta nogal gekend voor een pover gevoel van "goede smaak", dus daar heb ik niets op te zeggen
In iedere geval bedankt.
Vreselijk lelijk .
Te grijs .
Te blokkerig
Moet dat linker een menu voor stellen :P
Link opmaak?
Ik hou er maar mee op net zoals alle andere gebruikers zouden doen als ze op jou site terecht komen:)
(ik gebruik chrome)
- Apple products
- Computer products
etc...
Maarja, dat blokerige vind ik nog wel stoer..:p
Hahaha, in ieder geval bedankt voor je mening. Zal er over na denken.
Toevoeging op 08/03/2011 18:15:23:
Ohja maurice fijn dat je dat zegt!
Weet iemand hier de oplossing van?:p
Toevoeging op 08/03/2011 18:16:08:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
#leftcolumn {
color: #333;
border: 1px solid #ccc;
background: darkgrey;
margin: 0px 0px 0px 0px;
padding: 10px;
height: 350px;
width: 160px;
float: left;
list-style: none;
list-style-type:none;
}
#leftcolumn li{
color: #fff;
border: 1px solid #ccc;
background: darkgrey;
margin: 0px 0px 0px 0px;
width: 160px;
float: left;
list-style: none;
list-style-type: none;
}
#leftcolumn li:hover{
color: #fff;
border: 1px solid #ccc;
background: grey;
margin: 0px 0px 0px 0px;
width: 160px;
float: left;
list-style: none;
list-style-type: none;
}
#leftcolumn a
{
background: #darkgrey;
color: #fff;
float: left;
text-decoration: none;
font-weight: normal;
}
#leftcolumn a:hover
{
background: #grey bottom center no-repeat;
color: #fff;
}
color: #333;
border: 1px solid #ccc;
background: darkgrey;
margin: 0px 0px 0px 0px;
padding: 10px;
height: 350px;
width: 160px;
float: left;
list-style: none;
list-style-type:none;
}
#leftcolumn li{
color: #fff;
border: 1px solid #ccc;
background: darkgrey;
margin: 0px 0px 0px 0px;
width: 160px;
float: left;
list-style: none;
list-style-type: none;
}
#leftcolumn li:hover{
color: #fff;
border: 1px solid #ccc;
background: grey;
margin: 0px 0px 0px 0px;
width: 160px;
float: left;
list-style: none;
list-style-type: none;
}
#leftcolumn a
{
background: #darkgrey;
color: #fff;
float: left;
text-decoration: none;
font-weight: normal;
}
#leftcolumn a:hover
{
background: #grey bottom center no-repeat;
color: #fff;
}
Voor al uw gadgets!' vind ik ook te groot. Weet niet of je dat gaat aanpassen, maar voor mijn gevoel is dat al de helft van de content.
Ook heb ik het idee dat het hele gebeuren niet in het midden staat, maar wat naar links is verschoven
Verder: te grijs, saai, weinig functioneel.
Tips: Google 'attractive web design'
Ocirina - op 08/03/2011 18:14:51:
Ohja maurice fijn dat je dat zegt!
Weet iemand hier de oplossing van?:p
Weet iemand hier de oplossing van?:p
Dat is niet zo evident met css.
Bepaalde browsers (... Jaja, ik bedoel IE ...) erkennen :hover enkel voor <a> elementen.
Bedankt voor jullie reacties.
Ik zal even gaan kijken naar de Google search
Welke kleuren adviseren jullie trouwens wat meer?
Functionaliteit komt straks, het is gewoon even een opzetje.
Bij de titel prosopeperpe blalbla komt een winkelwagentje.
Gewijzigd op 08/03/2011 18:33:11 door Ocirina Ocirina
Ocirina - op 08/03/2011 18:31:27:
Welke kleuren adviseren jullie trouwens wat meer?
Dat is helemaal afhankelijk van wat jouw website uit moet stralen. Een zakelijke website vraagt om een hele andere kleurcompositie dan een website voor je persoonlijke fotoalbum.
Over het gebruik van kleur in websites (maar ook in andere settings) is een hele shitload aan informatie op internet te vinden. Het belangrijkste is, vind ik, dat je een kleurenschema kiest en je daar aan houd. Een dergelijk schema zorgt er namelijk al voor dat de kleuren die je gebruikt, ook daadwerkelijk bij elkaar passen. Handige link: http://colorschemedesigner.com/
Bedankt!
Ik zal de verkregen informatie eens goed laten bezinken.
Jullie horen nog!
Ik wil wel eens zien wat jij er van bakt haha.
Ocirina - op 08/03/2011 18:58:42:
Is goed, reageer maar als die af is?
Ik wil wel eens zien wat jij er van bakt haha.
Ik wil wel eens zien wat jij er van bakt haha.
Oke XD
Quote:
Dit design doet me denken aan websites die aan het begin van het internettijdperk ontwikkeld werden. Met andere woorden: absoluut niet meer van deze tijd.
Precies, het was ook het eerst wat in mijn op kwam, ik gok dat Noach nog zulk soort websites heeft ontwikkeld =) grapje
Overigens waarom heet je 'hoofd' div een wrapper en geen container?
Overigens wordt aangeraden om je container div 990px breed te laten zijn.
Voor de rest wat commentaar over de css:
Algemeen:
- kan je niet beter tabs gebruiken ipv spaties? Soms doe je het wel en soms niet wees dus consistent.
- het is misschien mieren *** maar ik zou qua opvolging van style elementen die van w3c gebruiken. Dus bijvoorbeeld header wordt dan zo:
Code (php)
1
2
3
4
5
6
7
8
9
10
2
3
4
5
6
7
8
9
10
#header {
background: none repeat scroll 0 0 darkgrey;
border: 1px solid #CCCCCC;
color: black;
float: left;
height: 100px;
margin: 10px 0 0;
padding: 10px;
width: 900px;
}
background: none repeat scroll 0 0 darkgrey;
border: 1px solid #CCCCCC;
color: black;
float: left;
height: 100px;
margin: 10px 0 0;
padding: 10px;
width: 900px;
}
Zelf ben ik eigenwijs en gebruik altijd het volgende
Code (php)
1
2
3
4
5
6
7
8
9
10
11
2
3
4
5
6
7
8
9
10
11
#header {
float: left; /* eerst de floats */
margin: 10px 0px 0px 0px; /* daarna margin en padding */ /* overigens padding schrijf je in korte notatie en de margin niet? (inconsistent blijven)
padding: 10px;
height: 100px; /* Daarna doe ik altijd height en width */
width: 900px;
background: #00000; /* Daarna background */
/**
Daarna overige attributen
*/
}
float: left; /* eerst de floats */
margin: 10px 0px 0px 0px; /* daarna margin en padding */ /* overigens padding schrijf je in korte notatie en de margin niet? (inconsistent blijven)
padding: 10px;
height: 100px; /* Daarna doe ik altijd height en width */
width: 900px;
background: #00000; /* Daarna background */
/**
Daarna overige attributen
*/
}
header:
- kleuren schrijf je in een notatie niet gewoon als kleur (dus niet black maar #000000, of de korte notatie: #000)
- Zelfde geld voor background.
Navigation:
- Waarom font? Dat is toch al standaard ingesteld? Als je die veranderd bots het met elkaar nietwaar? :-)
- list-style-type: none; werkt als het goed is toch in elke browser? Waarom list-style er nog bij? (gewoon informatieve vraag)
Navigation a:
- Waarom font-weight normal? Dat is toch al standaard?
Leftcolumn:
- Background color notatie.
- List-style verhaal (zie bovenaan bij algemeen)
- margin alles 0. Kan je dus noteren als Margin: 0px; ipv van 4 x 0px;
Left column li:
- background color notatie.
- List-style verhaal (zie bovenaan bij algemeen)
- naar min weten kan je beter display: inline gebruiken ipv float left. (weet niet zeker, zal ik nog wel even nazoeken)
- margin alles 0. Kan je dus noteren als Margin: 0px; ipv van 4 x 0px;
Left column a:
- background: #darkgray ? Dat kan niet werken ;)
- font-weight is standaard al normal;
Left column a:hover:
- background klopt niet. (notatie weer #kleurnaam)
Left column li:
- Weer het verhaal met list style, background, margin.
- Float kan hier weg, want dat wordt al ingesteld bij de LI.
Rightcolumn:
- Als je netjes met float left werkt heb je geen float right nodig. Dan komt hij gewoon tegen het linker blok aan. (denk ook aan width)
- background kleur notatie.
- margin (4x 0px)
- Waarom doe je hier een display inline? Nergens voor nodig toch?
Footer:
- background kleur notatie;
- clear both is ook niet nodig. als je goed werkt met floats kan deze gewoon netjes gepositioneerd worden.
- waarom wordt er gebruik gemaakt van een pre? dat is niet waar deze voor gemaakt is, maak gewoon gebruik van een p, een divje of een span. (ik zou voor p gaan)
voor de rest nog:
- Ik zou in left column nog een divje maken met de naam left-menu en daarin het 'menu' plaatsen.
- En de navigation zou je misschien zelfs in de header kunnen verwerken.
- right column is misschien ook niet helemaal de goede benaming, zelf zou ik die gewoon content noemen.
Als laatste, er staat nog niet zo heel veel he? Dus tja heel veel (afgezien van de layout die afstoot) kunnen we niet zeggen. Ik zeg, maak er eens een echte website van en vul hem met content etc. Maak daarna een grote comeback in dit topic en overrule ons haha.
Ik hoop dat je er wat aan hebt.
Edit:
@Roel
Ach, dat is te verwaarlozen met zo'n kleine site. :-)
Gewijzigd op 08/03/2011 19:29:42 door Niels K
Zoiezo heb ik hier iets aan.
Ik zal even verder gaan met de site jullie horen nog!