FOK!forum / Digital Corner / Iemand een simpel ontwerp slicen?
sabandinsdag 12 februari 2008 @ 20:58
Is er toevallig iemand die voor mij een ontwerp om kan zetten naar XHTML (CSS).
Het is een redelijk simpel ontwerp. Ik kan het wel, echter kan ik het alleen in tables

Mocht iemand het willen doen, hierbij het ontwerp: http://nl.tinypic.com/view.php?pic=1xxco6&s=3

- Groene tekst bovenin wordt een image/logo, dus geen tekst.
- Grijze vlak links moet in hoogte uitrekbaar zijn.
- Groene grote vlak moet ook in hoogte uitrekbaar zijn.
- Groene vlak onder staat vast.

Ik hoop dat dit toegestaan is volgens de regels van fok.

Ik wacht af
hielkejdinsdag 12 februari 2008 @ 21:12
Dit lijkt me een mooie kans voor je om HTML + CSS te gaan leren.

Site is redelijk simpel, dus dat moet wel te doen zijn
jordeeehdinsdag 12 februari 2008 @ 21:13
Geef de .pdf dan
G3rtjuhdinsdag 12 februari 2008 @ 21:14
En wat moet er dus gebeuren?

En waarom zou je het niet in tables doen?
HenkBenzinetankdinsdag 12 februari 2008 @ 21:14
quote:
Op dinsdag 12 februari 2008 20:58 schreef saban het volgende:
Is er toevallig iemand die voor mij een ontwerp om kan zetten naar XHTML (CSS).
Het is een redelijk simpel ontwerp. Ik kan het wel, echter kan ik het alleen in tables

Mocht iemand het willen doen, hierbij het ontwerp: http://nl.tinypic.com/view.php?pic=1xxco6&s=3

- Groene tekst bovenin wordt een image/logo, dus geen tekst.
- Grijze vlak links moet in hoogte uitrekbaar zijn.
- Groene grote vlak moet ook in hoogte uitrekbaar zijn.
- Groene vlak onder staat vast.

Ik hoop dat dit toegestaan is volgens de regels van fok.

Ik wacht af
http://www.glish.com/css/7.asp
The_Terminatordinsdag 12 februari 2008 @ 21:20
Tja, op deze manier help je jezelf er wel een beetje makkelijk vanaf. Gewoon zelf experimenteren, heb ik ook gedaan bij mijn site zonder enige kennis van CSS, na veel proberen is het echter perfect gelukt en heb ik bijna alle tables omgezet naar div's.
sabandinsdag 12 februari 2008 @ 21:23
quote:
Op dinsdag 12 februari 2008 21:14 schreef G3rtjuh het volgende:
En wat moet er dus gebeuren?

En waarom zou je het niet in tables doen?
Als iemand het wilt - omzetten naar (X)HTML.
Je hoort pas gebruik te maken van tables wanneer je wilt werken met tabellen, logisch

De vlakken zijn bijvoorbeeld niet hoekig, maar lopen rondig, dat is al te moeilijk voor mij...

Het is ook gewoon als iemand tijd over heeft, anders is het gewoon jammer voor me..
The_Terminatordinsdag 12 februari 2008 @ 21:29
quote:
Op dinsdag 12 februari 2008 21:23 schreef saban het volgende:

[..]

Als iemand het wilt - omzetten naar (X)HTML.
Je hoort pas gebruik te maken van tables wanneer je wilt werken met tabellen, logisch

De vlakken zijn bijvoorbeeld niet hoekig, maar lopen rondig, dat is al te moeilijk voor mij...

Het is ook gewoon als iemand tijd over heeft, anders is het gewoon jammer voor me..
Zie dit: http://www.joriso.nl/verhaaltjes-grafisch-CSS_corner.html

Als je op het internet zoekt kom je al heel ver
sabandinsdag 12 februari 2008 @ 21:36
quote:
Op dinsdag 12 februari 2008 21:29 schreef The_Terminator het volgende:

[..]

Zie dit: http://www.joriso.nl/verhaaltjes-grafisch-CSS_corner.html

Als je op het internet zoekt kom je al heel ver
Ik wil toch liever wachten of iemand het voor mij wilt doen, zo niet moet ik het wel verplicht zelf doen
Echter wil ik hier niet te veel tijd aan besteden omdat ik zelf eerder php/mysql-er ben en hierin iets wil bouwen ...
Sapstengeldinsdag 12 februari 2008 @ 21:37
Als je Photoshop CS2 gebruikt kan je met ImageReady makkelijk slicen. Je kan al je slices een naam geven en kiezen of het een afbeelding of effen achtergondkleur moet zijn en daarna opslaan naar xhtml. Dan krijg je een html bestand waar alles in xhtml in staat met DIV's.
sabandinsdag 12 februari 2008 @ 21:55
quote:
Op dinsdag 12 februari 2008 21:37 schreef Sapstengel het volgende:
Als je Photoshop CS2 gebruikt kan je met ImageReady makkelijk slicen. Je kan al je slices een naam geven en kiezen of het een afbeelding of effen achtergondkleur moet zijn en daarna opslaan naar xhtml. Dan krijg je een html bestand waar alles in xhtml in staat met DIV's.
Imageready maakt er toch tables van, geen div/css?
HenkBenzinetankdinsdag 12 februari 2008 @ 22:39
quote:
Op dinsdag 12 februari 2008 21:36 schreef saban het volgende:

