Kleine Vragen Topic #2

Stefvdwel schreef:

Hoe moet ik zon form maken?
http://prntscr.com/1tenk6

Je styled je input en je styled je button

Ik heb een layout moeten coderen voor iemand. Maar ik wacht nu al best lang op mijn puntjes. Mag ik de layout (zonder psd nstuurlijk) verkopen/vrijgeven?

toevoeging op 26 september 2013, 21:48:48:
Als het te lang duurt dan...

Stefvdwel schreef:

Ik heb een layout moeten coderen voor iemand. Maar ik wacht nu al best lang op mijn puntjes. Mag ik de layout (zonder psd nstuurlijk) verkopen/vrijgeven?

toevoeging op 26 september 2013, 21:48:48:
Als het te lang duurt dan...

Je hebt geen rechten over de layout dus; nee het mag niet.

Milan schreef:

Eerdere citaten tonen

Stefvdwel schreef:

Ik heb een layout moeten coderen voor iemand. Maar ik wacht nu al best lang op mijn puntjes. Mag ik de layout (zonder psd nstuurlijk) verkopen/vrijgeven?

toevoeging op 26 september 2013, 21:48:48:
Als het te lang duurt dan...

Je hebt geen rechten over de layout dus; nee het mag niet.

Wat moet ik dan doen?

Niks

Stefvdwel schreef:

Eerdere citaten tonen

Milan schreef:

Eerdere citaten tonen

Stefvdwel schreef:

Ik heb een layout moeten coderen voor iemand. Maar ik wacht nu al best lang op mijn puntjes. Mag ik de layout (zonder psd nstuurlijk) verkopen/vrijgeven?

toevoeging op 26 september 2013, 21:48:48:
Als het te lang duurt dan...

Je hebt geen rechten over de layout dus; nee het mag niet.

Wat moet ik dan doen?

Tegen Lennard zeggen.
Dan krijgt hij/zij straf percentage

Ik heb een hover als menu, maar er zit een probleem met IE.
Met chrome ziet ie er zo uit:
http://prntscr.com/1tys90
Maar met Internet Explorer ziet ie er zo uit:
(zonder hover): http://prntscr.com/1tysg9
(met hover): http://prntscr.com/1tysjd
Een live demo is te vinden op http://stef.s2.one2xs.com/
Heeft iemand een oplossing?

Relevante code misschien eens geven?

toevoeging op 28 september 2013, 15:36:25:
In opera ziet er btw zo uit:

En ik zie dat je tabellen gebruikt, gebruik aub divs aangezien tabellen outdated zijn voor het maken van layouts.

Milan schreef:

Relevante code misschien eens geven?

toevoeging op 28 september 2013, 15:36:25:
In opera ziet er btw zo uit:

Afbeelding

En ik zie dat je tabellen gebruikt, gebruik aub divs aangezien tabellen outdated zijn voor het maken van layouts.

Ik neem aan dat je met relevante code dit bedoelt?

Codeblok (style.css):

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
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131

body {
background-color: #4ec6de;
margin: 0;
background-image:url(img/bg.png);
background-repeat:no-repeat;
}

#logo {
width: 300px;
height: 300px;
background-size: 100%;
background-position:center center;
margin-left: -100px;
}

#logo img {
z-index:-1;
}

#content {
width: 1200px;
height: 100%;
margin: 0 auto;
}

#top-bar {
/* IE10 Consumer Preview */
background-image: -ms-linear-gradient(top, #67A5B3 0%, #4E8D9A 100%);

/* Mozilla Firefox */
background-image: -moz-linear-gradient(top, #67A5B3 0%, #4E8D9A 100%);

/* Opera */
background-image: -o-linear-gradient(top, #67A5B3 0%, #4E8D9A 100%);

/* Webkit (Safari/Chrome 10) */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #67A5B3), color-stop(1, #4E8D9A));

/* Webkit (Chrome 11+) */
background-image: -webkit-linear-gradient(top, #67A5B3 0%, #4E8D9A 100%);

/* W3C Markup, IE10 Release Preview */
background-image: linear-gradient(to bottom, #67A5B3 0%, #4E8D9A 100%);
height: 65px;
margin-bottom: 29px;
width: 350px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0px 1px 5px #888;
-webkit-box-shadow: 0px 1px 5px #888;
box-shadow: inset 0px 1px 5px #888;
position:relative;
font-family: bebas;
margin-left: 600px;
margin-top: -180px;
font-size: 15pt;
}

#top-bar ul {
margin: 0;
padding: 0;
list-style: none;
float: left;
}

#top-bar ul li {
float: left;
height: 65px;
text-align: center;
}

#top-bar ul li a {
padding: 15px 20px 10px 15px;
display: block; text-decoration: none;
color: #FFF;
margin-top: 5px;
height: 40px;
}

#top-bar ul li a:hover {
background-color: #569CAB;
margin-top: 0px;
display: block; text-decoration: none;
position: absolute;
line-height:35px;
}

input {
background-color: #f1f1f1;
background-image:url(img/zoek.png);
color: #59a6b6;
}

#zoeken {
margin-left: 1000px;
margin-top: -75px;
}

#vak {
width: 100%;
height: 550px;
background-color: #fff;
margin-top: 50px;
background-image:url(img/ezelsoor.png);
background-repeat:no-repeat;
background-position:right top;
}

::-webkit-input-placeholder { /* WebKit browsers */
color: #59a6b6;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #59a6b6;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #59a6b6;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #59a6b6;
}

th {
background-color: #ed9c39;
}

@font-face
{
font-family: bebas;
src: url(bebas.ttf),
url(bebas.ttf); /* IE9 */
}

margin-top: 0px;
display: block; text-decoration: none;
position: absolute;
line-height:35px;

Dit kan je allemaal weglaten bij #top-bar ul li a:hover om te beginnen.

Ik snap btw dat je ervaring wilt opdoen, maar pak daar een iets makkelijkere layout voor. Als je dit gebased moet hebben laat dat dan doen door iemand die ervaring mee heeft.

Milan schreef:

margin-top: 0px;
display: block; text-decoration: none;
position: absolute;
line-height:35px;

Dit kan je allemaal weglaten bij #top-bar ul li a:hover om te beginnen.

Ik snap btw dat je ervaring wilt opdoen, maar pak daar een iets makkelijkere layout voor. Als je dit gebased moet hebben laat dat dan doen door iemand die ervaring mee heeft.

Ik base wel vaker layouts hoor Maar met IE heb ik nog niet zoveel ervaring Het ziet er nu al iets beter uit, alleen die "SPEL TOEVOEGEN" staat nog scheef.

Weet iemand een site om te leren coderen?
Of heeft iemand een gratis simpele psd voor me?

Luukieboy schreef:

Weet iemand een site om te leren coderen?
Of heeft iemand een gratis simpele psd voor me?

Als je al html en css kan is het opzich niet heel moeilijk, daar zijn vast tutorials van te vinden op google.

Een Playstation 3 gekocht op Marktplaats
toevoeging op 28 september 2013, 17:07:56:
Met GTA 5 ofcourse

Stefvdwel schreef:

Een Playstation 3 gekocht op Marktplaats

toevoeging op 28 september 2013, 17:07:56:
Met GTA 5 ofcourse
En ben je al beetje ver?