Bestimmten div drucken

hoctar

Erfahrenes Mitglied
Hallo :)

ich will nur ein bestimmten Bereich auf meiner Seite drucken, aber leider wird nix angezeigt.

So klappt das ganz gut:
HTML:
<html>
<head>
<title>drgrg</title>
<style type="text/css">
<!--

  body *{display:none;}
  body #g {display:block;}

-->
</style>
</head>
<body>
 <span>hfgf</span>
 <span id="g">muh<span>gh</span></span>
 <span>fhg</span>
</body>
</html>

aber wenn ich mehrere Elemente in dem anzuzeigenedn div habe, dann werden diese leider nicht angezeigt :( wie man oben sieht wird 'gh' nicht angezeigt
 
Klar, denn du hast alle Elemente unsichtbar gemacht außer #g selbst.
Es fehlt also:
Code:
body #g * {display:block;}

Was die in #g enthaltenen wieder zeigt.

btw: Ich sehe kein div. Nur span ;)
 
Zuletzt bearbeitet:
Nachdem du es hinzugefügt hast?
Mit welchem Browser und welchem Quelltext? (aktuell)
Sorry, Glaskugel kaputt ;)
 
Browser: FireFox 3
Code:
HTML:
<html>
<head>
<title>drgrg</title>
<style type="text/css">
<!--

  body *{display:none;}
  body #g * {display:block;}

-->
</style>
</head>
<body>
 <span>hfgf</span>
 <span id="g">muh
              <span>gh</span>
 </span>
 <span>fhg</span>
</body>
</html>
 
Ah stimmt, sorry :)

wie mach ich das nu wenn ich weitere Elemente darüber habe, wie z.B. div test

HTML:
<html>
<head>
<title>drgrg</title>
<style type="text/css">
<!--

  body *{display:none;}
  #g {display:block;}
  #g * {display:block;}

-->
</style>
</head>
<body>
 <span>hfgf</span>
 ...
 ...
 <div class="test">
   <span id="g">muh
                <span>gh</span>
                <div class="test">bla</div>
   </span>
   <span>fhg</span>
 </div>
</body>
</html>
 
Hi,

wenn ich bis hierher alles richtig verstanden habe, kann ich dich nur darauf hinweisen, dass sich die Nachfolgeelemente eines versteckten Elternelements nicht durch Zauberhand anzeigen lassen.

Vielmehr müsstest du darin die benachbarten Elemente ausblenden, die nicht ausgedruckt werden sollen.

mfg Maik
 
Zurück