Website menu width bugged - Softwareontwikkeling

vrijdag 26 september 2003 15:44

Acties:

Topicstarter

Ik heb de volgende broncode:

---------------------------

code:

<html>
<head>
<meta name="Keywords" CONTENT="ijsselstein, wireless, wi-fi, bjorn, boot, aanmelden, linksys, utrecht">
<title>Welkom op WirelessIJsselstein.NL</title>
<link rel="stylesheet" href="./style.css" type="text/css">

</head>
<body>
<table cellspacing="0" cellpadding="0" width="100%" height="100%" border=4 bordercolor=red>
    <tr>
        <td height="60" colspan="2" class="blauw">
            <table valign="center" cellspacing="0" cellpadding="0" width="100%" height="100%">
                <tr>
                    <td align="left">
                        <a href="./">[img]"./images/wirelessijsselstein.gif"[/img]</a>
                    </td>
                    <td align="right">
                        <a href="http://www.zx-yagi.nl/" target="blank">[img]"http://www.zx-yagi.nl/banners/ijsselstein/groot.gif"[/img]</a>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
    <tr>
        <td colspan="2" height="10" bgcolor="#000000">
        </td>
    </tr>
    <tr>
        <td class="MenuMain" width="200" valign="top">
            <br>
            <p class="MenuSubs">
                <font class="MenuHeads">Nieuws</font><br>
                <a href="./?Page=Nieuws" class="lm">Laatste nieuws</a><br>
                <a href="./?Page=Archief" class="lm">Archief</a><br>
            </p>
menu....
    
            
        </td>
        <td valign="top">
            <table valign="top" width="100%" height="100%" cellspacing="0" cellpadding="0">
                
                    <tr>
                        <td height="10" class="LastNews"><b>Laatste nieuws:</b> Nu ook een nodemap beschikbaar - <a href="./?Page=Nieuws">lees meer...</a></td>
                    </tr>
                <tr>
                    <td class="TextMain" valign="top">
 ...... text

                        <br><br>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
    <tr>
        <td class="MenuMain">&nbsp;</td>
        <td height="30" class="copyright">
            Copyright © 2003 by Bjorn Boot and <a href="http://www.webbydesign.nl" target="_blank">ADSoft</a> Technologies
        </td>
    </tr>

</table>
</body>
</html>

---------------------------
En het volgende probleem:
Als ik in het bovenste gedeelde een plaatje (wirelessijsselstein.gif of xgyage plaatje) weghaal is de website perfect. Maar heb ik 2 plaatjes, dan gaat mijn menu width buggen, hij maakt een soort random grootte dan. Het is erg raar, ik heb al zonder stylesheet geprobeer maar daar licht het niet aan, het zou moeten werken. Als ik geen plaatjes doe werkt hij aldijt perfect, maar zogouw de bovente TR 2 plaatjes bevat bugged het menu dus. Iemand enig idee wat het kan zijn?

[ Voor 174% gewijzigd door semicon op 26-09-2003 15:50 ]

vrijdag 26 september 2003 15:45

Acties:

semicon

Topicstarter

sorry voor de buggende "code" tag

vrijdag 26 september 2003 15:47

Acties:

André

Analytics dude

Kun je de zooi ook wat inkorten, het is niet leesbaar zo.

Buggende code tag? gewoon [ code=html ] [ /code ]

[ Voor 32% gewijzigd door André op 26-09-2003 15:48 ]

vrijdag 26 september 2003 15:50

Acties:

semicon

Topicstarter

thanks

vrijdag 26 september 2003 15:57

Acties:

André

Analytics dude

Ik zie je probleeem niet, wat bedoel je nou? Ik zie alleen een paar tabellen te veel, tabellen zijn niet bedoeld om elementen op de pagina te positioneren.

En waar denk je dat het fout gaat en in welke browsers. En hoe ziet je stylesheet er uit, enz, enz.

vrijdag 26 september 2003 16:34

Acties:

semicon

Topicstarter

Ok het probleem ligt zeker niet aan de style sheet, de tabbellen staan als volgt ingedeeld
___________
|__________|
|m |...............|
|e |...............|
|n |...............|
|u |_______|

Als ik in het bovenste tabel een plaatje doe, veranderd de width van het menu, in IE6.x
Ik snap er echt niks van, zonder plaatje werkt het pefect.

[ Voor 13% gewijzigd door semicon op 26-09-2003 16:34 ]

vrijdag 26 september 2003 16:37

Acties:

supakeen

Heb je een link

En misschien is het verstandig om op divjes over te gaan voor je content

