een submenu in een horizontaal menu

[coderunner]

Beste Rich007,

Over wat heb je het eigenlijk ?
a- een link op het forum? -> d.m.v. BBCode
b- een link op je website? -> d.m.v. HTMLCode
c- een link in een email? -> Selecteer in emailprogramma "hyperlink toevoegen"
d- een link ... ?
Dit zijn allemaal verschillende bewerkingen/handelingen.

Hyperlink in een email programma bv. Windows Live Mail
- Schrijf je email
- Daar waar je een link wil plaatsen, schrijf je bv. KLIK HIER
- Selecteer de tekst "KLIK HIER" zodat het blauw kleur
- In het menu bovenaan je email programma neem je >> Invoegen >> hyperlink
- Een popup vakje komt tevoorschijn
- Typ naast adres de link in bv. http://www.seniorennet.be
- Klik op "OK"
- De rechtstreekse link is toegevoegd.
- Ga verder met het schrijven van je email

mvg,
Coderunner

[Rich007]

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

[coderunner]

Beste Rich007,

Geen probleem hoor en bedankt om dit hier te melden.

Tot de volgende.

mvg,
Coderunner

[Rich007]

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

[coderunner]

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

[Rich007]

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

[coderunner]

Beste Rich007,

En wat is de gebruikte html code?

mvg,
Coderunner

[Rich007]

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

[coderunner]

Beste Rich007,

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

mvg,
Coderunner

[Rich007]

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

[coderunner]

Beste Rich007,

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

[Rich007]

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

[coderunner]

Beste Rich007,

De code in het css bestand voor een body achtergrond is

Code: Selecteer alles

body 
{background-image:url('naam_submap/naam_achtergrond.jpg');}

waarin:
- naam_submap : de map waar de achtergrondfoto staat (als deze in een submap staat);
- naam_achtergrond : de benaming van de achtergrondfoto.

mvg,
Coderunner

[Rich007]

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

[coderunner]

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

Succes,

mvg,
Coderunner