een submenu in een horizontaal menu

Bedankt Coderunner. Hetgeen je hebt uitgelegd ivm met de hyperlink in de email dat was wat ik eigenlijk wou weten. Aan de uitleg aan wat vooraf heb ik ook heel wat gehad. Ik had mijn vraag misschien niet duidelijk genoeg geformuleerd.

Bedankt voor de hulp
RICH007

Beste Rich007,

Geen probleem hoor en bedankt om dit hier te melden.

Tot de volgende.

mvg,
Coderunner

Coderunner,

Graag nog eens uw hulp.
Ik heb een tabel gemaakt die iets minder dan de helft van het scherm breed is. Nu zou ik graag daarnaast andere gegevens zetten maar als ik dat run in Firefox, dan staan die gegevens over elkaar.

Ik heb de eerste div (van de tabel) in de css een float links gegeven.
De div die ik ernaast wil zetten in de css een float right en position absolute,
de margin-left:30px gezet (van de gegevens die rechts staan. Die 30 px is opdat de gegevens niet tegen de tabel zouden plakken.

Deze 2 bovenstaande div's staan in de div middle. Wat doe ik verkeerd?
Hoe krijg ik die 2 elementen mooi naast elkaar?

Daaronder zou de footer nog mooi moeten aansluiten over de breedte van de ganse pagina. Op de pagina waar geen elementen naast elkaar moeten komen, sluit de footer mooi aan bij de tekst.
Bedankt bij voorbaat voor uw reactie.
RICH 007

Beste Rich007,

Hiervoor zal je toch het html én het css bestand waar je dit probleem voorhebt eens moeten doorsturen ofwel hier op het forum zelf plaatsen, ofwel als je dit liever hebt via een privé bericht op het forum of anders naar mijn e-mail adres (als je dit laatste verkiest, laat het me dan weten dan stuur ik dit in een privé bericht).

mvg,
Coderunner

Ik zet hier even de css:
#gegevenstabel{float:left;
border: 2px solid red;}
#film{
float:right;
position:absolute;
margin:0px 0px 0px 30px;
border: 2px solid red;
padding:5px 10px 0px 5px;
width:350px;
}
#middle{width:800px;}

De div gegevenstabel en div film staat in de div middle

Bedankt voor uw reactie
RICH007

Beste Rich007,

En wat is de gebruikte html code?

mvg,
Coderunner

coderunner,
hier de html maar dat is nogal lang
<div id="middle2">
<div id="gegevenstabel">
<table border="1">
<caption class="captiongrootte">Evolutie van de containertrafiek
</caption>
<tr>
<th class="breedte">Jaar</th>
<th class="breedtekolom">Aanvoer</th>
<th class="breedtekolom">Afvoer</th>
<th class="breedtekolom">Totaal</th>
</tr>
<tr>
<td class="breedte" align="center">1975</td>
<td class="breedtekolom" align="center">1.581.535</td>
<td class="breedtekolom" align="center">1.754023</td>
<td class="breedtekolom" align="center">3.335.558</td>
</tr>
<tr>
<td class="breedte" align="center">1980</td>
<td class="breedtekolom" align="center">2.802.830</td>
<td class="breedtekolom" align="center">3.323.137</td>
<td class="breedtekolom" align="center">6.125.967</td>
</tr>
<tr>
<td class="breedte" align="center" >1985</td>
<td class="breedtekolom" align="center">3.956.926</td>
<td class="breedtekolom" align="center">6.964.394</td>
<td class="breedtekolom" align="center">10.921.320</td>
</tr>
<tr>
<td class="breedte" align="center">1990</td>
<td class="breedtekolom" align="center">7.290641</td>
<td class="breedtekolom" align="center">9.262.788</td>
<td class="breedtekolom" align="center">16.553429</td>
</tr>
<tr>
<td class="breedte" align="center">1995</td>
<td class="breedtekolom" align="center">10.673.217</td>
<td class="breedtekolom" align="center">15.122.343</td>
<td class="breedtekolom" align="center">25.795.560</td>
</tr>
<tr>
<td class="breedte" align="center">1998</td>
<td class="breedtekolom" align="center">15.434.929</td>
<td class="breedtekolom" align="center" >19.941.354</td>
<td class="breedtekolom" align="center">35.376.283</td>
</tr>
<tr>
<td class="breedte" align="center">2000</td>
<td class="breedtekolom" align="center">18.228.364</td>
<td class="breedtekolom" align="center">26.297.279</td>
<td class="breedtekolom" align="center">44.525.643</td>
</tr>
<tr>
<td class="breedte" align="center">2003</td>
<td class="breedtekolom" align="center">25.042.158</td>
<td class="breedtekolom" align="center">36.308.177</td>
<td class="breedtekolom" align="center">61.350.335</td>
</tr>
<tr>
<td class="breedte" align="center">2005</td>
<td class="breedtekolom" align="center">30.826.936</td>
<td class="breedtekolom" align="center">43.766.176</td>
<td class="breedtekolom" align="center">74.593.112</td>
</tr>
<tr>
<td class="breedte" align="center">2007</td>
<td class="breedtekolom" align="center">42.353.374</td>
<td class="breedtekolom" align="center">52.186.594</td>
<td class="breedtekolom" align="center">94.539.968</td>
</tr>
<tr>
<td class="breedte" align="center">2008</td>
<td class="breedtekolom" align="center">45.496.882</td>
<td class="breedtekolom" align="center">55.865.142</td>
<td class="breedtekolom" align="center">101.362.024</td>
</tr>
<tr>
<td class="breedte" align="center">2009</td>
<td class="breedtekolom" align="center">38.551.781</td>
<td class="breedtekolom" align="center">48.695.964</td>
<td class="breedtekolom" align="center">87.247.745</td>
</tr>
<tr>
<td class="breedte" align="center">2010</td>
<td class="breedtekolom" align="center">44.711.216</td>
<td class="breedtekolom" align="center">57.828.442</td>
<td class="breedtekolom" align="center">102.539.658</td>
</tr>

