HomeForums » Algemeen » [BZ] Boktzaken

Wat klopt er niet aan deze html code?

Moderators: Polly, Muiz, NadjaNadja, Telpeva, Essie73, ynskek, Ladybird

Toevoegen aan eigen berichten
     
     
    _Tiara
    Berichten: 3794
    Geregistreerd: 11-08-04

    Wat klopt er niet aan deze html code?

    Link naar dit bericht Geplaatst door de TopicStarter : 04-12-05 12:05

    Ik wil even een nieuwe lay-out op mijn site zetten, maar het menu komt steeds niet op de goede plek. Kijk hier maar. Ik wil het menu op de plek van die 'doorzichtige' balkjes, boven het tekstvlak.

    Code
    <html>
    <html>
    <head>
    <title>AMULETTE.NL&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Keep the spirit, keep it natural!</title>
    <link href="http://amulette.nl/css/style.css" type="text/css" rel="stylesheet"></head>

    <div align="center">
    <body background="br.png" topmargin="10">



      <center>
      <table border="0" cellpadding="0" cellspacing="0" width="555" left="82" top="236" heigth="20">
        <tr>
    <td background="back.png">
           
            <div align="center">
              <table border="0" cellpadding="2" width="555" cellspacing="5">
                <tr>
                  <td class="off" onmouseover="this.className='on'" onmouseout="this.className='off'" align="center">
                    <p align="center"><a href="therider.php">The Rider</a></p>
                  </td>
                  <td class="off" onmouseover="this.className='on'" onmouseout="this.className='off'" align="center">
                    <p align="center"><a href="design.php">Design</a></p>
                  </td>
                  <td class="off" onmouseover="this.className='on'" onmouseout="this.className='off'" align="center">
                    <p align="center"><a href="tutorials.php">Tutorials</a></p>
                  </td>
                  <td class="off" onmouseover="this.className='on'" onmouseout="this.className='off'" align="center">
                    <p align="center"><a href="horses.php">Horses</a></p>
                  </td>
                  <td class="off" onmouseover="this.className='on'" onmouseout="this.className='off'" align="center">
                    <p align="center"><a href="links.php">Links</a></p>
                  </td>
                  <td class="off" onmouseover="this.className='on'" onmouseout="this.className='off'" align="center">
                    <p align="center"><a href="contact.php">Contact</a></p>
                  </td>
                  <td class="off" onmouseover="this.className='on'" onmouseout="this.className='off'" align="center">
                    <p align="center"><a href="http://www.gastenboek.nu/2775/" target="_blank">Guestbook</a></p>
                  </td>
                  <td class="off" onmouseover="this.className='on'" onmouseout="this.className='off'" align="center">
                    <p align="center"><a href="index.php">Home</a></p>
                  </td>

                </tr>
              </table>
            </div>
          </td>
        </tr>
        <tr>
          <td background="back.png">
            <p align="center"><img border="0" src="bg.png">
          </td>
        </tr>
      </center>

        <tr>
          <td background="back.png">
            <div align="center">
              <table border="0" cellpadding="0" cellspacing="0">
                <tr>
                  <td width="100%">
                    <div align="center">
                      <table border="0" cellpadding="2" cellspacing="4" width="676">
                        <tr>
                          <td valign="top" width="698">

    blabla

    <div align="left">
                              <table border="0" cellpadding="2" cellspacing="0" width="100%">



    </td>
                        </tr>
                      </table>
                    </div>
                  </td>
                </tr>
              </table>
            </div>
          </td>
        </tr>
        <tr>
          <td><img border="0" src="bottom.png" width="739"></td>
        </tr>
      </table>


    </html>


    _Marinke_

    Berichten: 9228
    Geregistreerd: 18-05-04
    Woonplaats: Tiel (midden NL)

    Re:

    Link naar dit bericht Geplaatst: 04-12-05 13:39

    Ik heb wel verstand van HTML, maar zie zelf ook geen fout ofzo. Misschien moet je hier wat aanpassen..:
    Citaat:

    <table border="0" cellpadding="0" cellspacing="0" width="555" left="82" top="236" heigth="20">


    Misschien hoor, weet niet zeker.
    Ik probeer zelf altijd van alles uit enz.
    Shadow0

    Berichten: 44640
    Geregistreerd: 04-06-04
    Woonplaats: Utrecht

    Re:

    Link naar dit bericht Geplaatst: 04-12-05 14:37

    Een aantal van je tags zijn niet goed genest of niet afgesloten. Bijvoorbeeld de <div> die buiten de <body> begint en de <body> die niet is afgesloten. Ook zou ik het aantal tabellen-in-divs-in-tabellen drastisch verminderen en het zo simpel mogelijk houden. Dan is het vaak veel makkelijker om de fouten te vinden.
    Shadow0

    Berichten: 44640
    Geregistreerd: 04-06-04
    Woonplaats: Utrecht

    Re:

    Link naar dit bericht Geplaatst: 04-12-05 15:19

    Knutseldeknutsel:
    http://home.wanadoo.nl/inca0/voorbeeld/amulette.html

    Een deel van de instellingen is naar de stylesheet verhuisd. Ook staan de menuitems nog niet precies op de juiste plaats (of je moet er een achtergrondkleurtje aan geven)

    Dit is trouwens vooral werkende code: het kan mooier (zonder center-tags bv) maar ik denk dat dat niet hoeft. Werkt onder IE en Firefox.
    _Tiara
    Berichten: 3794
    Geregistreerd: 11-08-04

    Re:

    Link naar dit bericht Geplaatst door de TopicStarter : 04-12-05 16:50

    shadow0 schreef:
    Knutseldeknutsel:
    http://home.wanadoo.nl/inca0/voorbeeld/amulette.html

    Een deel van de instellingen is naar de stylesheet verhuisd. Ook staan de menuitems nog niet precies op de juiste plaats (of je moet er een achtergrondkleurtje aan geven)

    Dit is trouwens vooral werkende code: het kan mooier (zonder center-tags bv) maar ik denk dat dat niet hoeft. Werkt onder IE en Firefox.

    Bedankt dat je dat hebt gemaakt, maar als ik hem opsla en het menu goed wil doen dan gaat alles raar staan en dan doet mijn achtergrond het ook niet meer.
    Shadow0

    Berichten: 44640
    Geregistreerd: 04-06-04
    Woonplaats: Utrecht

    Re:

    Link naar dit bericht Geplaatst: 04-12-05 17:42

    Wat gaat er mis? Wat wil je bereiken, wat gaat er 'raar' staan, wat zijn je aanpassingen?

    Het achtergrondbalkje zit er inderdaad niet bij, ik wist niet zeker of dat de bedoeling was. Die moet je zelf even doen. Het beste kun je dat in de stylesheet doen:

    <code>#menubalk{
    background-image: url(back.png);
    }</code>
    _Tiara
    Berichten: 3794
    Geregistreerd: 11-08-04

    Re:

    Link naar dit bericht Geplaatst door de TopicStarter : 05-12-05 16:35

    HomeForums » Algemeen » [BZ] Boktzaken