[HTML] Tabellen verandern per browser

[Verwijderd]

Mijn site is bijna af en nu zie ik wanneer ik mijn site open in mozilla dat mijn volledige site naar de vaantjes is. Kijk zelf maar
http://users.skynet.be/jellepunk
maar in IE werkt alles prima, ik snap het niet.
moet ik 2 verschillende sites maken of mijn tabel aanpassen of iets in die aard?

[André]

Je hebt een vaste tabel wat heel onhandig is, op kleine resoluties slecht te lezen ivm met scrollen, en op hoge resoluties heb je maar een klein siteje en gebruik je de hogere resolutie niet.

[Verwijderd]

wat stel je anders voor?
heb je een beter idee?
ik werk met photoshop

[X-Lars]

Ik heb je site even bekeken. Als je er echt iets mee wilt gaan doen (webdesign), lijkt het mij verstandig om te beginnen met je pagina niet automatisch door Dreamweaver en Photoshop te laten genereren.

Een paar tips om mee te beginnen:

• Volg een paar tutorials/artikelen over HTML, XHTML en CSS op bijvoorbeeld http://www.w3schools.com/ of zoek gewoon op Google met wat logische zoekwoorden.
• Probeer je HTML gewoon in een text-editor (notepad, ultraedit, etc.) te maken, dan leer je er het meeste van IMHO.

Zal wel even tijd kosten in het begin En misschien is het verstandig om niet "in Photoshop te denken". Probeer eerst te bedenken wat je eigenlijk wilt laten zien en hoe je dat wilt weergeven met je website. Houd daarbij wel je design in het achterhoofd. Iedereen heeft trouwens z'n eigen werkwijze, dus zet ik hier verder maar geen discutabele algemene werkwijze neer. Die ontwikkel je vanzelf wel Succes!

[Barracuda_82]

Verwijderd schreef op 25 maart 2004 @ 10:49:
Mijn site is bijna af en nu zie ik wanneer ik mijn site open in mozilla dat mijn volledige site naar de vaantjes is. Kijk zelf maar
http://users.skynet.be/jellepunk
maar in IE werkt alles prima, ik snap het niet.
moet ik 2 verschillende sites maken of mijn tabel aanpassen of iets in die aard?

Ik zie dat je Iframe's gebruikt. De meeste andere browsers zijn daar niet zo blij mee. Als je per se zo'n scrollend veldje wilt hebben kun je beter gewone frames gebruiken, daar zijn meer browsers het mee eens. Ik zou het niet gebruiken om de redenen die Andre ook al geeft, maar de keuze is aan jezelf.

Verwijderd schreef op 25 maart 2004 @ 11:16:
wat stel je anders voor?
heb je een beter idee?
ik werk met photoshop

En hoezo werk je in Photoshop? PS is bij mijn weten nog steeds geen programma om HTML mee te editen.

[Verwijderd]

ik bedoel, ik het mijn layout in ps gemaakt de rest geedit in dreamweaver. Maar ik snap je redenering niet goed lars. Dus beter in Kladblok gewone site maken en daarna in dreamweaver op punt zetten? en niet met photoshop werken?

[BalusC]

Gooi dreamweaver weg. Een echte webdesigner typt de hele HTML code eigenhandig neer. Zo wéét je waar je mee bezig bent en zo kun je websites controleerbaar houden

[ Voor 16% gewijzigd door BalusC op 25-03-2004 13:20 ]

[Helmet]

BalusC schreef op 25 maart 2004 @ 13:19:
Gooi dreamweaver weg. Een echte webdesigner typt de hele HTML code eigenhandig neer. Zo wéét je waar je mee bezig bent en zo kun je websites controleerbaar houden

Ik ben zelf iemand die ook alleen maar kladblok/een tekst editor gebruik voor de opmaak van mijn pagina's, maar ben het toch NIET eens met jouw stelling.

Ik kan me best voorstellen dat iemand snel een site wil bouwen en geen zin heeft om die in hun ogen moeilijke HTML of XHTML code te leren en gebruik wil maken van de mogelijkheden die dreamweaver biedt.

