28220 sujets

CSS et mise en forme, CSS3

Tableau generer dynamiquement et mise en style

tout d'abord salut a tous Smiley lol
Alors voila , sur un site en jsp j'ai une partie admin dans laquelle je peut editer modifier ou ajouter des infos dans mes bases , jusque la rien d'anormal.
par contre je genere mon tableau avec une boucle while , mon probleme est que j'applique a mon tableau une ligne sur deux les proprietées css suivantes:

#labels 
{
	font: normal 11px Verdana;
}
#labels td
{
	border-left: 1px solid black;
	border-bottom: 1px solid black;
	border-right: 0px;
	padding: 2px;
}

.add {
	text-align: right;
}
#modify {
	background: url(img/modify.gif) no-repeat ;
		}
	
#delete {
	background: url(img/delete.gif) no-repeat ;
	border-right: 1px solid black;
	border-left: none;
}
#modify a 
{
 border: solid;
  border-width: 0px;
  border-color: black;
  display: block;
  text-decoration: none; 
  margin: 0px;
  width: 16px;
  height: 16px;
}
#delete a
{
 border: solid;
  border-width: 0px;
  border-color: black;
  display: block;
  text-decoration: none; 
  margin: 0px;
  width: 16px;
  height: 16px;
}
#modify span {
	font-size: 3px;
	visibility: hidden;
	
}
#delete span {
	font-size: 3px;
	visibility: hidden;
	border-right: 1px solid black;
}

un peut du html generé:

<html>
<head>
<meta http-equiv="Content-Type" >
<link rel="stylesheet" href="style.css" type="text/css">
</head>
<body>
<p class="title" >Select Label</p>
<p class="add">
<input type="submit" onClick="document.location.href='labels.jsp?action=addform' ;" value="Add Label"></p>
<table border="0" cellspacing="0" cellpadding="0" width="100%" id="labels" >
<tr class="tabtitle">
<td>Name</td><td>SearchEngineType</td><td>Page</td><td>Page</td><td> </td><td></td></tr>
<tr class="rc1">
<td>January_Long</td>
<td>1</td>
<td>CommonForAll</td>
<td>website</td>
<td width=15 id="modify"><A href="labels.jsp?action=modifyform&id=1"><span>modify</span></td><td width=15 id="delete"><A href="labels.jsp?action=delete&id=1"><span>delete</span></A></td></tr>
<tr class="rc2">
<td>February_Long</td>
<td>1</td>
<td>CommonForAll</td>
<td>website</td>
<td width=15 id="modify"><A href="labels.jsp?action=modifyform&id=2">
<span>modify</span></td>
<td width=15 id="delete"><A href="labels.jsp?action=delete&id=2">
<span>delete</span></A></td></tr>
</table>

en fait mon probleme c'est que j'affiche un border - droite sur chaque cellule avec un border-bottom comme on peut le voir dans l'ide #labels td et je voudrais changer cette propriété pour afficher la cellules delete avec un b order-left pour fermer mon tableau , si quelqu'un a une idée ca m'aiderais.
Modifié par thedarkshaman (18 Apr 2006 - 11:26)
thedarkshaman a écrit :
tout d'abord salut a tous Smiley lol


Bonjour à toi aussi. Smiley lol

C'est une erreur ce sujet. Faut-il le supprimer ?
personne a une idée pour surpasser le #labels td , afin de pouvoir faire des modif sur la derniere cellule de la ligne??
concretement les modif serait changer le border qui est en noir normalement c'est le gauche et sur la derniere je voudrais "surpasser" la proprieter du td
pour ne mettre un border noir que a droite ...
Modifié par thedarkshaman (18 Apr 2006 - 12:06)
je pense je peut passer en resolu j'ai rajouter un cadre div avec bordure autour de mon tableau et ca fonctionne bien Smiley eek , mais j'aurais quand meme une question est il possible de surpasser un style de type #labels td
pour que un ou plusieur de mes td n'est pas les meme proprietes??
++
Sujet clos
Aller à