Archief - CSS: Tabelopstelling omzetten naar css

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
A

Arcko_Drazen

Legacy Member
Hey

Ik ben bezig met een website te maken voor ons project op school.
Ik had eerst de layout met tables gemaakt omdat ik nog niet goed weet hoe ik met css div's werk.

Na enkele problemen met verschillende browsers heb ik beslist van het grootste deel in css om te zetten. Het is mij al gelukt van een banner in 3 delen bovenaan de site te zetten.

Nu heb ik een probleem met het volgende: http://www.noizz.be/HoeOmzettenNaarCSS.jpg

Ik zou dit graag in css omzetten. Ik zou dus graag een duwtje in de goede richting krijgen aangezien ik niet te tijd heb om lang te zoeken op internet (heb ook nog examens enzo).

Ik vraag NIET naar een oplossing (zou wel tof zijn uiteraard :p). Gewoon de methode hoe ik dit moet oplossen.

Verklaring bij het prentje:
Ik heb nu 1 tabel, opgesplitst in 2 rijen, 3 kolommen
1e rij bevat 3 kolommen, 1 voor linker boogje, midden, 1 voor rechterboogje
2e rij is een merge van de 3 kolommen dat er oorsprongkelijk waren. Hier komt de tekst/datagrids/forms/...

Alvast bedankt voor jullie hulp
Ps: ik zen ni lazy, gewoon ni echt veel tijd :s

Arcko D
R

Rvl

Legacy Member
Na enkele problemen met verschillende browsers
Klik om te vergroten...
css gaat hier niets aan veranderen. Het is gewoon u html structuur die dan fout is.

Je kan hier gewoon een structuur aangeven als <div><h1>:: aanmelden</h1> ... hier de rest ...</div> en u h1 geef je bijvoorbeeld de volledige image die je daar hebt aangezien je bij dit voorbeeld dan niet moet slicen. Je moet wel nog de juiste padding/margin instellen voor u content.
A

Arcko_Drazen

Legacy Member
Tligt zeker aan die tabel structuur, dat probleem met die browsers, want heb enkele tabellen vervangen door CSS en nu zijn die problemen van de baan.

Ik heb gedacht aan de oplossing die je voorstelde probleem is dat het midden zou moeten "stretchen", als die box in zijn geheel groter wordt.

Doe ik het op de manier zoals jij het voorstelt, dan gaat alles gestretcht worden, denk ik.

AD
R

Rvl

Legacy Member
again het komt door u manier van code dat u tabel slecht wordt weergeven en niet aan de element tag op zich. Gebruiken is één ding, juist toepassen is iets anders. Nu mag je nog x aantal keer komen beweren dat het aan <table> ligt en dan zeg ik x aantal keer terug dat het aan u structuur ligt (ik ga wel niet blijven posten zoals ik juist zeg maar het is bij wijze van spreke).
En nee mijn manier is een mogelijke manier. Trek mijn antwoorden verder eens niet in twijfel;).
A

Arcko_Drazen

Legacy Member
Rvl zei:
Trek mijn antwoorden verder eens niet in twijfel;).
Klik om te vergroten...

Jij bent de almachtige vader van css of wat?

Mijn bovenstaande post was louter een speculatie.
R

Rvl

Legacy Member
Ik heb hier snel iets gemaakt om de basis van de structuur te weergeven hoe je het in css zou maken. Dit is zeer snel gemaakt en zeker niet zo mooi maar het geeft u een idee hoe het zou moeten. Ik zou de tabel structuur er ook naast willen zetten maar geen zin om nog meer tijd hier aan te besteden.
http://rvl.visionlab.be/mong/

Verder wil ik nog zeggen dat ik niet de almachtige van css ben (maar toch verdacht dichtbij ben:ironic:). Ik zeg dit gewoon omdat ik er dan ook vrij zeker van ben dat ik hier juist ben en jij niet.
R

Rvl

Legacy Member
ja da was ook maar een voorbeeld e wiewa. maak dan bijvoorbeeld ne extra div waar ge u <p> in steekt en geef die een fixed size.
en nu stop ik ermee omg man. Ge moet nie zo uit de hoogte doen als ge er nie veel van snapt, ge zou al dankbaar moge zijn da ik (of iemand anders) u wil helpen
edit: da is gewoon een van de vele mogelijkheden als je het nog niet beseft. Je kan ook gewoon u p al in px geve ipv % (eigelijk beter om hier in px te werken) maar ik gaf dan ook maar een VOORBEELD zoals ik in vorige posts al zei.
A

Arcko_Drazen

Legacy Member
Seg euh, mijn bedoeling is verre van om uit de hoogte te doen. Ik WEET dat ik niet goed in css ben, maar ik ken de basis wel.

Ik heb het gevoel dat mensen blijkbaar dingen aggressiever lezen dan dat de dingen eigenlijk zijn.

Soit, ik gaan hier niet zitten over discussieren want dat helpt toch niet.
Bedankt voor de oplossing en have a great live. Hou wel in het achterhoofd dat niet iedereen zo kortzichtig is.

AD
o

orez

Legacy Member
Arcko_Drazen...

Doe eens wat minder arrogant en bekijk uw eigen code.

Als jij zegt dat die DIV 800px breed mag worden... dan zal hij dat ook doen.
het is JOUW fout! niet die van Rvl... gelieve een beetje op uw toon te letten, mensen proberen u hier enkel te helpen, en dan geef je zo een reacties.

Nog 1x en je mag effkes gaan afkoelen.
A

Arcko_Drazen

Legacy Member
Inderdaad, ik heb dan ook gezegd dat ik wil dat die boxes groter kunnen worden.
Lees mijn 2e post daarvoor:

"Ik heb gedacht aan de oplossing die je voorstelde probleem is dat het midden zou moeten "stretchen", als die box in zijn geheel groter wordt."
R

Rvl

Legacy Member
slice dan gewoon een verticaal stukje van u header u inner element moet 100% width hebben en u hoeken zult ge wel moeten plaatsen maar u 2 hoeken zult ge dan apart moeten slicen dit is wel nie tzo een mooie manier en raad hem ook af om hem zo met div's te maken.
Ander moet je <div id="content"><h1><span id="left"></span>:: algemeen<span id="right"</h1>hier u tekst</div> Nu is dit ook geen mooie structuur en heeft uiteindelijk het gebruik van divs hier niet veel nut ten opzichte van tables. u left en right div bevatten de background images van u hoeken
C

Cakeman

Legacy Member
Dat is naar mijn mening het vervelende aan werken met div's. Wanneer je iets of wat een liquid layout met images wilt, moet je vaak extra div's gaan gebruiken die semantisch gezien 0,0 waarde hebben. Dat terwijl het grote argument om met div's te werken de semantiek is.
Q

Quilombo

Legacy Member
extra divs niet, wel een extra spannetje

en k vind t trouwens helemaal geen slecht manier van coden want je img sizes zullen veel kleiner zijn (zeker als je over je hele pagina gebruik maakt van zo'n dingen, en die allemaal een verschillende width hebben)
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan