[HTML] Layout van pagina* - Softwareontwikkeling

donderdag 25 maart 2004 19:18

Acties:

Verwijderd

Topicstarter

hoi ik heb een probleem, of anders gezegd een uitdaging maar ik kom er even helemaal niet meer uit

Ik ga proberen dit heel duidelijk uit te leggen maar ik kan het niet goed verwoorden.

Op de volgende url: spam zie je een site met aan de linkerkant een menu struktuur en daarnaast een berichten gedeelte.
Afbeeldingslocatie: http://www.tobiaz.nl/test/cultusv2/help.gif

Afbeeldingslocatie: http://www.tobiaz.nl/test/cultusv2/help.gif

De site is opgebouwd uit tabellen zoals je kan zien.
Ik wil graag dat die onderste lijnen (lijn2) op plek 1 komt!
Dus kortom, als er geen nieuws was, dan zou die onderkant helemaal naar boven zitten. Nu is dat niet zo, en is lijn 2 tenminste zo hoog als lijn 3.

Hoe kan ik het zo maken dat deze cellen los van elkaar kunnen bewegen?

Je kan de source van die link halen, er staan comments bij de tabellen.
Ik hoooop dat iemand mij kan helpen.

[ Voor 3% gewijzigd door whoami op 25-03-2004 19:28 ]

donderdag 25 maart 2004 19:25

Acties:

reinhrst

Het zou een hoop helpen als je je code erbij zou posten, en ook op welke platformen (alleen IE of alles) het moet werken. Bijvoorbeeld waardoor die onderste lijn gegenereerd wordt.....

Edit: hmmmm, de link stond erbij, ik had natuurlijk ook zelf even naar de source kunnen kijken ....... Nu mee bezig....

Vraag op welke platforms het moet wreken blijft staan ......

[ Voor 34% gewijzigd door reinhrst op 25-03-2004 19:29 ]

Claude

donderdag 25 maart 2004 19:26

Acties:

WvdWest

Geen oplossing, wel een tip. Probeer dit niet met tabellen op te lossen maar kijk eens naar CSS icm DIV en SPAN

I'm not a complete idiot - several parts are missing.

donderdag 25 maart 2004 19:29

Acties:

Verwijderd

offtopic:
Word dit de nieuwe Cultus Dronten tent?

donderdag 25 maart 2004 19:29

Acties:

whoami

Clientside dingen zoals deze horen niet thuis in P&W, maar in W&G.

Let in het vervolg ook even op je topictitel. Zorg voor een topictitel die een bondige omschrijving is van je probleem.

https://fgheysels.github.io/

donderdag 25 maart 2004 19:32

Acties:

Tobiaz

Ondertitel

Hmm ik ken de maker van de site, want dat ben ik.
Een vriend van me wilde dit posten, naja, thx daarvoor.

Euh @reinhrst.: Je kan de source van de website bekijken als je naar de url gaat. maargoed hier is ie (t verneukt zo..):

code:

<html>
<table width="750" height="0" border="0" cellspacing="0" cellpadding="0" cols="0">
    <tr><!-- Page header start -->
        <td>[img]"images/blauw/top1.gif"[/img]</td>
        <td>[img]"images/blauw/top2.gif"[/img]</td>
        <td>[img]"images/blauw/top3.gif"[/img]</td>
    </tr><!-- Page header end -->
    <tr>
        <td valign="top" width="140" ><!--Menu!! start hier (omlijning)-->
            <table width="162" border="0" cellspacing="0" cellpadding="0"><!-- Daadwerkelijke inhoud menu hier-->
                <tr>
                    <td width="161" valign="top" class="nav">
                    nav items
                    </td>
                </tr>
                <tr>
                    <td>[img]"images/blauw/einde_nav.gif"[/img]</td>
                </tr>
                <tr>
                    <td>[img]"images/blauw/pollheader.gif"[/img]</td>               
                </tr>   
                <tr>
                    <td class="poll">poll<br>           
                    </td>
                </tr>   
                <tr>
                    <td>[img]"images/blauw/polleinde.gif"[/img]</td>
                </tr>
                <tr>
                    <td>[img]"images/blauw/advertentie_header.gif"[/img]</td>
                </tr>
                <tr>
                    <td class="ads">Digitalus Webhosting</td>
                </tr>
                <tr>
                    <td>
                       [img]"images/blauw/advertentie_einde.gif"[/img]
                    </td>
                </tr>               
            </table><!-- Inhoud menu tabel eindigd hier!! -->
        </td><!-- Omlijning eindig hier!!-->
        <td valign="top" width="400" colspan="4" class="news"><!-- Contents!!! omlijning -->
             <!-- PHP SYNTAX VERWIJDERD! -->
            <table  width="390" cellspacing="0" border="1" cellpadding="0" align="center" class="newstablemain"><!--contents inhoud start-->
                <tr>
                    <td width="390">
                        <!-- PHP SYNTAX VERWIJDERD! (berichtweergave) -->
                    </td>
                </tr>   
            </table> 