Ik denk dat als iemand de moeite neemt om dreamweaver te begrijpen (hoewel deze idd ranzige code produceert) hij eenzelfde niveau van controle heeft op de bestanden dan een notepad designer

[Barracuda_82]

BalusC schreef op 25 maart 2004 @ 13:19:
Gooi dreamweaver weg. Een echte webdesigner typt de hele HTML code eigenhandig neer. Zo wéét je waar je mee bezig bent en zo kun je websites controleerbaar houden

Een echte webdesigner verprutst geen uren door al die tabelcodes in te gaan typen in kladblok.

[disjfa]

Helmet schreef op 25 maart 2004 @ 13:24:
[...]
Ik kan me best voorstellen dat iemand snel een site wil bouwen en geen zin heeft om die in hun ogen moeilijke HTML of XHTML code te leren en gebruik wil maken van de mogelijkheden die dreamweaver biedt.

DW heeft idd een nette texteditor. Je moet alleen de designkant eruit gooien en dan heet die weer homesite Maarja

@Barracuda_82: idd, waarom tables gebruiken voor layout als het ook makkelijker kan

[ Voor 10% gewijzigd door disjfa op 25-03-2004 13:27 ]

[André]

Helmet schreef op 25 maart 2004 @ 13:24:
[...]


Ik ben zelf iemand die ook alleen maar kladblok/een tekst editor gebruik voor de opmaak van mijn pagina's, maar ben het toch NIET eens met jouw stelling.

Ik kan me best voorstellen dat iemand snel een site wil bouwen en geen zin heeft om die in hun ogen moeilijke HTML of XHTML code te leren en gebruik wil maken van de mogelijkheden die dreamweaver biedt.

BalusC heeft het over echte webdesigners die gebruiken wel een texteditor.

Ik denk dat als iemand de moeite neemt om dreamweaver te begrijpen (hoewel deze idd ranzige code produceert) hij eenzelfde niveau van controle heeft op de bestanden dan een notepad designer

Iets begrijpen maakt nog niet dat je het zelf ook kunt...

[RM-rf]

BalusC kent waarschijnlijk niet zoveel echte webdesignerts, maar ik ben echt liever lui dan dat ik veel tijd besteed aan ingetiepte code met fouten zeker met enorme tabellen, die wil je gewoon niet handmatig gaan intikken.
(en ja, ik maak meer tiepfouten dan de eerste de beste secretaresse, tiepen is voor meisjes)

Wat de code betreft, het is me eerder een wonder dat de code wel lijkt te werken in msie.
als ik zo grofweg eventjes kijk, zie ik in de ernaast staande cellen twee rowspan=2, terwijl de cel waarin het iframe staat geen rowspan heeft.
volgens mij ligt de fout in overmatig gebruik van colspan en rowspan, feitelijk maakt dat het gedrag van browsers zeker onvoorspelbaar.

Op zo'n moment is het goed te beseffen dat Tabellen niet voor Layout doeleinden zijn.
beter is het hier te kiezen voor slim gebruik van DIV's en deze te stylen met CSS.
als je overigens enkel een scrollbalk wil in een blok, is het zinniger om gewoon de CSS-waarde overflow: auto te gebruiken, geen frame-troep.

[ Voor 6% gewijzigd door RM-rf op 25-03-2004 13:38 ]

[Helmet]

André schreef op 25 maart 2004 @ 13:29:
[...]

BalusC heeft het over echte webdesigners die gebruiken wel een texteditor.

[...]

Iets begrijpen maakt nog niet dat je het zelf ook kunt...

Het gaat er hier ook niet om of de developer de code kan begrijpen en zoals ik al zei ik gebruik zelf ook alleen maar notepad omdat ik het idd fijn vind om mijn code gestructureerd en dus overzichtelijk weer te geven.

Het gaat er hier echter over hoe de mate van beheerbaarheid binnen een website ligt en ik denk dat dit via een programma als dreamweaver (wat ik dus niet gebruik) net zo goed kan als met notepad of PHPed (lekkere syntax highlighting btw)

