Spacer images

[Shr3d]

Jo,

Zit nu flink te coden aan onze nieuwe website, en zoals altijd komen de spacer.gifs om de hoek kijken aangezien we het geheel eerst in Fireworks slicen.

Aanschouw:

code:

   <td width="15" height="1"></td>
   <td width="106" height="1"></td>
   <td width="8" height="1"></td>
   <td width="99" height="1"></td>
   <td width="8" height="1"></td>
   <td width="53" height="1"></td>
   <td width="46" height="1"></td>
   <td width="8" height="1"></td>
   <td width="52" height="1"></td>
   <td width="47" height="1"></td>
   <td width="8" height="1"></td>
   <td width="107" height="1"></td>
   <td width="183" height="1"></td>
   <td width="10" height="1"></td>
   <td nowrap>[img]"images/spacer.gif"[/img]
</td>
  </tr>

Dit waren de spacer gifs, en heb ik even zo omgezet aangezien ik het met style="margin: 0 0 0 0" niet aan de praat kreeg.

Dit ziet er perfect uit in Mozilla...maar in IE vern**** het de hele layout.
Ook als ik er   inzet op de newbie manier wordt het niets.

Wat is het juiste standaard hiervoor?

Alvast bedankt!

[Eskimootje]

Geen spacers die gebruikten ze in de middeleeuwen wat dacht je van css

[Shr3d]

Eskimootje schreef op 24 juli 2004 @ 17:50:
Geen spacers die gebruikten ze in de middeleeuwen wat dacht je van css

Hehe..de site is nu voor 99% CSS op de spacer shit na.

Daarom wil ik even weten hoe ik dat ga doen

Read

[pasta]

Spacer-images zijn AFAIK redelijk passé. Je kunt IMO beter gebruik maken van positionering van elementen (bv. divs) via CSS.

edit:
Anders ben ik langzaam ofzo

[ Voor 14% gewijzigd door pasta op 24-07-2004 17:51 ]

[Johnny]

Tabellen voor de layout = not done
Spacer gifs = not not not done

Laat de hele pagina eens zien, (even uploaden) dan kunnen we je beter helpen, dit stuk code kun je in z'n geheel wel weggooien.

[Shr3d]

Hmm..en ik dacht even helemaal up 2 date te zijn, helaas.

http://www.i-magination.nl/brandnew/

Even de spacers teruggezet.

Het is idd waar dat tables passé zijn voor een slice erin te zetten, het is er niet eens voor gemaakt. Ben ook aan het proberen geweest het helemaal css te maken e.d (zoals jullie zeggen), maar dat is met zo'n layout wel érg moeilijk.

Maar goed, alle hulp is welkom.

p.s alleen de frontpage..rest is gewoon zooi (als je verderkijkt op de site)

[ Voor 10% gewijzigd door Shr3d op 24-07-2004 18:10 ]

[Verwijderd]

lees eens wat over semantiek, stop je menu in een ul, je tekst in paragrafen, je headers is hx

en alle tabellen en spacers eruit, die wil ik niet mer zien, foei (zeker voor een vooruitstrevend bedrijf)

bekijk de boel voor de lol eens in ff of opera zonder styles

[ Voor 14% gewijzigd door Verwijderd op 24-07-2004 18:10 ]

[Verwijderd]

En nog een doctypje erop gooien ook (wel quasi valid maken dan ook).
Je css elementen benoemen zodat je ze later nog erkend. (Dus niet style1 tot style100).

[Shr3d]

Verwijderd schreef op 24 juli 2004 @ 18:16:
En nog een doctypje erop gooien ook (wel quasi valid maken dan ook).
Je css elementen benoemen zodat je ze later nog erkend. (Dus niet style1 tot style100).

www.i-magination.nl/brandnew/styles/main.css

Is ook, of zie ik iets over het hoofd? De doctype is gewoon door dreamweaver geadd

en alle tabellen en spacers eruit, die wil ik niet mer zien, foei (zeker voor een vooruitstrevend bedrijf)

Wat ik dus ga doen is de hele slice weg, en alles hand-coded opbouwen. Ik heb genoeg voorbeelden en nu ook kennis om dat wel te kunnen doen. Zal wel wat langer gaan duren maar ik ga het zeker fixxen.

Thanks!

[ Voor 32% gewijzigd door Shr3d op 24-07-2004 18:26 ]

[Verwijderd]

Bijna, enkel nog veranderen in namen die niet afhankelijk zijn van de stijl, je zou later bv. mbv van css je linkerimage rechts kunnen zetten
(Ben gewoon aan het zeggen wat w3 adviseert, tis hier ff saai thuis, dus don't bother)

[zubauza]

Shr3d schreef op 24 juli 2004 @ 17:47:

code:

   <td width="15" height="1"></td>
   <td width="106" height="1"></td>
   <td width="8" height="1"></td>
   <td width="99" height="1"></td>
   <td width="8" height="1"></td>
   <td width="53" height="1"></td>
   <td width="46" height="1"></td>
   <td width="8" height="1"></td>
   <td width="52" height="1"></td>
   <td width="47" height="1"></td>
   <td width="8" height="1"></td>
   <td width="107" height="1"></td>
   <td width="183" height="1"></td>
   <td width="10" height="1"></td>
   <td nowrap>[img]"images/spacer.gif"[/img]
</td>
  </tr>

een <td> zonder inhoud (bijv. &nbsp of spacer img) wordt in de meeste browsers niet gerenderd geloof ik

[ Voor 37% gewijzigd door zubauza op 24-07-2004 18:29 . Reden: &nbsp wordt als spatie gerenderd :( ]