La Communauté Webmaster  forum rss


  Forum-webmaster
  Technique - programmation
  HTML / CSS / XHTML
(Modérateurs: Shain, Netah, Lilian, lauryv, ToToMaStEr)
  texte à coté d'une image sans tableaux
« Précédent Suivant »
Pages: [1] Descendre
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
  Auteur  Sujet: texte à coté d'une image sans tableaux  (Lu 940 fois)
texte à coté d'une image sans tableaux
« sur: le 22-11-2003 a 16:33:18 »
erwinol
Iznogoud Deluxe
Modérateur Global
*****

Hors-Ligne

Sexe: Male
Messages: 1845



Que la FARCE soit avec toi

Voir le Profil    WWW
Répondre avec citation

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
+image++  blablabla blablabla
+++++++  blablabla blablabla
+++++++  blablabla blablabla
blablabla blablabla blablabla
blablabla blablabla blablabla


Et voici ce que j'ai actuellement sans tableau

+++++++ 
+++++++ 
+image++ 
+++++++ 
+++++++
blablabla blablabla
blablabla blablabla blablabla
blablabla blablabla blablabla
blablabla blablabla blablabla
blablabla blablabla blablabla
blablabla blablabla


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.

« Dernière Édition: le 22-11-2003 a 16:39:18 par erwinol » Rapporter au modérateur  

MySeoBox soumet vos sites sur des milliers d'annuaire
Vous possédez un annuaire ? Gagnez de l'argent avec celui-ci grâce à l'affiliation MySeoBox !

Re:texte à coté d'une image sans tableaux
« Répondre #1 sur: le 22-11-2003 a 16:59:23 »
SIBELIUS
Superactif
****

Hors-Ligne

Sexe: Male
Messages: 789



Un Boulay sinon rien

Voir le Profil    WWW    E-Mail
Répondre avec citation

Voilà un tuto qui va te sauver

http://www.dreamweaver-forum.net/viewtopic.php?t=4051

Rapporter au modérateur  

Le livre d'Alsacréations sur XHTML et les CSS :
"CSS2 Pratique du design web"
Re:texte à coté d'une image sans tableaux
« Répondre #2 sur: le 04-12-2003 a 02:13:32 »
pixyle
Habitué
***

Hors-Ligne

Sexe: Femelle
Messages: 332





Voir le Profil    E-Mail
Répondre avec citation

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

Rapporter au modérateur  

Se demande ce qu'il y a de pire qu'un bug inreproductible |-(
Re:texte à coté d'une image sans tableaux
« Répondre #3 sur: le 04-12-2003 a 07:14:02 »
SIBELIUS
Superactif
****

Hors-Ligne

Sexe: Male
Messages: 789



Un Boulay sinon rien

Voir le Profil    WWW    E-Mail
Répondre avec citation

Citation de: pixyle le le 04-12-2003 a 02:13:32
<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/

Rapporter au modérateur  

Le livre d'Alsacréations sur XHTML et les CSS :
"CSS2 Pratique du design web"
Re:texte à coté d'une image sans tableaux
« Répondre #4 sur: le 05-12-2003 a 00:22:19 »
pixyle
Habitué
***

Hors-Ligne

Sexe: Femelle
Messages: 332





Voir le Profil    E-Mail
Répondre avec citation

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é 

Rapporter au modérateur  

Se demande ce qu'il y a de pire qu'un bug inreproductible |-(
Re:texte à coté d'une image sans tableaux
« Répondre #5 sur: le 05-12-2003 a 09:51:08 »
SIBELIUS
Superactif
****

Hors-Ligne

Sexe: Male
Messages: 789



Un Boulay sinon rien

Voir le Profil    WWW    E-Mail
Répondre avec citation

Citation de: pixyle le le 05-12-2003 a 00:22:19
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)
- ...

Rapporter au modérateur  

Le livre d'Alsacréations sur XHTML et les CSS :
"CSS2 Pratique du design web"
Re:texte à coté d'une image sans tableaux
« Répondre #6 sur: le 05-12-2003 a 16:51:08 »
pixyle
Habitué
***

Hors-Ligne

Sexe: Femelle
Messages: 332





Voir le Profil    E-Mail
Répondre avec citation

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

Rapporter au modérateur  

Se demande ce qu'il y a de pire qu'un bug inreproductible |-(
Re:texte à coté d'une image sans tableaux
« Répondre #7 sur: le 05-12-2003 a 16:58:32 »
SIBELIUS
Superactif
****

Hors-Ligne

Sexe: Male
Messages: 789



Un Boulay sinon rien

Voir le Profil    WWW    E-Mail
Répondre avec citation

Citation de: pixyle le le 05-12-2003 a 16:51:08
à 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.

Citation de: pixyle le le 05-12-2003 a 16:51:08
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.

Rapporter au modérateur  

Le livre d'Alsacréations sur XHTML et les CSS :
"CSS2 Pratique du design web"
Re:texte à coté d'une image sans tableaux
« Répondre #8 sur: le 06-12-2003 a 07:24:02 »
pixyle
Habitué
***

Hors-Ligne

Sexe: Femelle
Messages: 332





Voir le Profil    E-Mail
Répondre avec citation

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 

à+

Rapporter au modérateur  

Se demande ce qu'il y a de pire qu'un bug inreproductible |-(
Re:texte à coté d'une image sans tableaux
« Répondre #9 sur: le 06-12-2003 a 11:25:08 »
trounday
P'tit nouveau
**

Hors-Ligne

Sexe: Male
Messages: 84




130812123 130812123
Voir le Profil    WWW    E-Mail
Répondre avec citation

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

Rapporter au modérateur  

Laboratory Trounday Design: http://www.twd.fr.st
Re:texte à coté d'une image sans tableaux
« Répondre #10 sur: le 06-12-2003 a 12:31:39 »
SIBELIUS
Superactif
****

Hors-Ligne

Sexe: Male
Messages: 789



Un Boulay sinon rien

Voir le Profil    WWW    E-Mail
Répondre avec citation

Citation de: 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
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/

Rapporter au modérateur  

Le livre d'Alsacréations sur XHTML et les CSS :
"CSS2 Pratique du design web"
Re:texte à coté d'une image sans tableaux
« Répondre #11 sur: le 06-12-2003 a 12:57:25 »
trounday
P'tit nouveau
**

Hors-Ligne

Sexe: Male
Messages: 84




130812123 130812123
Voir le Profil    WWW    E-Mail
Répondre avec citation

Merci pour l'info ben je corrige en disant juste qu'il faut utiliser les CSS.

Voilà désolé et merci
Trounday

Rapporter au modérateur  

Laboratory Trounday Design: http://www.twd.fr.st
Re:texte à coté d'une image sans tableaux
« Répondre #12 sur: le 10-12-2003 a 23:57:06 »
erwinol
Iznogoud Deluxe
Modérateur Global
*****

Hors-Ligne

Sexe: Male
Messages: 1845



Que la FARCE soit avec toi

Voir le Profil    WWW
Répondre avec citation

Merci pour vos nombreuses réponses ... et pour le débat en prime

Juste une chtite question pour Sibelius, tu dis

Citation:
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 ?

Rapporter au modérateur  

MySeoBox soumet vos sites sur des milliers d'annuaire
Vous possédez un annuaire ? Gagnez de l'argent avec celui-ci grâce à l'affiliation MySeoBox !
Re:texte à coté d'une image sans tableaux
« Répondre #13 sur: le 11-12-2003 a 00:18:53 »
SIBELIUS
Superactif
****

Hors-Ligne

Sexe: Male
Messages: 789



Un Boulay sinon rien

Voir le Profil    WWW    E-Mail
Répondre avec citation

Citation de: erwinol le le 10-12-2003 a 23:57:06
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

Rapporter au modérateur  

Le livre d'Alsacréations sur XHTML et les CSS :
"CSS2 Pratique du design web"
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
Pages: [1] Monter
« Précédent Suivant »
Sauter à: 

Votre statut : Invité
Vous devez être membre pour participer.
 
 
Let’s Encrypt : le certificat SSL gratuit
Tester votre site internet sur différents navigateurs
[WordPress] Des problèmes avec l’administration ?
Rappel : Mettez à jour vos CMS et vos sites E-commerce
Le .fr fête ses 25 années d’existence !
Mesurer votre audience en temps réel avec BubbleStat
Porter réclamation contre Google Panda ?
Zlio n’est plus …
 
 
 
 
 

Copyright (c) Devclic 2002 - 2026 - Tous droits réservés

creation site internet strasbourg