En er zijn genoeg designers die niet met HTML overweg kunnen en dat zelfs niet eens willen kunnen en toch vrij mooie sites in elkaar bakken

[X-Lars]

Met alle respect, maar dit alles gaat de TS denk ik een beetje de pet te boven. Aan de andere kant: we zijn hier op GoT en een beetje niveau mag wel worden verwacht. Dus misschien is een verwijzing naar http://beginnersweb.nl/ wel op zijn plaats

[RM-rf]

misschien een stukje voorbeeldcode:

code:

<div id="main">
   <div id="navigation">
        <a href="nieuws.htm"><img 
             name="nieuws" src="images/groen_nieuws.gif" alt="Nieuws"></a>
       <a href="wie.htm"><img 
             name="wie" src="images/groen_wie.gif" alt="Wie?"></a>
        <a href="wat.htm"><img 
             name="wat" src="images/groen_wat.gif" alt="Wat?"></a>
        <a href="hoe.htm"><img 
             name="hoe" src="images/groen_hoe.gif" alt="Hoe?"></a>
        <a href="ontwerpen.htm"><img 
             name="ontwerpen" src="images/groen_ontwerpen.gif" alt="Ontwerpen"></a>
        <a href="contact.htm"><img 
             name="contact" src="images/groen_contact.gif" alt="Contact"></a>
    </div>
    <div id="body">
       <h1>Nieuws<h1>
       <h2>24/03/04<h2>
        <p> Nieuw ontwerp bezig zoals je al kan zien
        Ook een paar photoshop ontwerpen online zetten.
        Voorlopig zal je het nog moeten doen met hetgeen dat erop staat.</p>
       <h2>22/03/04<h2>
       <p>Omdat de vorige pagina echt lelijk was staat er nu hopelijk een definitieve 
        versie online</p>
    </div>
    <div id="footer">
       <img src="images/groen_33.gif" alt="Jelle Victoor Web- en Photoshop design ">
    </div>
</div>

deze code is vervolgens geheel te stylen met CSS, dmv paddings en margins, positionering, zodat hij exact eruit komt te zien als de huidige site, voordeel is beknoptere code, overzichtelijker, en bovendien zal het compatibile zijn in alle huidige browsers (msie4+, mozilla, safari, opera e.d.)

Wat zaken om op te letten:
- naming, probeer beknopte bruikbare namen te gebruiken, in een name geen kleur toepassen, hooguit in de filenamen van afbeeldingen (dat is handig als je verschillende templates hebt, in verschillende kleuren, echter ook dan is een separate ordner per templae beter)
- probeer niet afhankelijk te zijn van javascript voor je navigatie (dus gewone links onder de A HREF zetten)
- less is more qua basis-code

[ Voor 34% gewijzigd door RM-rf op 25-03-2004 13:58 ]

[Bosmonster]

AUB ONTOPIC

TS kan hier imho best geholpen worden met wat concrete tips met betrekking tot HTML ipv geneuzel over waar die z'n sites in bouwt.

[Verwijderd]

ha, ok
dus
kzal enkel de code bewerken in dreamweaver, maar mijn tabel is zo (niet met css) omdat ik save for web gedaan heb in PS en niet meer heb aangepast, ik weet overigens ook niet hoe div's werken dus, daar kan ik niet veel verder mee. Ook is het dat ik maar matig of beginnend met css kan werken, ik kan mijn volledige layout aanpassen maar niet beginnen met div's controleren en zo verder, mss zou ik wel mijn html wat mogen bijschaven, ik ben al 4 jaar bezig met sites bouwen en mijn html hebt ik gebruike voor mijn eerste kleine sites. Dus verwijs me niet door naar beginnersweb ;-)
verder mijn javascript is nodig om 2 iframes te laden met 1 knop, kan je dat met simple html? Kweetniet, kheb er lang genoeg achter gezocht, kben blij dat het nu werkt met javascript
greetz
jellepunk

[Bosmonster]

Ok.. Bij deze pas ik mijn stelling ietsje bij...

-> http://www.beginnersweb.nl
-> http://www.w3schools.com

[ Voor 16% gewijzigd door Bosmonster op 25-03-2004 14:27 ]