[HTML]question simple sur le texte

question simple sur le texte [HTML] - Programmation

Marsh Posté le 16-08-2002 à 14:00:21    

voilà, le texte plac dans mon cadre s adapte à la largeur de la fentre : le paragraphe se retrecit pour faire apparaitre tout le texte : 5 lignes deviennent 10 lignes
 
je fais comment pour que mon texte reste "fixe"
 
merci bcp
 
(j utilise dreamwaever mx)

Reply

Marsh Posté le 16-08-2002 à 14:00:21   

Reply

Marsh Posté le 16-08-2002 à 14:03:51    

Tu peux mettre ton texte dans un tableau à mon avis.
Et tu fixes la taille de ton tableau en pixels.

Reply

Marsh Posté le 17-08-2002 à 13:43:48    

la balise pre répond bien à mes attentes.. m enfin, seulement partiellement :
 
quand j écris du texte, ou que je place un plusieurs menus de reroutages sur une meme ligne, si navigue avc uen largeur réduite, le contenu se regorganiser sur la hauteur, à savoir qui se détend de haut en bas, se déforme
la mis e page de mon texte, mais aussi des menus de reroutages s adaptent donc
 
le problème avec la balise <pre>, c qu elle me tranforme les éléments que j'ai encadré en préformaté, et que j en perd la police et les éléments que j avais définis avant (gras, italique, souligné etc...
 
y a t il uen façon particulière d utiliser cette balise ?
dois utiliser autre chose ?
 
je voudrais simplement que ma disposition reste FIXE
 
merci à tous

Reply

Marsh Posté le 17-08-2002 à 13:50:31    

Tu mets ton texte dans un <div> et tu fixes sa largeur avec un style CSS :
 
<div class="boite">bla bla bla...</div>
 
le style :
 
div.boite {
  width: 200px;
}
 
Ou alors tu peux aussi fixer sa hauteur :
 
div.boite {
  height: 300px;
}


Message édité par gm_superstar le 17-08-2002 à 13:54:59
Reply

Marsh Posté le 17-08-2002 à 13:58:01    

 :eek2:
 
j'y connais rien, j ai rien compris, mais je veux bien essayer  :)  
 
je reviends si ca marche po  :)  
 

Reply

Marsh Posté le 17-08-2002 à 14:05:13    

voila mon probleme
 
je n ai aucun style disponible (j tuilise dremwaever mx)
 
donc kan je tape  
<div style="">texte...
bah j ai aucun style auquel me référer ...
c bien ca dont il sagit ?
 

Reply

Marsh Posté le 17-08-2002 à 14:19:10    

Ca fait un moment que j'ai pas utilisé Dreamweaver, mais ce que je sais c'est qu'on peut définir des styles CSS (dans un fichier séparé ou entre les balises <style type="text/css"> ... </style> )
 
Ce que tu peux faire, en attendant que tu trouves, c'est écrire ton <div> comme ça :
 
<div style="width: 200px;">Bla bla bla... </style>

Reply

Marsh Posté le 17-08-2002 à 14:20:06    

j essaye ca merci bcp
 
je te tiends au courant reste la  :D  ;)

Reply

Marsh Posté le 17-08-2002 à 14:31:08    

le problème c qu autour de mon texte, j ai deja pas mal de balises, je sais pas ou le foutre le <div style...
j ai essayé plsuieurs trucs mais ca change rien  :sweat:  
 
autre question
quand t ouvre la balise <dev style>, tu en refermes une </style> et pas </div> ??
 
merci

Reply

Marsh Posté le 17-08-2002 à 14:38:41    

budweiser a écrit a écrit :

le problème c qu autour de mon texte, j ai deja pas mal de balises, je sais pas ou le foutre le <div style...
j ai essayé plsuieurs trucs mais ca change rien  :sweat:



On peut voir le code ? Ou mieux, l'avoir en ligne ?

budweiser a écrit a écrit :

autre question
quand t ouvre la balise <dev style>, tu en refermes une </style> et pas </div> ??
 
merci



Oulala tu mélanges la balise 'style' et l'attribut 'style'.
 
* La balise <style> se met normalement dans le <head> de ton document HTML. C'est là que tu définis les styles CSS pour les autres éléments de ton document :
 

<html>
<head>
 
<title>...</title>
<meta ...>
 
<style>
div.boite {
 width: 200px;
}
</style>
 
</head>
 
<body>
...
<div class="boite"> ... </div>
...
</body>
 
</html>


 
 
* L'attribut 'style' s'utilise comme ça :
 
<div style="width: 200px;"> ... </div>
<span style="color: red; text-decoration: underline;"> ... </span>
 
etc, etc...


Message édité par gm_superstar le 17-08-2002 à 14:52:25
Reply

Marsh Posté le 17-08-2002 à 14:38:41   

Reply

Marsh Posté le 17-08-2002 à 14:48:27    

code
 
<strong>ACCEUIL</strong></p>
<p>
   
<strong>blablablablablalalalalalablablalalalalalablablalalalalala</strong>
 
bon pour un truc aussi simple, avec pas mal de lignes en plus le tout se deforme.
 
je crosi avoir compris l utilisation de la balise style
on crée un style dans l en tete (head)
et on y fait reference via le <dev class=nom du style> et se propriétés s aplliquent.
 
pour l autre, attribut style, j aimerais comprendre comment l aplliquer..
 
 
dernier point, ca marche comment quand c pas que du texte que je veux structurer...

Reply

Marsh Posté le 17-08-2002 à 14:51:22    

j ai reussi a apllique la balise style : merci  :jap:  
 
sauf que ca regle pas mon probleme
fodrait que j inclus koi dans les "propriétés" du style pour que ca bouge pas  
 
(merci encore)

Reply

Marsh Posté le 17-08-2002 à 15:02:26    

budweiser a écrit a écrit :

j ai reussi a apllique la balise style : merci  :jap:



Et il vaut mieux utiliser la balise <style> que l'attribut car tout est centralisé au même endroit. C'est plus simple pour faire des modifications par la suite.

budweiser a écrit a écrit :

sauf que ca regle pas mon probleme
fodrait que j inclus koi dans les "propriétés" du style pour que ca bouge pas  
 
(merci encore)



Bon je reprends ton premier post :  

Citation :

voilà, le texte plac dans mon cadre s adapte à la largeur de la fentre : le paragraphe se retrecit pour faire apparaitre tout le texte : 5 lignes deviennent 10 lignes
 
je fais comment pour que mon texte reste "fixe"


Si tu veux que ton texte garde le même nombre de lignes quand tu réduis la largeur de la fenêtre, tu dois fixer la largeur du cadre qui contient ton texte. Il faut donc fixer la propriété 'width' à une valeur particulière en nombre de pixels.
 
Donc tu définis une classe pour ton cadre :  
 
div.boite {
 width: 200px;
}
 
Que tu appliques au <div> qui va contenir ton texte :
 
<div class="boite">
  <strong>blablablablablalalalalalablablalalalalalablablalalalalala</strong>  
</div>

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed