Mijn eerste site is online! maar heb een weergaveprobleem, wie kan helpen?

Status
Niet open voor verdere reacties.
I

ibowts

Gebruiker
Lid geworden
7 aug 2010
Berichten
50
Hallo, ik heb onlangs mijn half-afgewerkte site online gezet, maar er is een probleem bij de weergave als ik het venster in en uitzoom. Site is http://xtremecars.be. Probeer eens in of uit te zoomen, dan snap je wat ik bedoel... (zoom door CTRL + scroll)
 
waarom?

waarom dit?
Code: 
<div> 
  <blockquote> 
    <blockquote> 
      <blockquote> 
        <blockquote> 
          <blockquote> 
            <blockquote> 
              <blockquote> 
                <blockquote> 
                  <blockquote> 
                    <blockquote> 
                      <blockquote> 
                        <blockquote> 
                          <blockquote> 
                            <pre>Xtreme cars - 2010 &copy;</pre> 
                          </blockquote> 
                        </blockquote> 
                      </blockquote> 
                    </blockquote> 
                  </blockquote> 
                </blockquote> 
              </blockquote> 
            </blockquote> 
          </blockquote> 
        </blockquote> 
      </blockquote> 
    </blockquote> 
  </blockquote> 
</div>

kan toch gewoon!
Code: 
<div> 
<center>
<pre>Xtreme cars - 2010 &copy;</pre> 
</center>
</div>

en waarom is dit niet opgenomen in het css bestand:
Code: 
<p><img src="300C Sedan header.jpg" width="1330" height="199" alt="header" /></p> 
<table width="1332" border="0" cellspacing="7" class="menuhorizontal"> 
  <tr class="menuhorizontal"> 
    <td width="179" height="21" align="center" bgcolor="#000000" class="menuhorizontal"><a href="index.html" class="menuhorizontal">Home</a></td> 
    <td width="179" align="center" bgcolor="#000000" class="menuhorizontal"><a href="xtreme cars links.html" class="menuhorizontal">Links</a></td> 
    <td width="179" align="center" bgcolor="#000000" class="menuhorizontal"><a href="videos.html" class="menuhorizontal">Videos</a></td> 
    <td width="179" align="center" bgcolor="#000000" class="menuhorizontal"><a href="xtreme cars guestbook.html" class="menuhorizontal">Guestbook</a></td> 
    <td width="179" align="center" bgcolor="#000000" class="menuhorizontal"><a href="xtreme cars news.html" class="menuhorizontal">News</a></td> 
    <td width="179" align="center" bgcolor="#000000" class="menuhorizontal"><a href="xtreme cars about.html" class="menuhorizontal">About</a></td> 
    <td width="179" align="center" bgcolor="#000000"><a href="xtreme cars contact.html" class="menuhorizontal">Contact</a></td> 
  </tr> 
</table>

en volgens mij zet hij de pagina rechts (als je zoomt) omdat je dat aangegeven hebt met dit:

Code: 
</table> 
<table width="904" height="570" border="0" align="right" cellpadding="0" cellspacing="10"> 
  <tr>

align="right"
 
Hoe moet ik het opnemen in het css bestand en waarom moet ik dit doen?

Als ik de tabellen anders uitlijn omen die ofwel vóór mijn sprymenubar ofwel er bovenop...

Als ik mijn tabellen converteer naar ap divs dan is dat opgelost, maar dan werkt mijn sprymenu niet meer...

help?
 
pepernoot zei:
kan toch gewoon!
Code: 
<div> 
<center>
<pre>Xtreme cars - 2010 &copy;</pre> 
</center>
</div>
Klik om te vergroten...
NEEN! dat kan niet. De <center> tag is verouderd, er is geen enkele reden om hem te gebruiken voor een nieuwe site. Het kan bovendien veel simpeler.
HTML: 
<div id="footer"><p>De voettekst</p></div>
In de html en in de CSS #footer{text-align:center;}

Er zitten trouwens een aantal eigenaardige dingen in de site. Waarom heb je het horizontale menu in een tabel gezet terwijl je het verticale menu welk keurig in een lijst hebt gedaan, zoals het hoort.
Waarom staat de kopafbeelding in een paragraaf? Het is een enkel plaatje, dat mag je gewoon los neerzetten (spaties in bestandsnamen zijn trouwens een slecht ide, dat kan problemen opleveren). Overigens is het niet netjes om aan te nemen dat iedereen een monitor heeft van minstens 1330 pixels breed, je kunt hem beter (in het CSS bestand) 100% breedte geven.

