Archivlink: javarea.de Forum > (X)HTML & CSS (allgemein) > 2 Farbbalken
Vollständigen Link anzeigen: javarea.de Forum > (X)HTML & CSS (allgemein) > 2 Farbbalken

Pages: [1]
geschrieben von misterx3387 am 19.02.2005 - 20:25
Hi,

also mein Problem ist, dass ich 2 Farbbalken brauche um sozusagen ein "Rangbarometer" zu machen. Der untere sollte immer 100% anzeigen also immer eine statische Größe haben und der 2. sollte je nach Anstrengen des Users dynamisch sein. Geht das mit HTML/CSS oder brauch man da was anderes? Ich wollte das auch versuchen ohne Grafiken zu machen...

Danke!!!

geschrieben von okley am 19.02.2005 - 20:43
guten abend,

um das zu machen bedienst du dich am einfachsten an HTML und CSS.

folgender code sollte dir zumindest auf die sprünge helfen
HTML-Quelltext
1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14: 
15: 
16: 
17: 
18: 
19: 
20: 
21: 
22: 
23: 
24: 
25: 
26: 
27: 
28: 
29: 
30: 
31: 
32: 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<style type="text/css">
<!--
  #barometer{
  }
  #static{
   width: 100px;
   height: 20px;
   background: black;
  }
  #dynamic{
   width: 20px; /* dynamischer Wert in Pixel */
   height: 20px;
   background: red;
  }
//-->
</style>

</head>
<body>
<div id="barometer">
<div id="static">
   &nbsp;
</div>
<div id="dynamic">
  &nbsp;
</div>
</div>
</body>
</html>


die werte von width im css kannst du dynamisch z.b. per PHP einsetzen lassen.
dies ist ein weg, es gibt bestimmt noch andere die deinem wunsch entsprechen.

geschrieben von misterx3387 am 20.02.2005 - 12:02
Super Danke!!!


Powered by: JBB v.2.0.4 Copyright ©2000-2006, www.javarea.de.