Option, einen bestimmten Content größer und kleiner erscheinen zu lassen

URBN.HD

Hallo

Hoffe, mir kann jemand bei meiner Frage helfen. Vorweg, um es besser erklären zu können, zwei Screenshots für euch:

[Blockierte Grafik: http://img262.imageshack.us/img262/2113/kleinc.th.png] [Blockierte Grafik: http://img803.imageshack.us/img803/2442/groy.th.png]

Es geht mir also hauptsächlich um die Option, einen bestimmten Content größer und kleiner erscheinen zu lassen.

Hintergrund ist folgender: In das linke leere Feld kommt später ein embed Game-Stream rein und rechts daneben ein Chat (Bild 1).
Möchte den Besuchern aber auch die Möglichkeit lassen, den Chat quasi auszublenden um den Stream dann in einer vergrößerten Ansicht zu geniessen (Bild 2).

Hoffe auf eine Antwort und verbleibe mit freundlichen Grüßen.

djheke

Mit CSS vielleicht so.

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"  
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml" lang="en-US">  
  <head>  

 
<style type="text/css"> 
 
* { 
 margin:0; 
 padding:0; 
} 
 
html , body { 
 height:100%; 
 width:100%; 
} 
 
body { 
 width:960px; 
 margin:0 auto; 
 } 
.wrapper {  
  display:table;  
  border-collapse:collapse;  
  background:#ada; 
 width:100%; 
}  
 
.kopf { 
  width:100%; 
 height:50px; 
 background:#dad; 
} 
 
.rechts {  
  display:table-cell;  
  padding-right:.1px; 

}  
 
.links {  
  display:table-cell;  
  width:100%; 
   background:#09c; 
  padding:5px; 
}  
 
.footer { 
 width:100%; 
  background:#eda; 
 float:left; 
}


div#aus:target {
 display:none;
}


div#ein:target {
   display:blockl; 
} 
</style> 
  </head>  
  <body>  
 
 
<div class="kopf">display:table</div>    
<div class="wrapper">  
<div class="links">LINKS</div> 
 
<div class="rechts">
<div id="aus">RECHTS</div>
</div>
 
</div> 
<div class="footer">
<p><a href="#ein">einblenden</a></p>
<p><a href="#aus">ausblenden</a></p>
</div> 
  </body> 
</html>

Alles anzeigen

http://www.gipspferd.de/forumhilfe/ein-ausblenden/

URBN.HD

Hab es anders gelöst. Danke

Option, einen bestimmten Content größer und kleiner erscheinen zu lassen

Tags

Benutzer online in diesem Thema