Webstatt.org - Community seit 2006 - 2012 (2024?)

Tabellen ID im CSS Code

user-137
06.04.2006 12: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
Avatar user-118
06.04.2006 12:20
Original von user-137
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; }
Ich brauche keine Signatur
user-137
06.04.2006 13: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>
Avatar user-255
06.04.2006 14:05
Welches Problem?
PHP Tags funktionieren so:
html...

<?php

// php...

?>

html ...
Those who can, do. Those who can't, teach. # Musik gehört dem Volk! # last.fm
user-137
06.04.2006 14: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* //
Avatar user-300
06.04.2006 14:50
Du musst auch nicht den ganzen Block in die { } einschliessen zwinkern
user-137
06.04.2006 14: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!
Avatar user-300
06.04.2006 15: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-137
06.04.2006 15: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.
Avatar user-255
06.04.2006 15:33
background-image: url(pfad/zum/bild.jpg);
Those who can, do. Those who can't, teach. # Musik gehört dem Volk! # last.fm
user-137
06.04.2006 16:06
Kann ich zu der ID noch dazu schreiben welche Größe das haben soll, aber die genaue in Pixeln?
user-122
06.04.2006 16:24
<td id="dieID"></td>

css:
#dieID{
width:50px;
height:100px;
background-image:url(dasbild.gif);
}
user-137
06.04.2006 16:29
Danke!