</table>
</div>
<div id="film">
<p>Een beeld zegt meer dan 1000 woorden</p>
<p>Bekijk de onderstaande filmpjes!</p>
<p>Plak onderstaande link in uw brouwser</p>
<p>http://www.youtube.com/watch?v=ELgHGCDQFpI</p>
<p>http://www.youtube.com/watch?v=b9KUVY-m18A</p>
<p>http://www.youtube.com/watch?v=2LGhK3tKx7A</p>
<p>http://www.youtube.com/watch?v=F5bvgBl8eyg</p>
<p>http://www.youtube.com/watch?v=-YodNusKm4I</p>
<p>http://www.youtube.com/watch?v=4pYakR64FDw</p>
<p>http://www.youtube.com/watch?v=cSL7BO4zT20</p>
<p>http://www.youtube.com/watch?v=VUM9urGBcI8</p>
<p></p>
</div>
Bedankt voor de hulp

Beste Rich007,

1- Verwijder in je css >> position: absolute;
of
2- Vervang position: absolute; door position: relative;

mvg,
Coderunner

Na verwijderen van de position:absolute; en dan de css opslaan en dan werkt het in Firefox.

Blijkbaar dien je niet voor alle elementen eerst de css op te slaan vooraleer te runnen. Met die bepaling van die positie zeer zeker wel.

Bedankt voor uw reactie
RICH007

Beste Rich007,

Rich007 schreef:Blijkbaar dien je niet voor alle elementen eerst de css op te slaan vooraleer te runnen. Met die bepaling van die positie zeer zeker wel.

Afzonderlijke css bestanden moeten steeds eerst bewaard worden vooraleer de wijzigingen in het css bestand kunnen toegepast worden.

Dus het probleem in Firefox is nu ook opgelost. Bedankt om dit te melden.

Tot de volgende ...

mvg,
Coderunner

Graag zou ik mijn background-image in de css zetten.

body
{background-image:wat moet hier volgen als die foto gewoon in een map staat?}

Moet dat tussen "" staan? na de : ?
Foto staat in dezelfde map als de foto's die in de html geladen worden en dit geeft geen probleem.
in de html moet je op iedere pagina de achtergrond ingeven en dat is eigenlijk niet de bedoeling.
Met dank voor uw antwoord
RICH007

Beste Rich007,

De code in het css bestand voor een body achtergrond is waarin:
- naam_submap : de map waar de achtergrondfoto staat (als deze in een submap staat);
- naam_achtergrond : de benaming van de achtergrondfoto.

mvg,
Coderunner

Coderunner,
Dat probeer ik morgen uit.
Met dank voor de hulp
RICH007

Okay Rich007, ik hoor het morgen dan wel of het je gelukt is.

Succes,

mvg,
Coderunner