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)

printbare css versie blijft menu tonen

rjpm
11 antwoorden
  • Hallo,

    Het volgende probleem doet zich voor. Ik ben bezig met het bouwen van een website met css. Ik heb een aparte stylesheet voor een printbare versie. Die roep ik aan met
    [code:1:451865763f] <link href="css/print.css" rel="stylesheet" type="text/css" media="print" /> [/code:1:451865763f]

    Vervolgens wordt in mijn pagina een javascript uitgevoerd en aangeroepen om het menu te bouwen. Dit menu moet in de uiteindelijke printversie niet zichtbaar zijn.
    [code:1:451865763f] <div id="navigation">
    <div id="noprint">
    <script type="text/javascript">
    function Go(){return}
    </script>
    <script type="text/javascript" src="scripts/advanced.js"></script>
    </div>
    </div>
    [/code:1:451865763f]

    In print.css geef ik aan dat voor navigation DISPLAY: none; geldt. Toch blijft het menu in beeld. Ik heb dus de extra div noprint toegevoegd en ook voor deze aangegeven DISPLAY: none;

    Ik geef dus in de print.css aan dat het menu niet getoond moet worden, maar toch blijft het in beeld.

    Weet iemand misschien een oplossing voor dit probleem.

    Alvast bedankt.

    Groeten,
    rob
  • probeer visibility: hidden; is….
  • helaas,

    dit heeft geen effect. Het menu blijft zichtbaar in de printbare versie.
  • ehm..

    geef eens de URL en plemp de CSS code hier eens neer.

    t.
  • Het is nog maar een prototype, dus er zullen vast nog een hoop ontwerpfouten in zitten.

    Het menu heb ik trouwens niet zelf geschreven, maar van dynamic drive gehaald. Daarna aangepast aan de website.

    Ik hoop dat iemand me kan helpen.

    alvast bedankt.

    het adres is:
    www.chamalaun.demon.nl/testje/
  • 'k Weet niet wath etJS menu voor moet stellen, maar als dat alleen is dat de achtergrondkleur veranderd als je met de muis er over heen gaat, dan kun je dat makkelijk vervangen door een CSS. zijn tig voorbeelden van.
  • Mijn fout!

    Ik gebruik dit menu omdat het zo'n mooi effect geeft als je submenu's aanmaakt. ik heb het script opnieuw geupload, zodat je kunt zien hoe die submenu's eruitzien.
  • dat is toch hvmenu van ger versluis?

    Die wordt volgens mij met JS naar het scherm toegeprint.
    Zou je niet via innerhtml (van de navigatie id) dat weg kunnen halen?
  • Klopt teacher. Dit menu is inderdaad hvmenu.

    Ik heb geprobeerd het script ergens anders aan te roepen, maar het lukt me niet. Als ik de navigatie id weg haal, wordt het menu correct getoond (dankzij de positiebepalingen) maar blijft het staan bij de printbare versie.

    De bedoeling is dat mensen via de printbutton een pagina uit kunnen printen. Is het mogelijk via een onclick event een eerder javascript (het hvmenu) ongedaan te maken? (dit is wel een ander topic, maar ik weet geen andere oplossingen meer)

    r.
  • leesvoer:
    http://www.quirksmode.org/js/layerwrite.html
    http://www.quirksmode.org/dom/intro.html //stukje over creating, changing and removing nodes
    http://msdn.microsoft.com/workshop/author/dhtml
    eference/properties/innerhtml.asp
    http://www.mozilla.org/docs/dom/domref/dom_el_ref8.html

    Ik heb het idee dat dit zou kunnen werken, maar ik heb dus niets getest oid.

    t.
  • http://www.naarvoren.nl/artikel/hover.html ?

Beantwoord deze vraag

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