Définir une largeur au-delà de laquelle le texte passe à la ligne suiv

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Définir une largeur au-delà de laquelle le texte passe à la ligne suiv

zezette

"Allez hop, au revoir"

Bonsoir à tous,

Je suis en train de créer un papier à lettre pour Outlook. Il s'agit en fait simplement d'une image de fond :

Je voudrais regler les marges de sorte que le texte commence sous la bande du haut et passe à la ligne suivante juste avant la bande de droite.

Pour le haut, je crée le css suivant :

BODY
{
margin-top: 125 px;
}

Mais pour la droite... je ne vois pas... J'ai pensé à margin-right, mais la taille de l'écran peut varier et la marge ne serait pas toujours la même...

Une idée ?

--edit--

Il existe max-width ... mais a priori, ça ne fait rien...

Il existe aussi width (tout court) ça marche dans Dreamweaver mais pas dans IE7 ni dans Outlook

Message édité par zezette le 29-10-2007 à 10:48:21

---------------
"Par moment j'me d'mande si chui pas con" G. de Suresnes

Publicité

dwogsi

Défaillance cérébrale...

Faudrait peut être que tu précise de quelle manière la page va s'étendre. Parce que là, je serais quand même tenté de répondre par un margin-right...

Message cité 1 fois

---------------
-- Debian -- Le système d'exploitation universel | Le gras c'est la vie! | /(bb|[^b]{2})/

zezette

"Allez hop, au revoir"

Ben margin-right ca veut dire que la marge de droite fait n pixels

Avec une marge de droite à 500 px, si tu regardes sur un écran en 1024*768, la taille du texte sera de 524 px mais sur un écran en 1600*1200, elle sera de 1100 px.

Dans le premier cas, on est bien dans la zone blanche, mais dans le second, on passe sur la colonne brune de droite...

---------------
"Par moment j'me d'mande si chui pas con" G. de Suresnes

dwogsi

Défaillance cérébrale...

dwogsi a écrit :

Faudrait peut être que tu précise de quelle manière la page va s'étendre.

Il me sembait que ma demande était pourtant clair...
Soit tu explique comment elle s'étend, soit tu donne un lien vers la page, soit tu lache le code ici!

Le code ou un lien serait quand même mieux!

---------------
-- Debian -- Le système d'exploitation universel | Le gras c'est la vie! | /(bb|[^b]{2})/

zezette

"Allez hop, au revoir"

Je ne comprend toujours pas la question... donc voilà le code :

Code :

<HTML>
<HEAD>
<STYLE>
body {
font-family: Arial;
font-size: 10pt;
color: 000000;
margin-top: 125px;
margin-left: 25px;
background-position: top left;
background-repeat: no-repeat;
}
</STYLE>
</HEAD>
<BODY background="background.gif">
Le contenu
</BODY>
</HTML>

Message édité par zezette le 29-10-2007 à 11:01:24

---------------
"Par moment j'me d'mande si chui pas con" G. de Suresnes

dwogsi

Défaillance cérébrale...

Donc si j'ai bien compris tu as une image de fond qui reste à gauche. Et tu aimerais que le texte reste dans le cadre blanc de l'image en question.

Si c'est bien cela, il te suffit de rajouter un conteneur (genre div) dans ta page. Supposons que ton imagefait 300px de largeur, que la partie haute fait 125px et que la partie droite faite 100px :

Code :

<html>
<head>
<style type="text/css">
body {
font-family: Arial,sans-serif;
font-size: 10pt;
color: #000;
background-position: top left;
background-repeat: no-repeat;
background-image: url('background.gif');
}
#content
{
margin-top:125px; /* Hauteur de la bande du haut */
width:300px; /* Largeur de l'image de fond */
padding-right:100px; /* largeur de la artie droite */
}
</style>
</head>
<body>
<div id="content">
</div>
</body>
</html>

Comme ça je pense que ça devrait aller. A tester quand même, j'ai fait ça de tête.

Message édité par dwogsi le 29-10-2007 à 11:13:29

---------------
-- Debian -- Le système d'exploitation universel | Le gras c'est la vie! | /(bb|[^b]{2})/

zezette

"Allez hop, au revoir"

Ha ben oui, tout simplement... En fait avant de poster, j'avais essayé avec un tableau mais outlook acceptait pas...

merci bcp

---------------
"Par moment j'me d'mande si chui pas con" G. de Suresnes

FORUM HardWare.fr

Programmation

HTML/CSS

Définir une largeur au-delà de laquelle le texte passe à la ligne suiv

Sujets relatifs
Charger du texte dans une animation	Recherche efface ligne
[résolu] changement de texte à un endroit précis avec _ onmouseover	Verification mot de passe
Créer un texte dont chaque mot pointe vers une note.	requete affiche un bouton AouB dans un array qui verifi a chaque ligne
[ACCESS/SQL] Mot de passe dans Requête	afficher du texte avec SDL_ttf [resolu]
[Résolu] PHP en ligne de commande et les includes	Les accents qui bouffent le texte autour
Plus de sujets relatifs à : Définir une largeur au-delà de laquelle le texte passe à la ligne suiv

Page générée en 0.040 secondes