Définir la largeur d'une zone de texte en html

Fermé

eb-cameleon Messages postés 8 Date d'inscription jeudi 3 janvier 2013 Statut Membre Dernière intervention 4 janvier 2013 - 4 janv. 2013 à 15:58
eb-cameleon Messages postés 8 Date d'inscription jeudi 3 janvier 2013 Statut Membre Dernière intervention 4 janvier 2013 - 4 janv. 2013 à 17:26

Bonjour,

J'ai créer un site web (http://cameleon3.com) via Wordpress et souhaiterais modifier un peu la mise en page du thème (Hatch). Et j'y connais pas grand chose!

Mes pages sont actuellement en mode 'full width' et j'aimerais modifier individuellement chaque page et ajuster la zone de texte.

Ex: https://www.tc6333.com/?att=555666/projets/piscines/

J'aimerais que la zone de texte soit égale à la largeur de l'ensemble des images, cad que le texte s'arrête au niveau de l'image la plus à droite.

Pour l'instant j'ai ça:

<p style="text-align: justify;"> texte </p>

et chaque image fait 223px de large: <dl class="wp-caption alignleft" style="width: 223px ...

Je sais qu'il existe le plugin (page columnist) pour créer des colonnes dans wordpress, mais ça fait beuguer mon site.

Merci

A voir également:

Définir la largeur d'une zone de texte en html
Zone telechargement - Accueil - Outils
Transcription audio en texte word gratuit - Guide
Excel cellule couleur si condition texte - Guide
Editeur html - Télécharger - HTML
Mettre un texte en majuscule - Guide

9 réponses

Réponse 1 / 9

eb-cameleon Messages postés 8 Date d'inscription jeudi 3 janvier 2013 Statut Membre Dernière intervention 4 janvier 2013 1
4 janv. 2013 à 16:15

Ça doit pas être ça:

<div><dl class="wp-caption alignleft" style="width: 223px .........réalisation d'une piscine alpha.<div>

car ça ne change pas.

Désolé j' y connais vraiment rien

Réponse 2 / 9

pandageek Messages postés 359 Date d'inscription samedi 6 août 2011 Statut Membre Dernière intervention 27 mai 2014 4
4 janv. 2013 à 16:00

tu met tes images et ton texte dans une div, le texte n'en sortira pas

Réponse 3 / 9

pandageek Messages postés 359 Date d'inscription samedi 6 août 2011 Statut Membre Dernière intervention 27 mai 2014 4
4 janv. 2013 à 16:22

c'est ca
mais il faut donner un nom à ta div

<div id="madiv"></div>

et ensuite lui donner un style :
ou dans un fichier .css :

#madiv
{
    width: 80%;
}

ou directement dans le code html (déconseillé car vite illisible) :

<div id="madiv" style="width:80%;"></div>

je te conseille par ailleurs d'apprendre le html/css avant de te lancer dans un site, ça peut t'aider à comprendre ce que tu fais.
www.siteduzero.com

Réponse 4 / 9

eb-cameleon Messages postés 8 Date d'inscription jeudi 3 janvier 2013 Statut Membre Dernière intervention 4 janvier 2013 1
4 janv. 2013 à 16:29

merci beaucoup

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question

Réponse 5 / 9

pandageek Messages postés 359 Date d'inscription samedi 6 août 2011 Statut Membre Dernière intervention 27 mai 2014 4
4 janv. 2013 à 16:30

de rien ;)
si c'est terminé, n'oublie pas de mettre le sujet en "résolu"

Réponse 6 / 9

eb-cameleon Messages postés 8 Date d'inscription jeudi 3 janvier 2013 Statut Membre Dernière intervention 4 janvier 2013 1
4 janv. 2013 à 16:34

ok :)

Réponse 7 / 9

eb-cameleon Messages postés 8 Date d'inscription jeudi 3 janvier 2013 Statut Membre Dernière intervention 4 janvier 2013 1
4 janv. 2013 à 17:04

Dans style.css de mon thème
sous

/* Layout
-------------------------------------------------------------- */

j'ai rajouté:

#madiv
{
width: 70%;
}

puis dans ma pageà modifier:

<div id="madiv"> ... </div>

mais ça ne modifie rien dans ma mise en page.

?

Réponse 8 / 9

pandageek Messages postés 359 Date d'inscription samedi 6 août 2011 Statut Membre Dernière intervention 27 mai 2014 4
4 janv. 2013 à 17:05

donne nous le code source de ta page

Réponse 9 / 9

eb-cameleon Messages postés 8 Date d'inscription jeudi 3 janvier 2013 Statut Membre Dernière intervention 4 janvier 2013 1
Modifié par eb-cameleon le 4/01/2013 à 17:26

c'est le code du fichier page.php ? haha je suis un boulet ;)

Discussions similaires

Dimensions L x l x H : comment lire ces infos ?

problème de pixel

Résolution d'une image 500 pixels largeur

Formule Excel : "SI" une cellule contient un mot, alors ?

Difusion en direct