Empecher retour a la ligne

Empecher retour a la ligne - HTML/CSS - Programmation

Marsh Posté le 01-04-2005 à 10:58:41    

Salut,
je suis en train de réaliser ma première page html.
J'ai réaliser un menu composé de differentes images.
Il se trouve que l'image la plus a droite revient a la ligne automatiquement donc mon menu devient n'importe quoi.
J'ai essayé d'utiliser la balise <nobr> pour résoudre le problème, cela marche mais du coup ma page n'est plus compatible W3C ...
J'ai lu que nobr n'etait pas standardisé, j'aimerais donc savoir si il existe un moyen de contourner ce problème avec la condition imposée (par mon prof) que ce soit compatible W3C :pt1cable:  
 
Merci d'avance pour toutes vos suggestions

Reply

Marsh Posté le 01-04-2005 à 10:58:41   

Reply

Marsh Posté le 01-04-2005 à 11:38:42    

si c'est dans un td regarde si tu peux utiliser nowrap

Reply

Marsh Posté le 01-04-2005 à 13:51:38    

Si ton image revient a la ligne, j'ai peur que tu l'ai introduite comme ca dans le code html.
Or si c'est une image qui te sert a decorer ton menu, alors cette dernier doit se trouver dans le CSS.
 
Alors regarde du code des menus en CSS pour avoir des exemples.

Reply

Marsh Posté le 02-04-2005 à 21:10:27    

Bonjour,
merci pour vos réponses j'ai finalement réussi, je met les code si ca interesse kkun ^^
 

Citation :


<TABLE BORDER="0" CELLSPACING="0" CELLPADDING="0">
<TR>
<TD><img src="index_fichiers/Menu/haut.JPG" width="1109" height="92" alt="haut"></TD>
</TR>
<TR>
<TD NOWRAP><img src="index_fichiers/Menu/accueil.JPG" width="87" height="49" border="0" alt="Accueil"><img src="index_fichiers/Menu/bas2.JPG" width="138" height="49" alt="bas2"><a href="CV.htm"><img src="index_fichiers/Menu/CV.JPG" width="100" height="49" border="0" alt="CV"></a><a href="Hobbie.htm"><img src="index_fichiers/Menu/hobbi.JPG" width="118" height="49" border="0" alt="centre intérêt"></a><a href="photo.htm"><img src="index_fichiers/Menu/tof.JPG" width="122" height="49" border="0" alt="photo"></a><a href="actu.htm"><img src="index_fichiers/Menu/actu.JPG" alt="actu" width="110" height="49" border="0"></a><img src="index_fichiers/Menu/bas4.JPG" width="431" height="49" alt="bas4"></TD>
</TR>
<TR>
<TD><img src="index_fichiers/Menu/bas.JPG" width="1109" height="86" alt="bas"></TD>
</TR>  
</TABLE>

Reply

Marsh Posté le 02-04-2005 à 21:45:47    

Mes yeux !!!  
Ca brule !!!
 
Bon tu l'as dit toi meme, tu es debutant, alors ca peut etre pardonable, mais je pense que tu pourrais commencer par aprendre du vrai html, pas ce genre de choses horribles.
 
Alors tu va visiter ces deux site, et tu apprends l'xhtml et les css. Comme ca tu auras de bonnes bases :
http://openweb.eu.org
http://css.alsacreations.com


Message édité par cerel le 02-04-2005 à 21:46:25
Reply

Marsh Posté le 03-04-2005 à 10:56:48    

C'est un peu dur pour commencer, va plutôt voir
www.siteduzero.com/xhtml-css/
le cours sur mon site est un peu plus compliqué, mais a mon avis plus rapide, tu fais comme tu veux.
www.martiusweb.net/tutoriaux,01_00.html
(euh, c'est du spam la ? :sweat:)


Message édité par Martius le 03-04-2005 à 10:57:43

---------------
Martin
Reply

Marsh Posté le 26-02-2009 à 16:55:29    

Bonjour
 
tout d'abord je vous pris de m'excuser par avance si ma question semble idiote car je débute en html/css  (et le html est généré par Wicket...)
 
La solution proposée par denisC concerne le formatage d'un texte pour que celui ci tienne sur une seule ligne dans une cellule de tableau.
Mais considérons non plus du texte mais deux radio boutton.
 
Ce qui est étrange c'est que parfois les radio button se mettent l'un en dessous de l'autre, et parfois, ils s'alignent bien
Dans le cas ou ils s'alignent, c'est qu'il existe une cellule , de la même colonne du tableau qui est plus grande, du coup, la cellule de mes radio button s'agrandie, et il y a donc de la place pour aligner les deux radio button...
 
si nécessaire je peux envoyer deux copies d'écran qui expliquerons sans doute mieux que moi mon problème
 
Ma question est donc : comment forcer plusieurs composant d'une cellule d'un tableau à s'aligner ?
 
en espérant n'avoir pas été trop brouillon dans mes explications, j'espère qu'une âme charitable me viendra en aide ....
 
 
 
le code généré par wicket est celui ci (j'ai modifié les id fin qu'ils soient compréhensibles ...)
 

Code :
  1. <tr>
  2.     <td>
  3.         <span>*</span>
  4.     </td>
  6.     <td>
  7.              <label class="fieldLabel" for="fieldae">
  8.                       mon text de taille variable
  9.             </label>
  10.     </td>
  12.     <td>
  13.             <span style="float: left; margin-right: 3px;" id="fieldae">
  14.                      <input type="radio"
  15.                           id="monId0"
  16.                           value="myValue0"
  17.                           name="myName0"   />                                           
  19.                       <label for="monId0">
  20.                              Oui
  21.                       </label> 
  22.                    
  23.                       <input type="radio"
  24.                           id="monId1"
  25.                           value="myValue1"
  26.                           name="myName1"  />
  28.                      <label for="myId1">
  29.                           Non
  30.                      </label> 
  31.             </span>
  32.      </td>
  33. </tr>


 
 
le CSS associé aux composants label et radiobutton sont les suivants :
 

Code :
  1. .selectField input {
  2.     float:left;
  3.     margin-right:8px;
  4. }


 

Code :
  1. .selectField label {
  2.    float:left;
  3.    margin-right:3px;
  4. }


 
Je précise que je n'ai pas (et surtout je ne veux pas) fixer une taille aux cellules du tableau ni au tableau lui même.

Reply

Sujets relatifs:

Leave a Replay

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