Zo ik ben weer aan het puzzelen geslagen met de divjes en css en HIER
het eerste resultaat.
Mijn vraag is kort en bondig:
Ga ik goed zo?
424 views
Gaat wel aardig toch? Alleen die tabel onderaan is dan weer jammer, daar hebben we tegenwoordig text-align: center; voor :)
Ik zat even naar je css te kijken en het viel me op dat je sommige dingen te lang doet..
Kan ook:
of
De volgorde van de tweede is, top, right, bottom, left.
Verder ga je volgens mij wel goed :)
padding-left:10px;
padding-right:10px;
padding-bottom:10px;
padding-top:10px;
Kan ook:
Padding : 10px;
of
padding : 10px 10px 10px 10px;
De volgorde van de tweede is, top, right, bottom, left.
Verder ga je volgens mij wel goed :)
OK maar ehhhh er zijn geen tabellen.
Het is dit en hier staat toch text-align: center; of heb ik het mis?
#bodem {
width: 100%;
height: 5%;
position: relative;
margin-left:1px;
margin-right:1px;
margin-top:1px;
margin-bottom:1px;
text-align: center;
background-color: #a4b3d0;
vertical-align: middle;
}
Het is dit en hier staat toch text-align: center; of heb ik het mis?
#bodem {
width: 100%;
height: 5%;
position: relative;
margin-left:1px;
margin-right:1px;
margin-top:1px;
margin-bottom:1px;
text-align: center;
background-color: #a4b3d0;
vertical-align: middle;
}
Het is jammer dat je je menu in JavaScript doet (theoretisch is het mogelijk dat iemand dat niet ziet wanneer die JavaScript uit heeft gezet in zijn browser), en je menu kan je met CSS er mooi opmaken met <ul> en <li> (want dat is een menu eigenlijk, een lijst van items).
En de opmerking van Jelmer natuurlijk :)
Voor de rest is het goed gedaan.
Edit:
Je hebt ook nog wat foutjes waardoor je HTML niet valideert: Je DOCTYPE moet helemaal bovenaan staan, die komt nu na de <html><head>-tags. De andere zijn minder belangrijk, maar je weet de weg naar de HTML Validator zelf wel te vinden (en de CSS-validator natuurlijk ook wel) :)
En de opmerking van Jelmer natuurlijk :)
Voor de rest is het goed gedaan.
Edit:
Je hebt ook nog wat foutjes waardoor je HTML niet valideert: Je DOCTYPE moet helemaal bovenaan staan, die komt nu na de <html><head>-tags. De andere zijn minder belangrijk, maar je weet de weg naar de HTML Validator zelf wel te vinden (en de CSS-validator natuurlijk ook wel) :)
@ Kasper : mijn menu (linken) komt uit de database en is geen JavaScript :)
Het is dit:
<?php
function showgegevens()
{
$sql = "Select * From navigatie Order By nav_id";
$data = mysql_query($sql) or die(mysql_error());
for($a=0;$a < mysql_num_rows($data);$a++)
{
$row = mysql_fetch_array($data);
// de linken onder elkaar
echo "<a href=".$row['5']." alt=".$row['3']." target=".$row['6']." onMouseOver=\"window.status='colours-of-snuggle-dogs'; return true;\" onMouseOut=\"window.status='colours-of-snuggle-dogs'; return true;\">".$row['1']."</a><br>";
}
}
?>
Ik heb het DOCTYPE verandert en zou nu OK moeten zijn :)
Geweldig deze hulp en tips :)
Dank jullie wel!!
Het is dit:
<?php
function showgegevens()
{
$sql = "Select * From navigatie Order By nav_id";
$data = mysql_query($sql) or die(mysql_error());
for($a=0;$a < mysql_num_rows($data);$a++)
{
$row = mysql_fetch_array($data);
// de linken onder elkaar
echo "<a href=".$row['5']." alt=".$row['3']." target=".$row['6']." onMouseOver=\"window.status='colours-of-snuggle-dogs'; return true;\" onMouseOut=\"window.status='colours-of-snuggle-dogs'; return true;\">".$row['1']."</a><br>";
}
}
?>
Ik heb het DOCTYPE verandert en zou nu OK moeten zijn :)
Geweldig deze hulp en tips :)
Dank jullie wel!!
Dit stukje is toch JS: onMouseOver=\"window.status='colours-of-snuggle-dogs'; return true;\" onMouseOut=\"window.status='colours-of-snuggle-dogs'; return true;\"?
Anyway, dat zou beter kunnen denk ik. Bijvoorbeeld door de waarden (die in jouw geval overigens niet erg beschrijvend zijn) te retourneren via een array en ze dan in een loopje te zetten.
En zoals je het nu hebt zou je er ook een unordered list (<ul>) van kunnen maken, maar het is de vraag of je dat wilt natuurlijk :)
Anyway, dat zou beter kunnen denk ik. Bijvoorbeeld door de waarden (die in jouw geval overigens niet erg beschrijvend zijn) te retourneren via een array en ze dan in een loopje te zetten.
En zoals je het nu hebt zou je er ook een unordered list (<ul>) van kunnen maken, maar het is de vraag of je dat wilt natuurlijk :)
@ Kasper : dan van die unordered list wil ik wel en mijn vraag is dan hoe doe ik dit?
In de div (met id "bodem") zit toch een tabel als ik het zo zie.
Een lijst maken is niet moeilijk:
<ul>
<li>iets</li>
</ul>
Opmaken is ook niet moelijk. Wil je geen bullets, dan geef je aan de ul mee: list-style: none; padding: 0;
Een lijst maken is niet moeilijk:
<ul>
<li>iets</li>
</ul>
Opmaken is ook niet moelijk. Wil je geen bullets, dan geef je aan de ul mee: list-style: none; padding: 0;
<?php
function showgegevens()
{
$sql = "Select * From navigatie Order By nav_id";
$data = mysql_query($sql) or die(mysql_error());
echo '<ul>';
for($a=0;$a < mysql_num_rows($data);$a++)
{
$row = mysql_fetch_array($data);
// de linken onder elkaar
echo "<li><a href=".$row['5']." alt=".$row['3']." target=".$row['6']." onMouseOver=\"window.status='colours-of-snuggle-dogs'; return true;\" onMouseOut=\"window.status='colours-of-snuggle-dogs'; return true;\">".$row['1']."</a></li>";
}
echo '</ul>';
}
?>
En de ul en de li kan je vervolgens opmaken zoals je wilt (bijvoorbeeld de opmaak die je nu ook hebt).
De bolletjes haal je weg met list-style: none; en met margin en padding kan je de linkjes wat beter positioneren.
function showgegevens()
{
$sql = "Select * From navigatie Order By nav_id";
$data = mysql_query($sql) or die(mysql_error());
echo '<ul>';
for($a=0;$a < mysql_num_rows($data);$a++)
{
$row = mysql_fetch_array($data);
// de linken onder elkaar
echo "<li><a href=".$row['5']." alt=".$row['3']." target=".$row['6']." onMouseOver=\"window.status='colours-of-snuggle-dogs'; return true;\" onMouseOut=\"window.status='colours-of-snuggle-dogs'; return true;\">".$row['1']."</a></li>";
}
echo '</ul>';
}
?>
En de ul en de li kan je vervolgens opmaken zoals je wilt (bijvoorbeeld de opmaak die je nu ook hebt).
De bolletjes haal je weg met list-style: none; en met margin en padding kan je de linkjes wat beter positioneren.
<ul>
<li>home</li>
<li>etc</li>
<li>etc</li>
<li>etc</li>
<li>etc</li>
</ul>
Dit snap ik want hier kan je dan de linken tussen zetten al dan niet uit de database of zo erin zetten toch?
Vervolgens de opmaak in CSS en ziet er zo uit:
ul {
border: 1px solid #000
list-style: none;
padding: 0 px;
margin: 0px;
}
<li>home</li>
<li>etc</li>
<li>etc</li>
<li>etc</li>
<li>etc</li>
</ul>
Dit snap ik want hier kan je dan de linken tussen zetten al dan niet uit de database of zo erin zetten toch?
Vervolgens de opmaak in CSS en ziet er zo uit:
ul {
border: 1px solid #000
list-style: none;
padding: 0 px;
margin: 0px;
}