<!-- Contents inhoud einde -->
                <tr>
                    <td></td>
                    <td rowspan="2" colspan="2">[img]"images/blauw/text_einde.gif"[/img]</td>
                </tr>
        </td> <!-- einde contents omlijning! -->
</table>


</body>
</html>

@: WvdWest: Ik heb hier ook overnagedacht. Maar dan ben je gelijk een stuk minder browser compatible.

Onder een steen geleefd dan maar ;-)

donderdag 25 maart 2004 19:35

Acties:

Amras

Tobiaz schreef op 25 maart 2004 @ 19:32:
@: WvdWest: Ik heb hier ook overnagedacht. Maar dan ben je gelijk een stuk minder browser compatible.

En waarom?? Als je het goed doet werkt dat prima in alle browsers hoor...

donderdag 25 maart 2004 19:38

Acties:

Tobiaz

Ondertitel

ik meende dat div niet ondersteund word in bepaalde mozilla browsers?
hmm dan kan dat een optie zijn ja, maar de t.net frontpage doet het ook met tabellen dus moet het wel kunnen lijkt me zo!

ohja, die css die je daarmee nodig hebt die werd geloof ik niet overal ondersteund, dat was t

[ Voor 21% gewijzigd door Tobiaz op 25-03-2004 19:40 ]

Onder een steen geleefd dan maar ;-)

donderdag 25 maart 2004 19:46

Acties:

CrashOne

oOoOoOoOoOoOoOoOoOo

Tobiaz schreef op 25 maart 2004 @ 19:38:
ik meende dat div niet ondersteund word in bepaalde mozilla browsers?
hmm dan kan dat een optie zijn ja, maar de t.net frontpage doet het ook met tabellen dus moet het wel kunnen lijkt me zo!

ohja, die css die je daarmee nodig hebt die werd geloof ik niet overal ondersteund, dat was t

Dat meen je dan verkeerd

Mozilla ondersteund CSS beter dan IE.

Huur mij in als freelance SEO consultant!

donderdag 25 maart 2004 19:48

Acties:

Tobiaz

Ondertitel

Okay okay
Maar ik zou echt heel graag willen weten hoe ik dit moet oplossen( voor mn eigen kennsis dan)

Onder een steen geleefd dan maar ;-)

donderdag 25 maart 2004 19:48

Acties:

reinhrst

Na het bekijken van de code:

Misschien is het een plan om de hele zooi eens door een HTML-checker te gooien: Ik zie ongeveer 15 <table>-tags, en maar 3 </table>, ik vind het nog knap dat de browser er iets van maakt.....
(Ik denk dat een stukje van je PHP-code niet netjes de table-tags afsluit).

Overigens open je nu in regel 52 ook een nieuwe <tr>, terwijl de <td> van regel 42 nog niet is afgesloten. Als je die onderste blauwe lijn nou eens niet in een aparte cel gooit zou het volgens mij moeten werken:

code:

<table>
<tr>
<td valign=top>
[.... linkerkant-code ...]
</td>
<td valign=top>
[img]"blauwlijntjebovenkant.gif"[/img]
[.....rechterkant code.....]
[img]"blauwlijntjeonderkant.gif">
</td>
</table[/img]

[ Voor 11% gewijzigd door reinhrst op 25-03-2004 19:49 ]

Claude

donderdag 25 maart 2004 19:53

Acties:

Verwijderd

ik meende dat div niet ondersteund word in bepaalde mozilla browsers?

Ben benieuwd wat je bron is.

hmm dan kan dat een optie zijn ja, maar de t.net frontpage doet het ook met tabellen dus moet het wel kunnen lijkt me zo!

Als t.net in de sloot springt...

donderdag 25 maart 2004 19:58

Acties:

reinhrst

Tobiaz schreef op 25 maart 2004 @ 19:38:
ik meende dat div niet ondersteund word in bepaalde mozilla browsers?
hmm dan kan dat een optie zijn ja, maar de t.net frontpage doet het ook met tabellen dus moet het wel kunnen lijkt me zo!

ohja, die css die je daarmee nodig hebt die werd geloof ik niet overal ondersteund, dat was t

Ik geloof dat je je geen zorgen hoeft te maken over de nieuwere browsers (zolang je je divs niet laat bewegen), vandaar dat ik mij afvroeg wat de browser-doelgroep is. Als de eisen zijn dat ie op netscape 3 / IE 3 of 4 goed eruit moet zien dan inderdaad geen CSS gebruiken.
(Gezien de inhoud van de site lijkt deze eis me ernistig overdreven)

Claude

donderdag 25 maart 2004 20:01

Acties:

Tobiaz

Ondertitel

@reinhrst:Ooow ik heb zitten knippen, heb de php code verwijderd voor het overzicht hier. Stom stom!
Maar euh, dat is met de verwijderde stukjes wel goed.
Ik ga het even proberen met die tip.

@Anne: bedankt voor deze comment, die trash ik meteen oke? Er staat duidelijk "Ik meende" er staat niet " Het is zo".
@reinhrst: Het is idd dan overdreven, en de meesten zullen ook wel IE gebruiken idd..

