Willkommen in der Webstatt Zum Webstatt Blog und Stories
BNightSpeeder am 06.04.06 14:01

Hallo,

ich habe eine Tabelle 3x3, nun hab ich jeder Zelle eine ID zugewisen.
Nun will ich im CSS Code die ID reinschreiben.
Also ich will das im CSS-Code die ID für den Hintergrund steht die in der Zelle sein soll.


Weis aber nicht wie ich das machen soll, bin nub in CSS.

Mfg. BNS

netcup.de Warum gibt es hier Werbung?
Al3x0r Al3x0r am 06.04.06 14:20

Quote
Original von BNightSpeeder
Hallo,

ich habe eine Tabelle 3x3, nun hab ich jeder Zelle eine ID zugewisen.
Nun will ich im CSS Code die ID reinschreiben.
Also ich will das im CSS-Code die ID für den Hintergrund steht die in der Zelle sein soll.


Weis aber nicht wie ich das machen soll, bin nub in CSS.

Mfg. BNS


#id { background-color:Farbe; }

BNightSpeeder am 06.04.06 15:44

thx.

EDIT:

hab doch noch ein problem, also so ist mein CSS-Code:

<!--
body {
background-color: #1e1e1e;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
body,td,th {
color: B1B1B1;
}

{
#oben_links { background-image: images/box/box_oben_links.gif; }
#oben_mitte { background-image: images/box/box_oben_mitte.gif; }
#oben_rechts { background-image: images/box/box_oben_rechts.gif; }
#mitte_links { background-image: images/box/box_mitte_links.gif; }
#mitte_rechts { background-image: images/box/box_mitte_rechts.gif; }
#unten_links { background-image: images/box/box_unten_links.gif; }
#unten_mitte { background-image: images/box/box_unten_mitte.gif; }
#unten_rechts { background-image: images/box/box_unten_rechts.gif; }
}
-->


Und so ist mein Page-Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<php
$page_titel = About
php\>
<html>
<head>
<title>Internetiv - $page_titel</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="css.css">
</head>

<body>
<table width="100%" border="0">
<tr>
<td width="35%" id="oben_links">oben links </td>
<td width="54%" id="oben_mitte">oben mitte </td>
<td width="11%" id="oben_rechts">oben rechts </td>
</tr>
<tr>
<td id="mitte_links">mitte links </td>
<td id="">TEXT</td>
<td id="mitte_rechts">mitte rechts </td>
</tr>
<tr>
<td id="unten_links">unten links </td>
<td id="unten_mitte">unten mitte </td>
<td id="unten_rechts">unten rechts </td>
</tr>
</table>
</body>
</html>

milahu milahu am 06.04.06 16:05

Welches Problem?
PHP Tags funktionieren so:
html...
<?php
// php...
?>
html ...

BNightSpeeder am 06.04.06 16:07

Also, dieser teil wird nicht umgesetzt:

{
#oben_links { background-image: images/box/box_oben_links.gif; }
#oben_mitte { background-image: images/box/box_oben_mitte.gif; }
#oben_rechts { background-image: images/box/box_oben_rechts.gif; }
#mitte_links { background-image: images/box/box_mitte_links.gif; }
#mitte_rechts { background-image: images/box/box_mitte_rechts.gif; }
#unten_links { background-image: images/box/box_unten_links.gif; }
#unten_mitte { background-image: images/box/box_unten_mitte.gif; }
#unten_rechts { background-image: images/box/box_unten_rechts.gif; }
}


Es wird alles so angezeigt als ob es ihn gar nicht gäbe.



// Entlich die 250 *freu* //

sili sili am 06.04.06 16:50

Du musst auch nicht den ganzen Block in die { } einschliessen ;)

BNightSpeeder am 06.04.06 16:53

So?

<!--
body {
background-color: #1e1e1e;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
body,td,th {
color: B1B1B1;
}

{
#oben_links background-image: images/box/box_oben_links.gif;
#oben_mitte background-image: images/box/box_oben_mitte.gif;
#oben_rechts background-image: images/box/box_oben_rechts.gif;
#mitte_links background-image: images/box/box_mitte_links.gif;
#mitte_rechts background-image: images/box/box_mitte_rechts.gif;
#unten_links background-image: images/box/box_unten_links.gif;
#unten_mitte background-image: images/box/box_unten_mitte.gif;
#unten_rechts background-image: images/box/box_unten_rechts.gif;

-->


Wenn so, dan geht es aber imma noch nicht!

sili sili am 06.04.06 17:01

<!--
body {
background-color: #1e1e1e;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
body,td,th {
color: B1B1B1;
}

{ <----------------------- entfernen
#oben_links { background-image: images/box/box_oben_links.gif; }
#oben_mitte { background-image: images/box/box_oben_mitte.gif; }
#oben_rechts { background-image: images/box/box_oben_rechts.gif; }
#mitte_links { background-image: images/box/box_mitte_links.gif; }
#mitte_rechts { background-image: images/box/box_mitte_rechts.gif; }
#unten_links { background-image: images/box/box_unten_links.gif; }
#unten_mitte { background-image: images/box/box_unten_mitte.gif; }
#unten_rechts { background-image: images/box/box_unten_rechts.gif; }
} <----------------------- entfernen
-->

BNightSpeeder am 06.04.06 17:17

Ok, aber es wird immer noch nicht richtig angezeigt:

Tabellen-Code:

<table width="100%" border="0">
<tr>
<td width="35%" id="oben_links">oben links </td>
<td width="54%" id="oben_mitte">oben mitte </td>
<td width="11%" id="oben_rechts">oben rechts </td>
</tr>
<tr>
<td id="mitte_links">mitte links </td>
<td id="">TEXT</td>
<td id="mitte_rechts">mitte rechts </td>
</tr>
<tr>
<td id="unten_links">unten links </td>
<td id="unten_mitte">unten mitte </td>
<td id="unten_rechts">unten rechts </td>
</tr>
</table>


Und der Pfad stimmt, bestimmt.

milahu milahu am 06.04.06 17:33

background-image: url(pfad/zum/bild.jpg);

BNightSpeeder am 06.04.06 18:06

Kann ich zu der ID noch dazu schreiben welche Größe das haben soll, aber die genaue in Pixeln?

assassin am 06.04.06 18:24

<td id="dieID"></td>

css:
#dieID{
width:50px;
height:100px;
background-image:url(dasbild.gif);
}

BNightSpeeder am 06.04.06 18:29

Danke!

Creative Commons Lizenzvertrag
Alle Inhalte des Webstatt-Archivs stehen unter einer Creative Commons Namensnennung - Weitergabe unter gleichen Bedingungen 3.0 Unported Lizenz.

Impressum & Kontakt