Wat je probleem betreft, als je de body een minimale breedte meegeeft, dan zou het goed moeten gaan.

Waarom staat de google advertentie in een tabel?

EDIT:
Hoe moet ik het opnemen in het css bestand en waarom moet ik dit doen?
Klik om te vergroten...
Waarom? Omdat je dan met een enkel css bestand je hele site vorm kunt geven. Als je dan iets wilt veranderen, een achtergrondkleur bijvoorbeeld, dan kun je dat voor je hele site doen door een enkel bestand aan te passen. Anders moet je ieder relevant html element afgaan, op iedere pagina. Het hoe is heel simpel, je zet gewoon de benodigde css in een bestand met een naam die eindigd op .css op je server in de <head> van je HTML zet je dan
HTML: 
<link rel="stylesheet" type="text/css" href="naamvanstijlbestand.css" />

Lees anders ook even het leesvoer door dat in m'n handtekening staat, daarin staat het allemaal wat uitgebreider uitgelegd.

Als ik mijn tabellen converteer naar ap divs dan is dat opgelost, maar dan werkt mijn sprymenu niet meer...
Klik om te vergroten...
Die apdivs veroorzaken volgens mij z'n beetje van de helft van de vragen over dreamweaver op dit forum, ik zou ze niet gebruiken, niet om een gallerie te bouwen in elk geval. Dat is nou net een geval waar een tabel gebruiken geen slecht idee is.
 
Laatst bewerkt:
Naarling zei:
NEEN! dat kan niet. De <center> tag is verouderd, er is geen enkele reden om hem te gebruiken voor een nieuwe site. Het kan bovendien veel simpeler.
HTML: 
<div id="footer"><p>De voettekst</p></div>
In de html en in de CSS #footer{text-align:center;}

Er zitten trouwens een aantal eigenaardige dingen in de site. Waarom heb je het horizontale menu in een tabel gezet terwijl je het verticale menu welk keurig in een lijst hebt gedaan, zoals het hoort.
Waarom staat de kopafbeelding in een paragraaf? Het is een enkel plaatje, dat mag je gewoon los neerzetten (spaties in bestandsnamen zijn trouwens een slecht ide, dat kan problemen opleveren). Overigens is het niet netjes om aan te nemen dat iedereen een monitor heeft van minstens 1330 pixels breed, je kunt hem beter (in het CSS bestand) 100% breedte geven.

Wat je probleem betreft, als je de body een minimale breedte meegeeft, dan zou het goed moeten gaan.

Waarom staat de google advertentie in een tabel?

EDIT:

Waarom? Omdat je dan met een enkel css bestand je hele site vorm kunt geven. Als je dan iets wilt veranderen, een achtergrondkleur bijvoorbeeld, dan kun je dat voor je hele site doen door een enkel bestand aan te passen. Anders moet je ieder relevant html element afgaan, op iedere pagina. Het hoe is heel simpel, je zet gewoon de benodigde css in een bestand met een naam die eindigd op .css op je server in de <head> van je HTML zet je dan
HTML: 
<link rel="stylesheet" type="text/css" href="naamvanstijlbestand.css" />

Lees anders ook even het leesvoer door dat in m'n handtekening staat, daarin staat het allemaal wat uitgebreider uitgelegd.


Die apdivs veroorzaken volgens mij z'n beetje van de helft van de vragen over dreamweaver op dit forum, ik zou ze niet gebruiken, niet om een gallerie te bouwen in elk geval. Dat is nou net een geval waar een tabel gebruiken geen slecht idee is.
Klik om te vergroten...

moet ik dan die html code bij de head van elk document plakken?
 
nog een vraag, wat moet er in de head zodat mn site vindbaar is door google?
 
metatags

Het gaat vanzelf maar om meer informatie aan google te geven moet je meta tags invoeren.

Wikipedia: metatags

Maar als je dat proces wilt versnellen kan je hier bij google een URL doorgeven!
 
ibowts zei:
moet ik dan die html code bij de head van elk document plakken?
Klik om te vergroten...
Die link naar het CSS bestand bedoel je? Ja.
(als je trouwens een vraag hebt over een deel van een bericht is het beter om alleen dat deel te citeren, werkt wat verwarrend/rommelig anders)
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan