Titre: texte à coté d'une image sans tableaux
Posté par: erwinol le le 22-11-2003 a 16:33:18
Je voudrais pouvoir mettre du texte à coté d'une image sans devoir utiliser les tableaux et c'est la que j'ai besoin de vos connaissances. Mes connaissances en PHP ont beau être abouties je suis largué dans le reste :-)
Mais comme ma question est incompréhensible (n'est-ce-pas ;)) voilà un petit shéma :
Voici ce que je voudrais obtenir sans faire de tableau
blablabla blablabla
blablabla blablabla
blablabla blablabla
blablabla blablabla
+++++++ [color=Blue]blablabla blablabla
blablabla blablabla blablabla
blablabla blablabla blablabla[/color]
Et voici ce que j'ai actuellement sans tableau
[color=Orange]+++++++
+++++++
+image++
+++++++
+++++++ [/color] [color=Blue]blablabla blablabla
blablabla blablabla blablabla
blablabla blablabla blablabla
blablabla blablabla blablabla
blablabla blablabla blablabla
blablabla blablabla[/color]
Le problème c'est que ce sont des news que je tire de ma base de données donc je ne peux pas me permettre de calculer la place que prendre le texte dans la cellule pour savoir à partir de quel moment je peux écrire les lignes en dessous du tableau. |
Titre: Re:texte à coté d'une image sans tableaux
Posté par: SIBELIUS le le 22-11-2003 a 16:59:23
Voilà un tuto qui va te sauver ;)
http://www.dreamweaver-forum.net/viewtopic.php?t=4051 |
Titre: Re:texte à coté d'une image sans tableaux
Posté par: pixyle le le 04-12-2003 a 02:13:32
Sans dreamweaver c'est assez simple aussi, il suffit de rajouter un attribut à l'image.
Par exemple
<img src="image.gif" border="0" align="left"> donnera exactement ce que tu as montré dans ton exemple. Ca peut être top, bottom, middle, left et d'autres encore ... |
Titre: Re:texte à coté d'une image sans tableaux
Posté par: SIBELIUS le le 04-12-2003 a 07:14:02
<img src="image.gif" border="0" align="left">
|
|
Oui, sauf que l'attribut "align" est déprécié, voire obsolète : http://www.alsacreations.com/articles/deprecie/ |
Titre: Re:texte à coté d'une image sans tableaux
Posté par: pixyle le le 05-12-2003 a 00:22:19
Merci cibelius pour l'info.
Je vois d'ici les feuilles de style interminables ... et le temps passé à vérifier que tel ou tel CSS est bien compris par tous les navigateurs :-\
Au fait, tu as une idée de l'échéance du changement ? Parcequ'il va aussi falloir revoir la pédagogie pour les débutants. Perso, pour des petites choses simples comme ça j'ai tendance à les orienter vers le code. Là, si il faut commencer par expliquer qu'il faut créer un fichier à côté, appeller le fichier dans le <head>, que CSS c'est pas la même syntaxe que HTML, ou alors dire d'aller voir du côté du wisiwyg ... j'ai peur que les personnes qui veulent juste un ch'ti site perso ne fassent jamais l'effort d'en faire un de qualité :-\ |
Titre: Re:texte à coté d'une image sans tableaux
Posté par: SIBELIUS le le 05-12-2003 a 09:51:08
Je vois d'ici les feuilles de style interminables ... et le temps passé à vérifier que tel ou tel CSS est bien compris par tous les navigateurs :-\
|
|
Un code propre et standard sera lu correctement par tous les navigateurs qui respectent les standards ;)
Feuilles de styles interminables ? Mieux vaut UNE feuille de style longue que TOUTES les pages de ton site bourrées de code interminable, non?
Mais ça ne va pas se faire du jour au lendemain et, avouons-le, ça se fera uniquement si les wysiwyg s'y mettent aussi.
D'ailleurs Dream joue le jeu et donne le bon exemple :
- on peut créer de nouveaux documents xhtml valides
- il n'utilise plus les balises obsolètes comme <b> ou <i>, mais les remplace par <strong> ou <em>
- il propose des modèles en css pur (sans tableaux)
- ... |
Titre: Re:texte à coté d'une image sans tableaux
Posté par: pixyle le le 05-12-2003 a 16:51:08
Je suis d'accord avec toi, ce que je conteste c'est de supprimer totalement les balises de mise en forme. Il y a quand même des cas où créer un style est aussi compliqué que de mettre une balise.
Et même, il n'y a pas que des sites pro sur le web. Mettons que demain je veuille juste partager un cours sur le net ... je le tape au km, je passe à la mise en forme, et à chaque fois que je veux mettre quelque chose en gras, en souligné, en rouge, en bleu, en vert, je dois faire appel à un style différent ? Et si je veux du gras et bleu, puis de l'italique et du vert, on en remet une louche ?
Quand à l'obsolescence de <b> ou <i> .. je suppose qu'il doit y avoir une bonne raison car les remplacer par des tags plus longs et qui multiplient les chances d'erreurs ... faut le vouloir.
Si ça me chagrine autant c'est que je souhaite que tout à chacun puisse s'exprimer sur Internet avec des moyens simples. J'aimerai que des gens bourrés de savoirs puissent continuer à faire des pages toutes moches, toutes mal codées, sans avoir besoin forcement de tel ou tel logiciel super évolué et cher ...
|
Titre: Re:texte à coté d'une image sans tableaux
Posté par: SIBELIUS le le 05-12-2003 a 16:58:32
à chaque fois que je veux mettre quelque chose en gras, en souligné, en rouge, en bleu, en vert, je dois faire appel à un style différent ? Et si je veux du gras et bleu, puis de l'italique et du vert, on en remet une louche ?
|
|
Ben si ta page a des trucs en "gras, en souligné, en rouge, en bleu, en vert," ça va être un sacré foutoir quelle que soit la méthode ! :)
Sinon tu crées une classe pour chacun, en sachant que tu peux évidemment cumuler les classes.
Quand à l'obsolescence de <b> ou <i> .. je suppose qu'il doit y avoir une bonne raison car les remplacer par des tags plus longs et qui multiplient les chances d'erreurs ... faut le vouloir.
|
|
Théoriquement la question ne se pose pas puisque ce genre de chose se fait par css. Mais c'est une question de sémantique : <b> oblige le texte à apparaitre en GRAS, ce qui évidemment n'est pas du tout compréhensible par un aveugle, alors que <strong> signifie "fort, important" et l'aveugle comprend mieux. |
Titre: Re:texte à coté d'une image sans tableaux
Posté par: pixyle le le 06-12-2003 a 07:24:02
Ha bah là tout de suite c'est plus clair. Merci :)
Pour les couleurs, je prennais un exemple plutôt en pensant à quelqu'un qui n'est pas webmaster, donc pour compléter rajoute des gifs animés partout ;D
à+ |
Titre: Re:texte à coté d'une image sans tableaux
Posté par: trounday le le 06-12-2003 a 11:25:08
Complement d'information sur l'alignement des images par rapport au texte:
align="top" => aligne le texte avec le haut de l'image.
align="middle" => aligne la ligne de base du texte avec le milieu de l'image.
align="left" => aligne l'image à gauche du texte environnant.
align="right" => aligne l'image à droite du texte environnant.
align="texttop" => aligne l'image avec le haut du texte environnant.
align="absmiddle" => aligne l'image avec le centre absolu du texte.
align="baseline" => aligne l'image avec la ligne de base du texte.
align="absbottom" => aligne le bas absolu du texte avec le bas de l'image.
Voilà en esperant avoir apporter ma contribution à la résolution du problème...
Trounday |
Titre: Re:texte à coté d'une image sans tableaux
Posté par: SIBELIUS le le 06-12-2003 a 12:31:39
Complement d'information sur l'alignement des images par rapport au texte:
align="top" => aligne le texte avec le haut de l'image.
align="middle" => aligne la ligne de base du texte avec le milieu de l'image.
align="left" => aligne l'image à gauche du texte environnant.
align="right" => aligne l'image à droite du texte environnant.
align="texttop" => aligne l'image avec le haut du texte environnant.
align="absmiddle" => aligne l'image avec le centre absolu du texte.
align="baseline" => aligne l'image avec la ligne de base du texte.
align="absbottom" => aligne le bas absolu du texte avec le bas de l'image.
Voilà en esperant avoir apporter ma contribution à la résolution du problème...
Trounday
|
|
Oui, sauf que la propriété "align" est obsolète et il n'est plus conseillé de l'utiliser :(
http://www.alsacreations.com/articles/deprecie/ |
Titre: Re:texte à coté d'une image sans tableaux
Posté par: trounday le le 06-12-2003 a 12:57:25
Merci pour l'info ben je corrige en disant juste qu'il faut utiliser les CSS.
Voilà désolé et merci
Trounday |
Titre: Re:texte à coté d'une image sans tableaux
Posté par: erwinol le le 10-12-2003 a 23:57:06
Merci pour vos nombreuses réponses ... et pour le débat en prime ;D
Juste une chtite question pour Sibelius, tu dis
| Un code propre et standard sera lu correctement par tous les navigateurs qui respectent les standards |
|
Mais comme tout le monde le sait, IE a "du mal" à respecter les standards ... donc qu'en est-il de ce navigateur qui représente tout de même un poids de plus de 90% dans le domaine des browsers internet ???
Si je fais un code propre et standard, sera-t-il correctement affiché par IE ? |
Titre: Re:texte à coté d'une image sans tableaux
Posté par: SIBELIUS le le 11-12-2003 a 00:18:53
Si je fais un code propre et standard, sera-t-il correctement affiché par IE ?
|
|
La plupart du temps oui... mais parfois il faudra bidouiller pour que ça fonctionne aussi sur IE |
Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.
|