Discussion :

[CLeBeR]

Bonjour,
Pour mon programme j'ai eu besoin de créer un site web. J'ai donc utilisé un template HTML / CSS. J'ai utilisé Jednotka, voici la documentation publique : http://jednotka.bublinastudio.com/docs.html
J'utilise deux tables de prix : http://jednotka.bublinastudio.com/do...-tables-circle
Le problème c'est que je n'arrive pas à centrer les deux, le code CSS est intouchable car dans le fichier, tout le code est en ligne, il n'est pas structuré. Je pense que c'est fait exprès d'ailleurs. Pouvez-vous m'aider à la centrer ?

De même, je souhaiterais aligner deux textbox de la classe "form-control" : http://jednotka.bublinastudio.com/do...e-contact-form
Mes textbox ne sont pas alignées car j'utilise le formulaire de contact de mon hébergeur où j'ai remplacé les classes pour avoir le même design que l'original (de mon template) car je n'arrivais pas à créer un formulaire de contact avec la documentation de Jednotka :

Merci de votre aide !

[NoSmoking]

Bonjour,

Le problème c'est que je n'arrive pas à centrer les deux, le code CSS est intouchable car dans le fichier, tout le code est en ligne,

surprenant mais tu peux toujours attaquer le style via javascript.
Il n'en demeure pas moins que même si le style inline est prioritaire on peut tout à fait modifier le style des éléments avec un ajout via une feuille de style.

Pour ton 2éme problème un display:inline-blockdevrait faire l'affaire.

Sans aucun code ou page en ligne pour voir comment veux tu que l'on t'aide efficacement ?

[CLeBeR]

Bonjour,
Je pensais que la documentation suffisait. Voici les deux pages concernées (Si tu veux le CSS aussi tu me le dis):
https://dl.dropboxusercontent.com/u/79764502/Pages.zip
Est-ce que tu peux me dire où dois-je mettre le code CSS

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

display:inline-block

dans ma page contact ? Désolé je n'ai aucune connaissance en CSS.
Merci pour l'aide

[CLeBeR]

Bonjour,
Je te passe le projet directement : https://www.dropbox.com/s/0qywj00fa6...%20Rainbow.zip

[NoSmoking]

Bonjour,
Est-ce que tu peux me dire où dois-je mettre le code CSS

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

display:inline-block

Sur les éléments englobant tes INPUTs et ce via la feuille de style

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
div.form-group{ /* par exemple */
  display:inline-block;
}

Je te passe le projet directement :...

ce n'est pas forcément une bonne chose, la preuve c'est VIDE !

[CLeBeR]

Bonjour,
Voilà le lien du projet complet avec toutes les feuilles CSS.. https://dl.dropboxusercontent.com/u/...%20Rainbow.zip
Même en ajoutant dans la feuille CSS les tableaux ne se centrent pas, aucun déplacement ... Si tu peux jeter un coup d’œil parce que là vraiment je sèche...

[darkstar123456]

Bonjour,

Le formulaire utilise le Twitter's Bootstrap, il faudrait donc l'écrire autrement

Code html :

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
 
<!-- REMPLACER : -->
<div class="form-group control-group">
 
	<input class="form-control" type="text" name="name-and-surname" placeholder="Nom" style="text-align: left; height: 45px; padding-top: 8px; width: 250px;" />
</div>
 
 
<div class="form-group control-group" ">
        <input class="form-control" type="text" name="email" placeholder="Adresse mail" style="text-align: left; height: 45px; padding-top: 8px; width: 250px;"/>
</div>
<!-- PAR CECI : -->
<div class="container">
        <div class="row">
                <div class="col-sm-6">
                        <div class="form-group control-group" ">
				<input class="form-control" type="text" name="name-and-surname" placeholder="Nom" style="text-align: left; height: 45px; padding-top: 8px; width: 250px;" />
			</div>
		</div>
		<div class="col-sm-6">
			<div class="form-group control-group" ">
				<input class="form-control" type="text" name="email" placeholder="Adresse mail" style="text-align: left; height: 45px; padding-top: 8px; width: 250px;"/>
			</div>
		</div>
	</div>
</div>

Pour la signification des changements de ce code, je vous ramène à la document du Bootstrap : http://getbootstrap.com/css/#grid

Et mon dieu ! faudrait virer tous ces attributs "style"