Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

printbare css versie blijft menu tonen

Anoniem
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/reference/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.