[..]

Ik wil toch liever wachten of iemand het voor mij wilt doen, zo niet moet ik het wel verplicht zelf doen
Echter wil ik hier niet te veel tijd aan besteden omdat ik zelf eerder php/mysql-er ben en hierin iets wil bouwen ...
tja met zo'n instelling...

En als je als php'er niet eens correcte HTML/CSS kan uitspugen, dan vrees ik voor je code
sabanwoensdag 13 februari 2008 @ 08:24
quote:
Op dinsdag 12 februari 2008 22:39 schreef HenkBenzinetank het volgende:

[..]

tja met zo'n instelling...

En als je als php'er niet eens correcte HTML/CSS kan uitspugen, dan vrees ik voor je code
Hey, 't werkt tenminste
Daarbij is het voor mezelf, zolang ik het dus maar kan begrijpen
Sapstengelwoensdag 13 februari 2008 @ 08:46
quote:
Op dinsdag 12 februari 2008 21:55 schreef saban het volgende:

[..]

Imageready maakt er toch tables van, geen div/css?
Dat kan je instellen. Als je gaat exporteren moet je in dat browser schermpje onderaan bij settings voor xhtml kiezen.
Dzywoensdag 13 februari 2008 @ 09:59
[CSS] voor dummies - Deeltje 8
CraZaaywoensdag 13 februari 2008 @ 15:55
quote:
Op dinsdag 12 februari 2008 22:39 schreef HenkBenzinetank het volgende:

En als je als php'er niet eens correcte HTML/CSS kan uitspugen, dan vrees ik voor je code
Hoezo? Als je je bezig houdt met models en controllers hoef je toch helemaal niets met de views te maken te hebben? Ik vrees eerder voor de code van mensen die HTML in de logica zelf verwerken

Voor de TS: voor 80 euro per uur ex btw op basis van nacalculatie ben ik je man. En anders zelf leren
Litphowoensdag 13 februari 2008 @ 16:02
quote:
Op woensdag 13 februari 2008 15:55 schreef CraZaay het volgende:

[..]

Hoezo?
Php'er en "vrees voor de code" in dezelfde zin? .
mcDavidwoensdag 13 februari 2008 @ 18:53
quote:
Op woensdag 13 februari 2008 15:55 schreef CraZaay het volgende:

[..]

Hoezo? Als je je bezig houdt met models en controllers hoef je toch helemaal niets met de views te maken te hebben? Ik vrees eerder voor de code van mensen die HTML in de logica zelf verwerken

Voor de TS: voor 80 euro per uur ex btw op basis van nacalculatie ben ik je man. En anders zelf leren
70 hier
Qweawoensdag 13 februari 2008 @ 18:57
quote:
Op woensdag 13 februari 2008 15:55 schreef CraZaay het volgende:

[..]

Hoezo? Als je je bezig houdt met models en controllers hoef je toch helemaal niets met de views te maken te hebben? Ik vrees eerder voor de code van mensen die HTML in de logica zelf verwerken

Voor de TS: voor 80 euro per uur ex btw op basis van nacalculatie ben ik je man. En anders zelf leren
30 hier
mcDavidwoensdag 13 februari 2008 @ 18:59
Godver Qwea, je crasht de markt!

28 euro.
Qweawoensdag 13 februari 2008 @ 19:00
25
CraZaaywoensdag 13 februari 2008 @ 19:47
Brancheverziekers
sabanwoensdag 13 februari 2008 @ 20:24
Zelf maar geprobeerd, zal wel super NIET-correct CSS zijn, maar 't werkt tenminste (deels dan)
klik
CraZaaywoensdag 13 februari 2008 @ 20:41
Heb je CSS gebruikt dan? Ik heb de pagina even zonder CSS bekeken, en dan verandert er niet echt veel
sabanwoensdag 13 februari 2008 @ 20:42
quote:
Op woensdag 13 februari 2008 20:41 schreef CraZaay het volgende:
Heb je CSS gebruikt dan? Ik heb de pagina even zonder CSS bekeken, en dan verandert er niet echt veel
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		<style type="text/css">
   #leftcontent {
      position: absolute;
      left:60px;
      top:130px;
      width:180px;
      padding:10px;
      background:#dfdfdf;
      font-family: tahoma;
      font-size: 11px;
      }
      
   #midcontent {
      position: absolute;
      left:290px;
      top:130px;
      width:600px;
      padding:10px;
      background:#e8ebbe;
      font-family: tahoma;
      font-size: 11px;
      }
      
   #logocontent {
      position: absolute;
      left:60px;
      top:20px;
      }
      
   h1 {
      font-size:20px;
      padding-top:10px;
      }
</style>


Dit is toch CSS