Willkommen in der Webstatt
User-1 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?
User-2 am 06.04.06 14:20

Quote
Original von xyz-27
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; }

User-1 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>

User-3 am 06.04.06 16:05

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

User-1 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* //

User-4 am 06.04.06 16:50

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

User-1 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!

User-4 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
-->

User-1 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.

User-3 am 06.04.06 17:33

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

User-1 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?

User-5 am 06.04.06 18:24

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

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

User-1 am 06.04.06 18:29

xyz-48ke!

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

Impressum & Kontakt