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)

plaatje achter menu niet herhalen

teacher
2 antwoorden
  • hoi,
    ik ben weer eens bezig met een andere site.
    het menu wat ik op mijn eigen site had, vond ik wel goed, maar opera slikte het niet helemaal, en het was relatief veel code.
    daarom heb ik iets nieuws in elkaar geflanst:
    in de html documenten:
    [code:1:5a1901a91f]
    <div id="button">
    <ul>
    <li><a href="">onderwerp</a></li>
    <li><a href="">onderwerp</a></li>
    <li><a href="">onderwerp</a></li>
    <li><a href="">onderwerp</a></li>
    <li><a href="">onderwerp</a></li>
    </ul>
    </div>
    [/code:1:5a1901a91f]
    en om dit er dan een beetje redelijk uit te laten zien, plaats ik dit in mijn stylesheet:
    [code:1:5a1901a91f]
    div#button {
    width : 150px;
    }
    div#button ul {
    list-style : none;
    }
    div#button ul li {
    border-bottom : 1px solid #90bade;
    }
    div#button ul li a {
    display : block;
    padding : 5px 5px 5px 5px;
    background : #79A536;
    color : #fff;
    text-decoration : none;
    }
    div#button ul li a:hover {
    background : #2586d7;
    color : #fff;
    }
    [/code:1:5a1901a91f]
    en, dat werkt! (ik heb het hier even online gezet.
    maar nu:
    wat ik graag zou willen, is ipv die kleuren van de "blokken" met links, een plaatje te zetten. En dat gaat via
    [code:1:5a1901a91f]
    background-image: url(http://www.geocities.com/grimashorst/test/naamloos.bmp);[/code:1:5a1901a91f]
    heel goed. punt is:
    ieder "blokje" heeft dit plaatje nu, dus het is geen geheel, maar het plaatje wordt achter iedere link opnieuw geplaatst.
    is het mogelijk, om het plaatje bijv. gewoon in de html te plaatsen, en dan die menu linken er als een doorzichtige layer "op" te plaatsen, of iets dergelijks?

    alvast bedankt,

    jules
  • Niet getest, maar je kan proberen de list een achtergrond te geven en de listitems geen achtergrondkleur maar alleen een hoverkleur. Overigens heb je kans dat dit alleen onder niet-IE browsers werkt, zoiets staat me namelijk vaag bij.

    - Bas

Beantwoord deze vraag

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