css tabellenrand

[SatansEier]

hallo zusammen,

ich mach ne abfrage aus der db und formatier die felder.

if($i<=14){$felder.= "<td bgcolor='#FBE604'>";}

elseif($i>=15 and $i<18) {$felder.= "<td bgcolor='#3CC31A'>";}

//usw.

[/PHP]

die darstellung in firefox ist so noch richtig, aber der ie zickt rum ^^

jetzt hab ich vor das ganze mit css umzusetzen, krieg es aber ums verrecken nicht hin.

hoffe mir kann geholfen werden *grinst schelmisch*

[Krain]

Das ganze gehört eher ins Webdesign-Forum, da es hier eher um CSS und Formatierung im Allgemeinen geht. Bitte verschieben.

Anhand deines Codeschnipsels kann ich leider nicht erkennen, was du eigentlich vorhast. Was läuft im IE falsch, wie soll es letztendlich aussehen?

Erklär das ganze bitte etwas genauer, dann fällt es den andern und mir sicher leichter dir weiterzuhelfen.

Gruß

Markus

[SatansEier]

das ist eigentlich ganz einfach krain.

es gibt gibt ne mysql-db mit 34 feldern. (frontend = php)

es ist möglich speziell einen datensatz in der "detailansicht" anzuzeigen und diese ansicht möcht ich farblich ansprechender gestallten. das heist:

bei den ersten 14 feldnamen möcht ich den hintergrund (TABELLE) gelb haben, die nächsten 3 grün usw.

in $i steht nur die anzahl der feldnamen.

if($i<=14){$felder.= "<td bgcolor='#FBE604'>";} 

[/PHP]

hier wird für die ersten 14 felder die hintergrundfarbe gelb der tabelle definiert und in dem array $felder gespeichert.

später sag ich dann nur noch gib mir die feldenamen + wert aus.

diess "td bcolor" möcht ich jetzt durch ne css-funktion ersetzen weil der ie es nicht gebacken kriegt. bei dem bleibt die farbe auf standard.

P.S. sry, verschiebt ihn meinetwegen.

[Krain]

Versuch es mit:

style="background-color:#FFF;"

Oder entsprechenden CSS-Klassen, damit dürfte es funktionieren.

Ansonsten zeig mir mal den generierten HTML-Quellcode, also das endergebnis - zumindest die relevanten Bruchstücke davon.

[SatansEier]

im body hab ich schon meine farben definiert:

<style>

#content-bau {padding-left:2px;}

.dunkel { background-color:#AEB4BC }

.hell { background-color:#C0C0C0 }

.gelb { background-color:#FFFF80 }

.rot { background-color:#FF0000 }

.gruen { background-color:#00FF00 }

</style>

[/PHP]

[PHP]
for($i=0;$i<$ende;$i++){
if($i<=14){ $felder.= "<td bgcolor='#FBE604'>";}
elseif($i>=15 and $i<18) { $felder.= "<td bgcolor='#3CC31A'>";}
elseif($i>=18 and $i<25) { $felder.= "<td bgcolor='#1C708D'>";}
elseif($i>=25 and $i<32) { $felder.= "<td bgcolor='#731C8D'>";}
elseif($i>=32 and $i<35) { $felder.= "<td bgcolor='#6D8D1C'>";}
elseif($i>=35) { $felder.= "<td bgcolor='#6D1D1C'>";}
$felder.= "</td>";
//das ist noch der standardcode den ich durch ne css-funktion ersetzen möchte...z.B. $felder.=".gelb"

$felder.="<tr><td>".$auswahl[$i]['anzeige']."</td><td>".$_POST[$auswahl[$i]['intern']]."</td></tr>";

//hier übergeb ich dem array mit den feldenamen den dazugehörigen datensatz.

[/PHP]

[PHP]
echo $felder."</table>";

hoffe das war verständlich

[geloescht_JesterDay]

im body hab ich schon meine farben definiert:

<style>

#content-bau {padding-left:2px;}

.dunkel { background-color:#AEB4BC }

.hell { background-color:#C0C0C0 }

.gelb { background-color:#FFFF80 }

.rot { background-color:#FF0000 }

.gruen { background-color:#00FF00 }

</style>

[/PHP]

Das muss zum einen im Head stehen, nciht im Body und zum anderen musst du diese Klassen deinen Zellen auch zuweisen:

[code] ...<td class="dunkel">... [/code]

Und zum Schluss noch: Klassennamen wie rot o.ä. sind am besten zu vermeiden, da sie zu spezifisch sind. Dunkel hingegen ist ok. Stell dir z.B. mal vor, nächste Woche kommst du auf die Idee die Farben zu ändern. Aus der Klasse .rot wird dann z.B. .rot { background-color: #FF00FF; } also Violett. Derjenige, der sich deinen Code ansieht und nach der Farbe Rot sucht (die Klasse heißt ja so), wird erstmal etwas verwirrt sein.

[SatansEier]

$felder.= "<td style='border-color:#3CC31A; border-width:1px; border-style:solid'>";}

[/PHP]

damit geht`s, prob ist nur das nicht der hintergrund, sondern der tabellenrand den anstrich bekommt. was ja auch sinn hat

border-color:#3CC31A;

, wenn ich jetzt aber das border durch

background-color:#3CC31A;

ersetze, passiert gar nichts. so einfach ist es dann leider doch nicht.

[SatansEier]

hihi das thema heist tabellenrand und nicht tabellenhintergrund

*an kaffee schlürf*

[geloescht_JesterDay]

*an kaffee schlürf*

Ups... *auch noch n Kaffee einschenk*

Meinst du sowas?

<?xml version="1.0"?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html>

  <head>

    <title>New Document</title>

    <meta http-equiv="content-type" content="text/html; 

    charset=iso-8859-1" />

    <style type="text/css">

      <!--

      td.class1 { border: 1px solid #ff0000; } 

      td.class2 { border: 1px solid #00ff00; }

      //-->

    </style>

  </head>

  <body>


   <table>

	<tr>

	  <td class="class2"> </td>

	  <td class="class1"> </td>

	</tr>

	<tr>

	  <td class="class1"> </td>

	  <td class="class2"> </td>

	</tr>

	<tr>

	  <td class="class2"> </td>

	  <td class="class1"> </td>

	</tr>

   </table>


  </body>

</html>

[SatansEier]

hm nicht ganz.

wenn ich das richtig verstanden habe ändert das wieder nur den rahmen,

td.class1 { border: 1px solid #ff0000; }

oder irr ich mich da?

[Krain]

Dann schreib noch das Attribut background-color mit dazu, sollte doch funktionieren.

[geloescht_JesterDay]

hm nicht ganz.

wenn ich das richtig verstanden habe ändert das wieder nur den rahmen,

hihi das thema heist tabellenrand und nicht tabellenhintergrund

Also was jetzt? :confused: Hab dir für den Rand und für den Hintergrund was angeboten...

td.class1 { border: 1px solid #ff0000; background-color: #00ff00; }

td.class2 { border: 1px solid #00ff00; background-color: #00ff00; }

Ist die Kombination davon.

[SatansEier]

wunderbar ich hab`s.

BESTEN DANK!