IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

Bootstrap 2, présentation d'un div en colonnes, mais voulue en ligne


Sujet :

Tableau en CSS

  1. #1
    Membre actif
    Inscrit en
    Décembre 2003
    Messages
    491
    Détails du profil
    Informations forums :
    Inscription : Décembre 2003
    Messages : 491
    Points : 245
    Points
    245
    Par défaut Bootstrap 2, présentation d'un div en colonnes, mais voulue en ligne
    Bonjour,

    J'ai un soucis avec boostrap2 et une feuille .jsp.

    J'ai un div qui a bien fonctionné avec une class span12, mais depuis que j'ai modifié le contenu du div en ajoutant des checkboxs, le contenu du div ne se donne plus à l'écran sur une ligne mais sur une colonne.
    J'ai bien quand même 12 éléments sur la ligne


    Est-ce qu'il es possible de forcer la présentation en ligne.

    Merci de votre aide

  2. #2
    Invité
    Invité(e)
    Par défaut
    Bonjour,

    Certainement.

  3. #3
    Membre actif
    Inscrit en
    Décembre 2003
    Messages
    491
    Détails du profil
    Informations forums :
    Inscription : Décembre 2003
    Messages : 491
    Points : 245
    Points
    245
    Par défaut
    et comment??

  4. #4
    Membre régulier
    Homme Profil pro
    Intégrateur Web
    Inscrit en
    Juillet 2016
    Messages
    65
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 29
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Intégrateur Web

    Informations forums :
    Inscription : Juillet 2016
    Messages : 65
    Points : 103
    Points
    103
    Par défaut
    En nous montrant ton code par exemple

  5. #5
    Membre actif
    Inscrit en
    Décembre 2003
    Messages
    491
    Détails du profil
    Informations forums :
    Inscription : Décembre 2003
    Messages : 491
    Points : 245
    Points
    245
    Par défaut
    voila,


    Ce code a bien donné une représentation en ligne comme voulu, mais ne fonction plus que en colonne.

    Mon code est ci-dessous :

    Une autre question pendant que j'y suis : Les deux checkbox : myMarket et TODOs devraient être l'un au dessus de l'autre.
    Est il bien d'utiliser un tableau pour cela?

    Merci pour votre aide

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
     
    <div class="span12" >
    			<s:form action="QCMCaseAppendFilter" name="qcmCaseFilter" theme="bootstrap" cssClass="">
    				<s:push value="qcmCaseFilter">								
    					<s:set var="temp_enabled">${qcmCaseFilter.enabled}</s:set>
    					<s:if test="%{#temp_enabled}">
    						<s:set var="temp_disablefilter">false</s:set>
    					</s:if>
    					<s:else>
    						<s:set var="temp_disablefilter">false</s:set>
    					</s:else>
     
    					<s:if test="%{#temp_enabled}">
    						<s:textfield name="origAirpCode" label="Orig" 	cssClass="input-mini origDestField gvgWatch" id="origAirpCode"/>
    						<s:textfield name="destAirpCode" label="Dest" 	cssClass="input-mini origDestField gvgWatch" id="destAirpCode"/>
    						<s:checkbox name="viceVersa" label="Vice Versa" cssClass=" viceversa"/>
    						<s:select list="gvgs" label="GVG" name="gvg" 	cssClass="input-mini" id="gvgElem" />
    						<s:textfield name="routing" label="Routing" 	cssClass=" routing" />
    						<s:textfield name="minSeverity" label="Min. SV" cssClass="input-mini inputSeverity" id="severityElem"/>
    						<s:checkbox name="mostRecent" label="Most recent" cssClass=" mostRecent"/>
    						<s:select list="checkTypes" multiple="false" 	cssClass="input-large" name="checkType" 
    								  label="Check enabled Type" style="width:120px" onchange="selectAGG_DOW_or_MONTH(this)"/>	
    								  <div   STYLE="display:inline">					
    						<s:checkbox name="myMarket" label="My market" cssClass=" myMarket"/>
    						<s:checkbox name="TODOs" label="TODOs" cssClass=" myMarket"/>
    						</div>
    					</s:if>
    					<s:else>
    						<s:textfield name="origAirpCode" label="OrigB" 	cssClass="input-mini origDestField gvgWatch" disabled="true"/>
    						<s:textfield name="destAirpCode" label="Dest" 	cssClass="input-mini origDestField gvgWatch" disabled="true"/>
    						<s:checkbox name="viceVersa" label="Vice Versa" cssClass=" viceversa" disabled="true"/>
    						<s:select list="gvgs" label="GVG" name="gvg" 	cssClass="input-mini" id="gvgElem" disabled="true"/>
    						<s:textfield name="routing" label="Routing" 	cssClass=" routing" disabled="true"/>
    						<s:textfield name="minSeverity" label="Min. Severity" cssClass="input-mini inputSeverity" id="severityElem" disabled="true"/>
    						<s:checkbox name="mostRecent" label="Most recent" cssClass=" mostRecent" disabled="true"/>
    						<s:select id="selectCheckType" list="checkTypes" multiple="false" 	cssClass="input-large" name="checkType" label="Check disabled Type" style="width:120px" disabled="true"   onchange="selectAGG_DOW_or_MONTH(this)"/>
    						<s:checkbox name="myMarket" label="My market" cssClass=" myMarket"/>
    						<s:checkbox name="TODOs" label="TODOs" cssClass=" myMarket"/>
    					</s:else>
     
    					<div class="filterButtons">
    						<s:if test="%{#temp_enabled}">
    							<s:submit cssClass="btn" name="update" value="Update"/>
    							<s:submit cssClass="btn" name="enabled" value="Disable"/>
    						</s:if>
    						<s:else>
    							<s:submit cssClass="btn" name="update" value="Update" disabled="true"/>
    							<s:submit cssClass="btn" name="enabled" value="Enable" action="QCMCaseEnableFilter"/>
    						</s:else>					
    					</div>
    				</s:push>
    			</s:form>
    		</div>

  6. #6
    Invité
    Invité(e)
    Par défaut
    Bonjour,

    Soyons clair : ici, nous sommes dans le forum CSS.

    Par conséquent, PAS de code en langage dynamique !

    • SEUL nous intéresse ici le code HTML généré ("code source" ou "Ctrl"+"U").

  7. #7
    Membre actif
    Inscrit en
    Décembre 2003
    Messages
    491
    Détails du profil
    Informations forums :
    Inscription : Décembre 2003
    Messages : 491
    Points : 245
    Points
    245
    Par défaut
    Bon voilà, j' ai refait ma page .jsp avec un tableau html pour faire la présentation.
    La réutilisation du code existant n'est pas possible sans y passer un temps totalement
    disproportionné.


    Merci quand même pour la peine.

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Réponses: 2
    Dernier message: 10/11/2014, 12h17
  2. Div en colonne à largeure variable
    Par Foums dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 22/02/2011, 11h45
  3. balise div en colonne
    Par Jolt0x dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 12/09/2010, 19h34
  4. [script.aculo.us] Sortable sur div imbriqués colonnes et lignes
    Par kabkab dans le forum Bibliothèques & Frameworks
    Réponses: 2
    Dernier message: 22/12/2009, 14h05
  5. div 3 colonnes..
    Par fccman dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 08/11/2009, 16h42

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo