Woof, woof, woof, woof! That's my other dog imitation. | https://youtu.be/TzsNh3-FnHQ
Maar als je het echt wilt gaan doen..uhm..ja..geen idee eigenlijk, ik gebruik ze nooit...
Research is what I'm doing when I don't know what I'm doing.
maar misschien werken tabellen ook fijn, vertel...
Woof, woof, woof, woof! That's my other dog imitation. | https://youtu.be/TzsNh3-FnHQ
Tabellen zijn niet voor layouts aangezien het aardig wat browsers moeite kost om de tabellen juist te parsen.Roa schreef op 14 september 2003 @ 12:34:
Ik ben niet zo'n fan van layers, langleve de tabellen!
[ Voor 32% gewijzigd door snoopy op 14-09-2003 12:50 ]
Ik gebruik ook tabellen in tabellen; ik zit de content in een tabel die 210 width is, terwijl de eigenlijke tabel die je op je scherm ziet 220 is. Hierdoor word de layout nooit verneukt. Het is ff passen en meten voor je alles goed hebt, dat is zeker, maar layers is ook nog maar de vraag of alles goed gaat werken....
Ik ben gewoon een voorstander voor CSS met tabellen
Research is what I'm doing when I don't know what I'm doing.
HEIGHT="450" is een niet bestaand element van een tabelRoa schreef op 14 September 2003 @ 12:56:
Hmm, ik ken weinig grote site's die layers boven tabellen preferen. De 'kunst' is om te zorgen dat iedere browser de tabelen hetzelfde neerzet, en daarvoor moet je gewoon duidelijke eigenschappen meegeven. Dus niet height="100%", maar height="450" ofzo. Dan worden ze in princiepe overal mooi 450 hoog gemaakt. Bij 100% moet je maar afwachten welke browser wat doet.
Ik gebruik ook tabellen in tabellen; ik zit de content in een tabel die 210 width is, terwijl de eigenlijke tabel die je op je scherm ziet 220 is. Hierdoor word de layout nooit verneukt. Het is ff passen en meten voor je alles goed hebt, dat is zeker, maar layers is ook nog maar de vraag of alles goed gaat werken....
Ik ben gewoon een voorstander voor CSS met tabellen![]()
voor meer informatie over het bouwen van een site met layers: http://www.glish.com/css/
Icons are overrated
[ Voor 10% gewijzigd door GeeBee op 14-09-2003 12:59 ]
Woof, woof, woof, woof! That's my other dog imitation. | https://youtu.be/TzsNh3-FnHQ
Verwijderd
Een voordeel is dat code vrij compact gehouden kan worden (laad sneller).
Bij tabellen ben je nogal snel geneigd tabellen in tabellen te gaan nesten. Je pagina wordt zo onnodig zwaar om te laden.
Layers ( <div>jes ) kun je mooi vormgeven met stylesheets. O.a. met 'border-top', 'border-left' etc.. kun je vlakken vormgeven.
Het is netjes om de opmaak compleet te scheiden van de inhoud.
Voorbeeldje:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
| <html>
<head>
<title>Titel</title>
<link rel="stylesheet" href="style.css" type="text/css" media="screen">
</head>
<body>
<div class="koptekst">
</div>
<div class="kader_nieuws">
Opsomming nieuwsberichten
</div>
<div class="info">
Info over nieuws onderwerp
</div>
<div class="voettekst">
</div>
</body>
</html> |
De rest staat in de stylesheet gedefineerd.
Tabellen kan je ook heel makkelijk van alles instellen met CSS hoorVerwijderd schreef op 14 september 2003 @ 13:01:
Voordeel van layers is dat je exact aan kan geven waar verschillende objecten komen.
Een voordeel is dat code vrij compact gehouden kan worden (laad sneller).
Bij tabellen ben je nogal snel geneigd tabellen in tabellen te gaan nesten. Je pagina wordt zo onnodig zwaar om te laden.
Layers ( <div>jes ) kun je mooi vormgeven met stylesheets. O.a. met 'border-top', 'border-left' etc.. kun je vlakken vormgeven.
Het is netjes om de opmaak compleet te scheiden van de inhoud.
Voorbeeldje:
code:
1 ...
De rest staat in de stylesheet gedefineerd.
En height geen element van een tabel? oh?
Overigens dat sneller laden, je mag wel een erg trage pc hebben wil je het verschil merken tussen layers en tabellen. Maar goed, ik ben nu eenmaal voorstander van tabellen, dus we kunnen deze discusie nu wel gaan voeren, maar daar heeft de TS niet zoveel aan denk ik?
[ Voor 26% gewijzigd door Roa op 14-09-2003 13:11 ]
Research is what I'm doing when I don't know what I'm doing.
Deze discussie is al vaker gevoerd, dus hier een korte samenvatting:Roa schreef op 14 September 2003 @ 13:10:
[...]
Tabellen kan je ook heel makkelijk van alles instellen met CSS hoor
En height geen element van een tabel? oh?![]()
Overigens dat sneller laden, je mag wel een erg trage pc hebben wil je het verschil merken tussen layers en tabellen. Maar goed, ik ben nu eenmaal voorstander van tabellen, dus we kunnen deze discusie nu wel gaan voeren, maar daar heeft de TS niet zoveel aan denk ik?
TABELLEN ZIJN EIGENLIJK BEDOELD VOOR TABULLAIRE OPMAAK... Een lijstje ergens neerzetten, zonder echt rekening te houden met opmaak (van de tabel).
Ik reageer alleen ff op je volgende zinsnede:
Weet je wel hoe tabellen worden gerendered door browser als IE? De tabel wordt pas weergegeven als de laatste </table> tag gevonden wordt! Moet jij eens kijken of je het verschil ziet tussen een tabel met 10000 regels of een div met 10000 regels.Overigens dat sneller laden, je mag wel een erg trage pc hebben wil je het verschil merken tussen layers en tabellen.
Ace of Base vs Charli XCX - All That She Boom Claps (RMT) | Clean Bandit vs Galantis - I'd Rather Be You (RMT)
You've moved up on my notch-list. You have 1 notch
I have a black belt in Kung Flu.
hou nou eens op met altijd maar die page te linkenHelmet schreef op 14 September 2003 @ 12:57:
[...]
HEIGHT="450" is een niet bestaand element van een tabel![]()
voor meer informatie over het bouwen van een site met layers: http://www.glish.com/css/
dit was niet persoonlijk naar jou bedoeld, maar ik zie iedereen altijd naar die pagina linken bij dit onderwerp. hou daarmee op. die pagina geeft GEEN goed alternatief voor tabellen. dank u
veel en veel beter is deze pagina, omdat ie echt goeie voobeelden geeft m.b.t. fluid design.
[ Voor 16% gewijzigd door Not Pingu op 14-09-2003 13:43 ]
Certified smart block developer op de agile darkchain stack. PM voor info.
Kijk maar eens naar www.espn.com, www.macromedia.com, www.adaptivepath.com, http://www.pga.com/openchampionship/ en zo komen er steeds meer.
Een hele goede site waar je veel vragen kwijt kunt is de mailing list van www.css-discuss.org waar o.a eric meyer, en andy budd van http://www.message.uk.com/ en hier staat nog een lezing van zeldman http://www.happycog.com/lectures/dwws/
Ow ja en www.csszengarden.com mag natuurlijk ook niet ontbreken!
[ Voor 13% gewijzigd door IschaGast op 14-09-2003 13:39 . Reden: css zengarden vergeten ]
iedereen moet ze trouwens bekijken
[ Voor 35% gewijzigd door flashin op 14-09-2003 13:51 ]
http://home.quicknet.nl/q...tylesheetcursus/index.htm
Ik ben zelf ook pas begonnen met een stylesheet opzetten. Het makkelijkste vond ik gewoon eentje van een voorbeeldsite rippen en vervolgens naar eigen zin aanpassen.
-
Ja, dat is zeker waar ja...BtM909 schreef op 14 September 2003 @ 13:18:
[...]
Deze discussie is al vaker gevoerd, dus hier een korte samenvatting:
TABELLEN ZIJN EIGENLIJK BEDOELD VOOR TABULLAIRE OPMAAK... Een lijstje ergens neerzetten, zonder echt rekening te houden met opmaak (van de tabel).
Heb je ook helemaal gelijk in, maar gelukkig zit ik niet aan die aantallen, dus hoef ik me er geen zorgen over te maken. Waarschijnlijk zijn div's ook wel beter...Misschien dat ik me erin ga verdiepen bij de volgende grote updateIk reageer alleen ff op je volgende zinsnede:
[...]
Weet je wel hoe tabellen worden gerendered door browser als IE? De tabel wordt pas weergegeven als de laatste </table> tag gevonden wordt! Moet jij eens kijken of je het verschil ziet tussen een tabel met 10000 regels of een div met 10000 regels.
Research is what I'm doing when I don't know what I'm doing.
niet echt lekkere cursus:Arie Kanarie schreef op 14 September 2003 @ 13:48:
en ik heb een linkje met een cursus in het nederlands gevonden:
http://home.quicknet.nl/q...tylesheetcursus/index.htm
1
2
3
4
5
6
7
8
9
10
11
12
13
14
| <HTML> <HEAD> <TITLE>Oefening </TITLE> </HEAD> <BODY> <DIV ID=rel STYLE="position: relative; top: 60px; left: 60px; width: 2in; height: 4in; color: red"> We bepalen de breedte van de tekst die we in ons document zetten. Zonder gebruik te maken van de <BR> tag om de zinnen af te breken. We zien dat de lijn op 4 inch staat, gemeten vanaf de bovenste rand van de tekst. </DIV> <HR SIZE=3 WIDTH=50% NOSHADE> </BODY> </HTML> |
:x
[ Voor 9% gewijzigd door flashin op 14-09-2003 13:53 ]
Verwijderd
Het gaat hier gewoon om correct gebruik van HTML. Als je een lijstje maakt, gebruik je een ul, ol of dl element. Als je een kopje maakt, gebruik je een heading element (h1-h6).
Wil je gewoon een stel elementen markeren omdat ze bij elkaar horen, zoals je complete navigatie, of het stuk uit je broncode wat de variabele inhoud moet bevatten, dan kun je hiervoor eventueel een div element gebruiken als er geen element is dat méér specifiek is over de inhoud van het element.
En layers? Dat is helemaal zo'n loze term. Is een formulier een layer? Nee, zul je denken, maar het formulier vertoont exact het gedrag van een layer als je hem een hoogte, breedte en absolute positie opgeeft. Een div is dus helemaal niets speciaals. En 'layer' is een populair buzzword dat te vaak en te pas en te onpas wordt gebruikt.
de <layer> tag is oude Netscape 4 html. "vroeger" deed je wat je met IE deed met divjes, in Netscape met Layers (of andersom). Nou kan je best een pagina in 'layers' opbouwen, maar dat zou ik dan meer zien in de zin van "gelaagd" tegenover het oude table gebruik, waar je alles rotsvast dichttimmert en naderhand met de gebakken peren zit als iets 2px moet opschuiven.
Instagram | Flickr | "Let my music become battle cries" - Frédéric Chopin
de div LAYERS werken over het algemeen makkelijker en word volgens mij ook steeds vaker gebruikt.. Werken ook gemakkelijker met css.Verwijderd schreef op 14 september 2003 @ 13:56:
En layers? Dat is helemaal zo'n loze term. Is een formulier een layer? Nee, zul je denken, maar het formulier vertoont exact het gedrag van een layer als je hem een hoogte, breedte en absolute positie opgeeft. Een div is dus helemaal niets speciaals. En 'layer' is een populair buzzword dat te vaak en te pas en te onpas wordt gebruikt.
Verwijderd
Als iemand een div 'layer' gebruikt om een plaatje te positioneren, dan is dat eerder onkunde.
Verwijderd
Een van de belangrijkste zaken die je moet kennen, is het verschil van absolute, en relative bij het positioneren, en op welke manier je deze kan uitbuiten. Veel mensen weten niet hoe dit allemaal in elkaar steekt, en op welke manier een object zich gedraagt als het relative of absolute is gepositioneerd, is relative ten op zichte van het parent object, ten opzicht van de body? Zelfde geldt voor absolute.
Er zijn nog niet zo gek veel grote sites die tables voor layout hebben laten vallen, maar oa wired.com, en in mijn ogen een hele mooie ESPN.com.
ESPN was de eerste portal van dergelijk formaat die totaal is afgestapt van tables voor layout, en dit voor elkaar hebben gekregen zonder CSS hacks. (vergeet even niet dat hier een leger aan developers voor nodig is).
Verwijderd
Ik denk dat je CSS te beperkt inschat en DIVs teveel waarde geeft...flashin schreef op 14 september 2003 @ 17:55:
div layers zijn bedoeld voor CSS, je kan makkelijker "ff" de layout veranderen door de positie ff te veranderen. Met tables gaat dit niet echt even makkelijk. Natuurlijk zullen div's niet altijd even handig zijn, maar ze worden wel steeds vaker gebruikt.
DIVs zijn niet bedoeld voor CSS, CSS is bedoeld als opmaaktaal voor (o.a.) HTML. Juist omdat de opmaak en positie van elk element kan worden bepaald is het zo krachtig. Als dat beperkt zou blijven tot DIVs zouden we er nog geen ruk aan hebben.
Er is maar een verschil tussen DIVs en andere block-level elementen in HTML (zoals UL, FORM, DL of P). Het verschil is dat DIVs geen betekenis geven aan de informatie die erin staat. Een UL bevat een opsomming, een FORM een formulier, een DL een aantal definities, een P een paragraaf tekst. Qua CSS maakt het (bijna) niets uit over welk element je het hebt.
zo bedoelde ik het niet, ik gebruik ze zelf ook niet constant. Maar wat ik wilde zeggen is dat ze steeds vaker worden gebruikt overal, omdat zoals je al zei, DIVs geven geen betekenis mee.Als dat beperkt zou blijven tot DIVs zouden we er nog geen ruk aan hebben.
Wat ik probeerde te melden is dat DIVs in combo met CSS steeds vaker en vaker voorkomt. Ik gebruik ze zelf ook niet altijd, tables werken soms gemakkelijker. Je maakt er iig (imo) vaak je html wel een stuk overzichtelijker mee, niet met tables..
[ Voor 4% gewijzigd door flashin op 14-09-2003 20:12 ]
Ik heb de broncode van ESPN.com even doorgenomen (alleen de homepage, en een subpagina) en ik kan niet anders dan zeggen dat ik het beter had gekund. Nog steeds worden er tabellen gebruikt op plaatsen waar dat absoluut niet nodig is, er zitten ranzige, inconsistente dingen in zoals gemengd hoofdletter gebruik, niet afgesloten tags en op iedere pagina moeten enorme javascripts opnieuw worden geladen.[b][message=18745241,noline]Gordijnstok schreef op 14 september 2003 @
Er zijn nog niet zo gek veel grote sites die tables voor layout hebben laten vallen, maar oa wired.com, en in mijn ogen een hele mooie ESPN.com.
ESPN was de eerste portal van dergelijk formaat die totaal is afgestapt van tables voor layout, en dit voor elkaar hebben gekregen zonder CSS hacks. (vergeet even niet dat hier een leger aan developers voor nodig is).
Wired.com ziet er van binnen wel heel netjes uit
De beste manier om CSS te gebruiken is een site te maken alsof je geen CSS gebruikt, dus door de juiste tags voor de verschillende onderdelen te gebruiken. Een site opgebouwd uit allemaal DIVs die een verschillende stijl hebben toegewezen gekregen is niet waarvoor CSS bedoeld is. Een DIV gebruik je om verschillende tags te groeperen, deze tags kun je vervolgens weer opmaken met CSS. Wanneer je je stylesheet niet laad moet nog steeds duidelijk zijn wat een titel is en wat een paragraaf.
Aan de inhoud van de bovenstaande tekst kunnen geen rechten worden ontleend, tenzij dit expliciet in dit bericht is verwoord.
Verwijderd
Als ik een siteje maak nu dan is dit gewoon eerst een paar divs die ik dan later begin te positioneren met css en op te maken.
Handig want meestal staat een layout mij toch niet lang aan
Binnen een div durf ik nog wel tables te gebruiken voor een stukje met vaste opmaak. Bv foto - info ofzo
Alleen dat divs soms een paar millimeter durven verspringen in bepaalde browsers
Ik heb ook nooit bedoeld om alleen maar DIVs te gebruiken de rest contentDe beste manier om CSS te gebruiken is een site te maken alsof je geen CSS gebruikt, dus door de juiste tags voor de verschillende onderdelen te gebruiken. Een site opgebouwd uit allemaal DIVs die een verschillende stijl hebben toegewezen gekregen is niet waarvoor CSS bedoeld is. Een DIV gebruik je om verschillende tags te groeperen, deze tags kun je vervolgens weer opmaken met CSS. Wanneer je je stylesheet niet laad moet nog steeds duidelijk zijn wat een titel is en wat een paragraaf.
Verwijderd
Ik durf een wedje te leggen dat je dat niet lukt omdat ik weet hoeveel werk dat is, maar dat wil niet zeggen dat een aantal zaken beter hadden kunnen aangepakt.Johnny schreef op 14 September 2003 @ 20:20:
[...]
Ik heb de broncode van ESPN.com even doorgenomen (alleen de homepage, en een subpagina) en ik kan niet anders dan zeggen dat ik het beter had gekund. Nog steeds worden er tabellen gebruikt op plaatsen waar dat absoluut niet nodig is, er zitten ranzige, inconsistente dingen in zoals gemengd hoofdletter gebruik, niet afgesloten tags en op iedere pagina moeten enorme javascripts opnieuw worden geladen.
Wired.com ziet er van binnen wel heel netjes uit
De beste manier om CSS te gebruiken is een site te maken alsof je geen CSS gebruikt, dus door de juiste tags voor de verschillende onderdelen te gebruiken. Een site opgebouwd uit allemaal DIVs die een verschillende stijl hebben toegewezen gekregen is niet waarvoor CSS bedoeld is. Een DIV gebruik je om verschillende tags te groeperen, deze tags kun je vervolgens weer opmaken met CSS. Wanneer je je stylesheet niet laad moet nog steeds duidelijk zijn wat een titel is en wat een paragraaf.
ESPN heeft namelijk niet de huidige layout als een statisch pakket geplaatst. Ze hebben voor het publiceren van hun website een aantal scenarios, wat een gehele layout wijziging ten gevolge heeft. Bij een standaard dag krijg je een standaard layout, maar bijv. bij een grote wedstijd gaan ze over op het "War" scenario. Dit heeft als gevolg dat standaard scripting daarop ingespeeld moet zijn, en dan heb je dus de mogelijkheid van overbodige code.
De losse code die je ziet staan op de hoofdpagina, is ook niet direct gerelateerd aan vaste items in de website, maar aan specifieke items die op dat moment actief zijn. Dat er op elke pagina .js files worden ingeladen is geen probleem, deze worden clientside gecached en zodoende niet meer opgehaald.
Subpagina's stonden pas op de 2de plek van pagina's die moesten worden omgezet, dus deze zou je even niet moeten meerekenen.
Door het laten vallen van tables, heeft ESPN oa dit bereikt:
Page reduction (est.): 50KB
Page views/day: 40,000,000
Projected bandwidth savings:
2 terabytes/day
61 terabytes/month
730 terabytes/year
En of die dingen nou DIVs of layers heten, zolang Dreamweaver MX het over Insert > Layer heeft en ik daarmee keurige DIVs kan gebruiken, gebruik ik de naam layers. Volgens mij weten we wel wat ermee bedoelt wordt.
Layout in de zin van lettertypes/kleuren/etc met stylesheets lukt me nu ook wel steeds beter met met framed-sites dus dat is ook het probleem niet.
Wat mij betreft dus back on-topic: Het gaat er dus om hoe je e.e.a. op moet zetten.
Als ik het nu goed begrijp moet je de layout met layers vastleggen in je stylesheet en die iedere keer op elke contentpagina die je maakt terug laten komen via Attach Style Sheet (<link href="stylesheet.css" rel="stylesheet" type="text/css">), klopt dat?
Als dat zo is, dan ben ik al een stapje verder.
Vervolgens blijft de vraag: wat is de achterliggende redenering hoe je die layers opzet, absolute/relative, inherit, visible, al die dingen die je in dreamweaver kunt instellen.
Als je mijn voorbeeldpagina http://home.planet.nl/~gjborger/tweakers/layers.html bekijkt zie je wat mijn bedoeling is: gewoon een vrij standaard layout (volgens mij) met een vaste inhoud voor de header-, menu- en footerlayer één layer met content waarvan de inhoud verandert al naar gelang de bezoeker op een linkje in het menu klikt.
De footer moet opschuiven al naar gelang de inhoud van de content-layer en voor de rest hoeft er niet zoveel te gebeuren.
Ik gebruik DW MX, DW MX2004 heb ik al wel opgehaald, maar ik wacht nog even op "aanvullende software" laat ik maar zeggen
[ Voor 10% gewijzigd door GeeBee op 14-09-2003 21:41 ]
Woof, woof, woof, woof! That's my other dog imitation. | https://youtu.be/TzsNh3-FnHQ
Heb je anders die seminar al bekeken van Dreamweaver MX 2004? daar zie je het een en het ander over positionering van div layers.
"aanvullende software" is btw al wel te vinden hoor
Verwijderd
Voor de rits met vragen die je hier nu opsomt, en die ik persoonlijk plaats onder de beginselen van css en gebruik hiervan, kun je beter even wat tutorials op webmonkey of google opzoeken, beginnend bij de basis.GeeBee schreef op 14 September 2003 @ 21:39:
Heren, heren, dit topic was niet bedoeld om een zoveelste discussie DIV vs TABLE op te starten, daar heb ik er op GoT al veel teveel van doorgelezen. De opmerking dat tabellen gebruikt moeten worden voor gegevens en DIVs voor de vormgeving; waarvan acte, maar dat was ik toch al van plan.
En of die dingen nou DIVs of layers heten, zolang Dreamweaver MX het over Insert > Layer heeft en ik daarmee keurige DIVs kan gebruiken, gebruik ik de naam layers. Volgens mij weten we wel wat ermee bedoelt wordt.
Layout in de zin van lettertypes/kleuren/etc met stylesheets lukt me nu ook wel steeds beter met met framed-sites dus dat is ook het probleem niet.
Wat mij betreft dus back on-topic: Het gaat er dus om hoe je e.e.a. op moet zetten.
Als ik het nu goed begrijp moet je de layout met layers vastleggen in je stylesheet en die iedere keer op elke contentpagina die je maakt terug laten komen via Attach Style Sheet (<link href="stylesheet.css" rel="stylesheet" type="text/css">), klopt dat?
Als dat zo is, dan ben ik al een stapje verder.
Vervolgens blijft de vraag: wat is de achterliggende redenering hoe je die layers opzet, absolute/relative, inherit, visible, al die dingen die je in dreamweaver kunt instellen.
Als je mijn voorbeeldpagina http://home.planet.nl/~gjborger/tweakers/layers.html bekijkt zie je wat mijn bedoeling is: gewoon een vrij standaard layout (volgens mij) met een vaste inhoud voor de header-, menu- en footerlayer één layer met content waarvan de inhoud verandert al naar gelang de bezoeker op een linkje in het menu klikt.
De footer moet opschuiven al naar gelang de inhoud van de content-layer en voor de rest hoeft er niet zoveel te gebeuren.
Ik gebruik DW MX, DW MX2004 heb ik al wel opgehaald, maar ik wacht nog even op "aanvullende software" laat ik maar zeggen
Vooral attributes, properties en values zul je toch gewoon zelf moeten leren.
Voor een goede editor ala CSS zou ik je Topstyle 3 Pro kunnen adviseren.
Je kunt in Dreamweaver altijd op de "what does this button do?" tour gaan, maar als je vervolgens niet weet wat de achterliggende uitwerking is, dan heeft dat niet veel zin.
[ Voor 6% gewijzigd door Verwijderd op 14-09-2003 23:14 ]
De meeste sites die ik heb gevonden gaan over de syntax van CSS-declaraties of het gebruik van CSS bij vormgeving, en dat heb ik helemaal niet nodig.
Het gaat mij om de opzet van de layout.
Ik zal DM MX2004 eens installeren en de seminar volgen.
Woof, woof, woof, woof! That's my other dog imitation. | https://youtu.be/TzsNh3-FnHQ
Verwijderd
Dan zou ik eens een bezoekje brengen aan bijv. alistapart.comGeeBee schreef op 14 September 2003 @ 23:50:
Precies: daarom zocht ik ook info over de eerste opzet.
De meeste sites die ik heb gevonden gaan over de syntax van CSS-declaraties of het gebruik van CSS bij vormgeving, en dat heb ik helemaal niet nodig.
Het gaat mij om de opzet van de layout.
Ik zal DM MX2004 eens installeren en de seminar volgen.