28173 sujets

CSS et mise en forme, CSS3

Bonjour,

J'ai un gros soucis à résoudre :je n'arrive pas à placer mon texte à côté de mon image, tous les 2 placés dans la même cellule d'un tableau ..lj'ai essayé de mettre des div mais e texte est tout le temps mis en dessous de l'image alors qu'il devrait se positionner à côté.

Voilà mon code sans les div:

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title></title>
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="author" content="nahy7hcfizvgcsn@jetable.net">
<meta name="generator" content="AceHTML 5 Freeware">
</head>
<body>
				<table  border="0" width="350">
						<tr>
							
							<td  bgcolor="#d2d5d9" ><img  src="taille_image.gif">
								Lorem ipsum dolor sit amet<br><br>
consectetuer adipiscing elit. Morbi non mi. Donec dui. Nulla vel est. Ut nisi nisi, pretium vel, adipiscing ac, tincidunt a, felis. Sed elementum vestibulum purus. Integer nulla risus, elementum vel, dictum sed, rutrum vel, nisi. Fusce dictum iaculis ipsum. Aà 20h.<br>
<br> Lorem ipsum dolor sit amet :
<ul type="square">
<li>Lorem ipsum dolor sit amet <b>qsdqsd</b> sqdffdsfs</li>
<li>dfgdfgdfg <a style="color:#484b4d" href="#">sdfsfsdfsdf</a> ; sdfsfsdfdsfsdfdfgsdfgdfg</li></ul>
									
							</td>
						</tr>

</tr>
</table>

</body>
</html>


Voilà une image factice reprenant la taille de mon image réelle :


upload/10984-tailleimag.gif

Merci beaucoup!
Modifié par louloute8091 (23 Feb 2007 - 11:09)
un petit :

style="float:left"


devrait t'aider.
c'est pas tres tres propre, mais tu auras ce que tu souhaite.
Ou alors si tu tiens vraiment à gerer ca en tableau, creer une seconde cellule pour ton texte.

arnaud
a écrit :
Ou alors si tu tiens vraiment à gerer ca en tableau, creer une seconde cellule pour ton texte.


Justement c ce que je voulais faire au début mais mobn tableau est border="0" et ça avait mis un espacement entre mon image et mon texte...comment enlever l'espacement du coup? c effectivement la solution qui me plait le plus...merci
En fait ce que je voudrais savoir, c'est quelle est la meilleure solution en terme de compatibilité sur les différents navigateurs (Mozilla, Opéra, IE, Safari) ?? les div ou les 2 cellules ? Saschant que je pense mettre aussi des div ds les cellules...
Salut,
art_no a écrit :
<table cellspacing="0px">
On ne précise pas "px" dans les attributs (X)HTML :
<table cellspacing="0">

Modifié par Julien Royer (23 Feb 2007 - 14:06)
Julien Royer a écrit :
Salut,On ne précise pas "px" dans les attributs (X)HTML :
<table cellspacing="0">

Ni dans le CSS quand la valeur est égale à 0 Smiley langue
Julien Royer a écrit :
Rien ne t'empêche de le faire, c'est juste optionnel.


Optionnel, mais recommandation à suivre pour limiter l'erreur humaine.