Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord

Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

CSS menu en frame

None
9 antwoorden
  • ik heb dus een css menu gemaakt met een generator (ik hou niet van dat soort dingen maar ik weet niets van css) maar die wil ik hirizontaal i.p.v. verticaal. dit is mijn code tot nu toe: <head>
    <title>Nederland in de Tweede Wereldoorlog </title><body background="Soldaat3.jpg" link=red vlink=red>
    </head>
    <style type="text/css">
    <!–
    .buttonscontainer {width: 175px;}

    .buttons a {color: #FFFFFF;
    border: 1px solid;
    background-color: #0066FF;
    padding: 2px;
    padding-left: 3px;
    font: 17px Arial, sans-serif;
    font-weight: bold;
    text-decoration: none;
    border-color: #3399FF #0000FF #0000FF #3399FF;
    display: block;
    margin: 0px;
    width: 100%;
    text-align: left;}

    .buttons a:hover {border: 1px solid;
    padding-left: 4px;
    padding-top: 3px;
    padding-bottom: 1px;
    padding-right: 1px;
    background-color: #0033FF;
    border-color: #0000FF #3399FF #3399FF #0000FF;
    color: #FFFFFF;
    text-decoration: none;}
    </style>
    <div class="buttonscontainer">
    <div class="buttons">
    <a href="http://www.freewebs.com/nederlandinwo2/Index.htm">Home</a>
    <a href="http://www.freewebs.com/nederlandinwo2/Wapens.htm">Wapens</a>
    <a href="http://www.freewebs.com/nederlandinwo2/Uitrusting.htm">Uitrusting</a>
    <a href="http://www.freewebs.com/nederlandinwo2/Gevechten.htm">Gevechten</a>
    <a href="http://www.freewebs.com/nederlandinwo2/Contact.htm">Contact en Bronnen</a>
    </div>
    </div>
    <font size="5"</font> <font color=blue </font>
    <marquee> <i>Alles over Nederland in de Tweede Wereldoorlog: Wapens, Gevechten, Uitrusting en Operaties! </i> </marquee>
    <p><br></head>

    weet iemand hoe ik het menu verticaal kan krijgen? eventueel met een nieuwe code.
  • of dat de tekst rechts van het menu komt te staan… het komt er nu onder te staan en anders in een ruimte tussen de knoppen en dan is het zo breed als het menu…
  • Bedoel je het zo:

    [code:1:a4ca4e4639]
    <head>
    <title>Nederland in de Tweede Wereldoorlog </title><body background="Soldaat3.jpg" link=red vlink=red>
    </head>
    <style type="text/css">
    <!–
    [b].buttonscontainer {width: 500px;}[/b]

    .buttons a {color: #FFFFFF;
    border: 1px solid;
    background-color: #0066FF;
    padding: 2px;
    padding-left: 3px;
    font: 17px Arial, sans-serif;
    font-weight: bold;
    text-decoration: none;
    border-color: #3399FF #0000FF #0000FF #3399FF;
    /*display: block;
    width: 100%;*/
    margin: 0px;
    text-align: left;}

    .buttons a:hover {border: 1px solid;
    padding-left: 4px;
    padding-top: 3px;
    padding-bottom: 1px;
    padding-right: 1px;
    background-color: #0033FF;
    border-color: #0000FF #3399FF #3399FF #0000FF;
    color: #FFFFFF;
    text-decoration: none;}
    </style>
    <div class="buttonscontainer">
    <div class="buttons">
    <a href="http://www.freewebs.com/nederlandinwo2/Index.htm">Home</a>
    <a href="http://www.freewebs.com/nederlandinwo2/Wapens.htm">Wapens</a>
    <a href="http://www.freewebs.com/nederlandinwo2/Uitrusting.htm">Uitrusting</a>
    <a href="http://www.freewebs.com/nederlandinwo2/Gevechten.htm">Gevechten</a>
    <a href="http://www.freewebs.com/nederlandinwo2/Contact.htm">Contact en Bronnen</a>
    </div>
    </div>
    <font size="5"</font> <font color=blue </font>
    <marquee> <i>Alles over Nederland in de Tweede Wereldoorlog: Wapens, Gevechten, Uitrusting en Operaties! </i> </marquee>
    <p><br></head>
    [/code:1:a4ca4e4639]

    hopelijk is dat wat je bedoelt, breedte kun je nog aanpassen door bij [b:a4ca4e4639]width: 100%[/b:a4ca4e4639] een breedte in te stellen
  • http://css.maxdesign.com.au/listutorial/
    www.tanfa.co.uk/css/examples/css-dropdown-menus.asp
  • bedankt! de code wekte helaas niet… ik heb zelf al wel iets bedacht: gewoon na elke link buttonscontainer en buttons afsluiten… moet dat met /div of met /buttons en /buttonscontainer? ik denk de eerste.
    op de site staat wel een hoop maar met al die sites of css kan ik niet goed vinden wat ik zoek. dat heeft te maken met dat ze de css namen ervpor gebruiken, zoals hover. waar staat het menu bij?

    nieuwe code: <head>
    <title>Nederland in de Tweede Wereldoorlog </title><body background="Soldaat3.jpg" link=red vlink=red>
    </head>
    <style type="text/css">
    <!–
    .buttonscontainer {width: 175px;}

    .buttons a {color: #FFFFFF;
    border: 1px solid;
    background-color: #0066FF;
    padding: 2px;
    padding-left: 3px;
    font: 17px Arial, sans-serif;
    font-weight: bold;
    text-decoration: none;
    border-color: #3399FF #0000FF #0000FF #3399FF;
    display: block;
    margin: 0px;
    width: 100%;
    text-align: left;}

    .buttons a:hover {border: 1px solid;
    padding-left: 4px;
    padding-top: 3px;
    padding-bottom: 1px;
    padding-right: 1px;
    background-color: #0033FF;
    border-color: #0000FF #3399FF #3399FF #0000FF;
    color: #FFFFFF;
    text-decoration: none;}
    </style>
    <div class="buttonscontainer">
    <div class="buttons">
    <a href="http://www.freewebs.com/nederlandinwo2/Index.htm">Home</a>
    <a href="http://www.freewebs.com/nederlandinwo2/Wapens.htm">Wapens</a></div></div><font size="5"</font> <font color=blue </font>
    <marquee> <i>Alles over Nederland in de Tweede Wereldoorlog: Wapens, Gevechten, Uitrusting en Operaties! </i> </marquee>
    <div class="buttonscontainer">
    <div class="buttons">
    <a href="http://www.freewebs.com/nederlandinwo2/Uitrusting.htm">Uitrusting</a>
    <a href="http://www.freewebs.com/nederlandinwo2/Gevechten.htm">Gevechten</a></div></div><font size="3"</font><font color=gold </font>
    <center>Welkom op mijn site!</center><div class="buttonscontainer">
    <div class="buttons">
    <a href="http://www.freewebs.com/nederlandinwo2/Contact.htm">Contact en Bronnen</a></div></div>
    <center>Deze gaat over Nederland in de Tweede Wereldoorlog.<br>Eigenlijk gaat het vooral over Mei 1940,<br> de inval van Nazi-Duitsland in Nederland.<br>Dit heeft 2 redenen:<br>1)Latere operaties op Nederlands grondgebied zijn veel bekender<br>2)Door me te specificeren over een bepaald onderwerp<br>kan ik daar veel meer en betere informatie over geven.<br>Hopelijk hebben jullie wat aan deze site.<br>Hij is nog verre van af en als iemand wil helpen<br>(liefst iemand die met html kan werken, maar dat is geen vereiste)<br>moet ie me maar <a href="mailto:lordoftheringsfan11_2@hotmail.com">mailen </a>
    </body>
    </html>
    <font size="5"</font> <font color=blue </font>
    </head>
    1 probleem (wat jullie zullen zien als je het ff in een html bestand zet) dat er een nieuwe regel wordt geopend tussen het menu. ik vind het zo wel goed, als ze links onder elkaar staan (als iemand het naast elkaar weet: graag zeggen!), maar ik moet dus hebben dat het menu recht onder elkaar blijft staan zonder open regels omdat in het midden andere dingen staan…
    B.V.D., Paul
  • Óf stop de code in -blokken óf geef ons een online voorbeeld. Dit werkt niet prettig.

    - Bas
  • sorry.
    ik heb nu weer een andere, na rondgeneusd te hebben op die websites:
    [code:1:a54a14dfe8] <head>
    <title>Nederland in de Tweede Wereldoorlog </title><body background="Soldaat3.jpg" link=blue vlink=blue>
    </head>
    <style type="text/css">#navcontainer ul
    {
    margin: 0;
    list-style-type: none;
    text-align: center;
    }#navcontainer ul li { display: inline; }

    .buttons a {color: #FFFFFF;
    border: 1px solid;
    background-color: #0066FF;
    padding: 3px;
    padding-left: 1px;
    font: 17px Arial, sans-serif;
    font-weight: bold;
    text-decoration: none;
    border-color: #3399FF #0000FF #0000FF #3399FF;
    display: block;
    margin: 0px;
    width: 20%;
    text-align: center;}

    .buttons a:hover {border: 1px solid;
    padding-left: 4px;
    padding-top: 3px;
    padding-bottom: 1px;
    padding-right: 1px;
    background-color: #0033FF;
    border-color: #0000FF #036 #036 #0000FF;
    color: #FFFFFF;
    text-decoration: none;}
    </style>
    <div id="navcontainer">
    <div class="buttons">
    <ul>
    <li><a href="http://www.freewebs.com/nederlandinwo2/Index.htm">Home</a></li>
    <li><a href="http://www.freewebs.com/nederlandinwo2/Wapens.htm">Wapens</a></li>
    <li><a href="http://www.freewebs.com/nederlandinwo2/Uitrusting.htm">Uitrusting</a></li>
    <li><a href="http://www.freewebs.com/nederlandinwo2/Gevechten.htm">Gevechten</a></li>
    <li><a href="http://www.freewebs.com/nederlandinwo2/Contact.htm">Contact en Bronnen</a></li>
    </div></div></ul>
    <font size="5"</font> <font color=blue </font>
    <marquee> <i>Alles over Nederland in de Tweede Wereldoorlog: Wapens, Gevechten, Uitrusting en Operaties! </i> </marquee>
    <p><br></head>
    <font size="3"</font><font color=gold </font>
    <center>Welkom op mijn site!<br>Deze gaat over Nederland in de Tweede Wereldoorlog.<br>Eigenlijk gaat het vooral over Mei 1940,<br> de inval van Nazi-Duitsland in Nederland.<br>Dit heeft 2 redenen:<br>1)Latere operaties op Nederlands grondgebied zijn veel bekender<br>2)Door me te specificeren over een bepaald onderwerp<br>kan ik daar veel meer en betere informatie over geven.<br>Hopelijk hebben jullie wat aan deze site.<br>Hij is nog verre van af en als iemand wil helpen<br>(liefst iemand die met html kan werken, maar dat is geen vereiste)<br>moet ie me maar <a href="mailto:lordoftheringsfan11_2@hotmail.com">mailen </a>
    </body>
    </html>
    [/code:1:a54a14dfe8]
    het staat nu nog steeds onder elkaar, maar is geloof ik iets beter. wete iemand, hoe je dit menu horizontaal kan zetten?
    ik heb hievoor een ander menu gebruikt:
    [code:1:a54a14dfe8]<html><head><title>bla</title></head>
    <STYLE TYPE="text/css">#navcontainer ul
    {
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: center;
    }

    #navcontainer ul li { display: inline; }

    #navcontainer ul li a
    {
    text-decoration: none;
    padding: .2em 1em;
    color: #fff;
    background-color: #036;
    }

    #navcontainer ul li a:hover
    {
    color: #fff;
    background-color: #369;
    }</style>
    <div id="navcontainer">
    <ul>
    <li><a href="http://www.freewebs.com/nederlandinwo2/Index.htm">Home</a></li>
    <li><a href="http://www.freewebs.com/nederlandinwo2/Wapens.htm">Wapens</a></li>
    <li><a href="http://www.freewebs.com/nederlandinwo2/Uitrusting.htm">Uitrusting</a></li>
    <li><a href="http://www.freewebs.com/nederlandinwo2/Gevechten.htm">Gevechten</a></li>
    <li><a href="http://www.freewebs.com/nederlandinwo2/Contact.htm">Contact en Bronnen</a></li>
    </ul>
    </div>
    [/code:1:a54a14dfe8]
  • Er staan op de door mij gegeven sites toch tutorials voor horizontal lists??

    Dat je de code voor een horizontaal menu niet kan vinden, snap ik wel. Het zijn namelijk [i:e374912687]tutorialsites[/i:e374912687], niet 'kopieer en plak de code'-sites. Succes met lezen dus.
  • dat het tutorial sites zijn snap ik wel, maarre, ik weet dus niet wat ik voor zo'n menu moet gebruiken… naja, ik heb nu een redelijke code, maar ik zou dus graag willen dat die andere code horizontaal komt, maar ik heb de codes vergeleken en kon niets vinden wat daarop wees.

Beantwoord deze vraag

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.