vrijdag 26 september 2003 16:41

Acties:

semicon

Topicstarter

ik maak wel ff een link op www.webbydesign.nl/temp/design (werkt straks pas)

misschien werkt dit ook wel: http://62.45.86.17/wireless (IIS)

[ Voor 46% gewijzigd door semicon op 26-09-2003 16:43 ]

vrijdag 26 september 2003 16:45

Acties:

kleautviool

Misschien zijn de plaatjes breder dan de td?

vrijdag 26 september 2003 16:46

Acties:

semicon

Topicstarter

nee de td is met een colspan van 2... dus je kan zo veel plaatjes als je wilt plakken op de bovenste stuk van de table

vrijdag 26 september 2003 16:49

Acties:

PeetR

zoals andre al zei: Tabellen zijn niet bedoeld op te positioneren.

Ik denk dat het fout gaat op relatieve en absolute waardes in je tabelbreedte. Heb ik ook wel eens last van gehad.

tip: stap over op frames

Your time as a student is the best time of your life

vrijdag 26 september 2003 16:51

Acties:

André

Analytics dude

PeetR schreef op 26 September 2003 @ 16:49:
zoals andre al zei: Tabellen zijn niet bedoeld op te positioneren.

Ik denk dat het fout gaat op relatieve en absolute waardes in je tabelbreedte. Heb ik ook wel eens last van gehad.

Dat zou heel goed kunnen

tip: stap over op frames

Of op layers, frames zijn ook niet altijd de beste oplossing.

En het kan aan mij liggen maar wat is nou echt het probleem. Pleur hier eens een zo kaal mogelijke HTML code neer, zonder meta-tags en al die onzin. En laat dan eens zien waar de fout zit.

vrijdag 26 september 2003 16:52

Acties:

kleautviool

Ok, maar ik snap nog steeds je probleem niet.
Die 1e link werkt (bij mij) niet
Die 2e link werkt wel, alleen zie ik niet wat daar fout zou zijn dan?

vrijdag 26 september 2003 16:59

Acties:

semicon

Topicstarter

code:

<html>
<body>
<table>
<Tr><td colspan="2">[img]"éé'nplaatje.jpg"></td></tr>
<Tr><td[/img]</td><td></td></tr>
</table>
</body>
</html>

Simpeler kan niet, hier komt het op neer, dat het menu niet 100px blijft...
Als ik een tweede plaatje toevoeg, veranderd de breedte van het menu.

Ik heb dan wat meer spam zoals menu ez... maar dat zou niet moeten uitmaken. ik wil zeker niet met frames werken, en wat bedoelt iemand met positioneren?

[ Voor 41% gewijzigd door semicon op 26-09-2003 17:00 ]

vrijdag 26 september 2003 17:02

Acties:

kleautviool

De tabel waarin alles staat moet je dan een breedte geven (bijvoorbeeld 500). De td van je menu (met de colspan) ook. Dan geef je de td van je menu een breedte van 100 en de td waarin je tekst komt een breedte van 400. Dat moet dan gewoon werken hoor.

Deze werkt bij mij gewoon:

HTML:

<table width="500" border="1">
<tr>
<td colspan="2" width="500">Foe</td>
</tr>
<tr>
<td width="100">Menu</td>
<td width="400">Rest</td>
</tr>
</table>

[ Voor 48% gewijzigd door kleautviool op 26-09-2003 17:05 ]

vrijdag 26 september 2003 17:09

Acties:

semicon

Topicstarter

ja die werkt ook , maar als ik dus 2 plaatjes actherlkaar heb in die bovenste waar nu Foe staat dan bugged hij, maar goed ik heb het opgelost!!!

Ik heb een background teogevoegd

vrijdag 26 september 2003 17:11

Acties:

André

Analytics dude

semicon schreef op 26 september 2003 @ 17:09:
ja die werkt ook , maar als ik dus 2 plaatjes actherlkaar heb in die bovenste waar nu Foe staat dan bugged hij, maar goed ik heb het opgelost!!!

Ik heb een background teogevoegd

Dan bugt hij...wat bedoel je met buggen

vrijdag 26 september 2003 17:12

Acties:

semicon

Topicstarter

dan veranderd de grootte van het menu in een random grootte

vrijdag 26 september 2003 17:17

Acties:

André

Analytics dude

Dan zet je die groote vast met behulp van een stylesheet: width: 90px;

vrijdag 26 september 2003 17:19

Acties:

semicon

Topicstarter

werktte ook niet, ik heb echt alles al geprobeerd....