Ik denk dat het divs gaan worden dan..

Onder een steen geleefd dan maar ;-)

donderdag 25 maart 2004 20:04

Acties:

reinhrst

Tobiaz schreef op 25 maart 2004 @ 20:01:
@reinhrst:Ooow ik heb zitten knippen, heb de php code verwijderd voor het overzicht hier. Stom stom!

Ik heb de code gedownload van de site (nog voordat het linkje in het woordje "spam" veranderde). Tel maar eens hoe vaak in die code <table> voorkomt en hoe vaak </table>......

Verstandig om toch divs te nemen, alhoewel het natuurlijk nooit kwaad kan om voor je eigen kennis en begrip het ook met tabellen werkzaam te krijgen

Claude

donderdag 25 maart 2004 20:04

Acties:

Verwijderd

@Anne: bedankt voor deze comment, die trash ik meteen oke? Er staat duidelijk "Ik meende" er staat niet " Het is zo".

Over geselecteerd antwoorden gesproken

(Daarnaast was ik serieus benieuwd, omdat meer mensen twijfelen over ondersteuning, zonder dat ze er mee gewerkt hebben of zelfs maar iets weten over de voordelen.)

donderdag 25 maart 2004 20:08

Acties:

Tobiaz

Ondertitel

Nou ik had een dropdown menu met divs en css opmaak en ik gebruikte een transparantie daarin, en dat werd in mozilla niet zo lekker weer gegeven, (half wel , half niet) dus daarom vroeg ik me dat dus af...

Onder een steen geleefd dan maar ;-)

donderdag 25 maart 2004 20:14

Acties:

We Are Borg

Moderator Wonen & Mobiliteit / General Chat

Tobiaz schreef op 25 maart 2004 @ 20:08:
Nou ik had een dropdown menu met divs en css opmaak en ik gebruikte een transparantie daarin, en dat werd in mozilla niet zo lekker weer gegeven, (half wel , half niet) dus daarom vroeg ik me dat dus af...

Dan is het eerder jouw code dan een bug in Mozilla

donderdag 25 maart 2004 20:17

Acties:

cavey

eh

zonder het hele draadje door te lezen enzo

maar ehmz, als je je "nieuws" td nou verstopt in een table...... die niet 100% hoog is (dus geen vaste hoogte opgeven).... dan zou het toch goedkomen?

<blaat hoop layout gedoe>
<tr><td><!-- nieuws td --> <table><!-- hier alle info --></table></td></tr>

sowieso, als je met tables werkt (div's ook eigenlijk)......

gewoon op papier uittekenen..... en met een simpele kale <table></table> spelen... waarbij je de border op 1 zet..... en zo kijken hoe ze allemaal genest zijn.

Ipv meteen met geile layouts te spelen en kleurtjes en lijntjes en weet ik het wat al niet.. eerst het skelet aan de praat krijgen, en dat het er dan suf en saai uit ziet... maakt niet uit. Desnoods gooi je er wat kleurtjes in om goed zichtbaar te maken hoe je cellen in elkaar steken ... dan moet het wel lukken.

Nauw gezet uit tellen hoeveel td,tr en table's je nodig hebt... en ook in welke volgorde ze in elkaar genest moeten worden.

Scheelt je een hoop ge-edit, getweak en gevloek... just my 2 cents.

ps: en als je het met tabellen aan de praat hebt gekregen... wens ik je veel succes om het in CSS en dus met div tags op te gaan lossen. hehehe, als er iets een hel is om netjes te krijgen, is het wel met CSS, maar als het eenmaal netjes staat (screw Internet Exploiter! Knaken CSS ondersteuning) dan is het HEEEEEEEEL makkelijk om je site layout om te gooien zonder dat je echt diep en hard in je html moet gaan wroeten.

[ Voor 68% gewijzigd door cavey op 25-03-2004 20:21 ]

donderdag 25 maart 2004 20:27

Acties:

Pascal Saul

Hier ff een simpel dingetje voor het nieuws ding gemaakt..

code:

<table border="0" cellspacing="0" cellpadding="0">
    <tr>
        <td>
        [img]"./images/blauw/top2.gif"[/img]</td>
        <td>
        [img]"./images/blauw/top3.gif"[/img]</td>
    </tr>
    <tr>
        <td valign="top" colspan="2" background="./images/blauw/bg_text.gif">
        <table style="margin-left: 25">
            <tr><td width="390">A</td></tr>
            <tr><td width="390">B</td></tr>
            <tr><td width="390">C</td></tr>
            <tr><td width="390">D</td></tr>
            <tr><td width="390">E</td></tr>
            <tr><td width="390">F</td></tr>
            <tr><td width="390">G</td></tr>
            <tr><td width="390">H</td></tr>
        </table>
        </td>
    </tr>
    <tr>
        <td colspan="2">
        [img]"./images/blauw/text_einde.gif"[/img]</td>
    </tr>
</table>