28172 sujets

CSS et mise en forme, CSS3

Bonjour à tous et merci d'avance pour votre aide.

J'utilise le code suivent pour faire un skin sur mes input textbox.


.input_text label, .input_text span, .input_text input {
	display: inline-block;
	vertical-align: middle;
	height: 27px;
	line-height: 27px;
	margin: 0px;
	padding-top: 1px;
	padding-right: 0;
	padding-bottom: 1px;
	padding-left: 0;
} 

.input_text span {
	padding-left: 10px;
	background-image: url(../images/input_text.png);
	background-repeat: no-repeat;
	background-position: left top;
}   

.input_text input {
	color: #125B18;
	border: none;
	background-image: url(../images/input_text.png);
	background-repeat: no-repeat;
	background-position: right top;
}



<p class="input_text">     
<label for="texte">Email</label>     
<span>&nbsp;</span><input type="text" name="guest_email" id="guest_email" [b][#red]width="250"[/#][/b] value="<?php echo (isset($_POST['guest_email'])) ? $guest_email : '' ?>"/>
</p>


Mais j'ai beau changer la propriété width dans le code html.
Mes input text garde la même longueur.

Merci à vous.

Pour page où se trouve le probléme
http://www.mmcontainer.be/devis.php
Modifié par Rifton007 (20 Sep 2010 - 16:19)
Modérateur
Salut,

Pourquoi ne pas affecter une taille via la propriété width en CSS ?

Par ailleurs, sur les inputs, et si tu le fais en HTML, on n'affecte pas une largeur via l'attribut width mais via l'attribut size.

En passant ton code au validateur W3C (ce que je te conseille actuellement), tu peux t'en rendre compte plus facilement et corriger tes autres erreurs.
Merci pour ta réponse koala64

Je ne savais qu'il falait utiliser la propriété size.
Le probléme est donc résolu et pour répondre à tes questions voici:

a écrit :
Pourquoi ne pas affecter une taille via la propriété width en CSS ?


Car je souhaite que la longueur des input text soit variable en fonction du type du contenu.
Plus longues ou plus courtes.

a écrit :
passe ton code au validateur W3C

Oui dés que je fini mon site complétement, je le passerais.

Encore merci.