Sujet Précédent Sujet Suivant

Pb avec CSS ???

Résolu/Fermé
dj_mez Messages postés 74 Date d'inscription samedi 4 octobre 2008 Statut Membre Dernière intervention 25 mai 2021 - 4 oct. 2008 à 23:13
dj_mez Messages postés 74 Date d'inscription samedi 4 octobre 2008 Statut Membre Dernière intervention 25 mai 2021 - 8 oct. 2008 à 22:09
Bonjour,

J'ai un petit soucis avec CSS.

Je n'arrive pas à centrer le bloc en orange dans l'image ci-dessous. Je bloque...

http://souk-pc.com/img.bmp

Voici le code CSS :

#relative {
margin:0pt;
padding-top:10px;
}

.separateur {
border:0pt none;
clear:both;
font-size:0pt;
height:0pt;
line-height:0pt;
margin:0pt;
padding:0pt;
}



.titre2 {
border-bottom:1px solid #888888;
height:27px;
margin:0pt;
padding:0pt;
/* width:100%; */
}

.titre2_left {
background:url(images/titre2_left.gif);
background-repeat:no-repeat;
float:left;
height:27px;
/* margin-left:10px; */
margin-left:10px;
width:7px;
}
.titre2_center {
background:url(images/titre2_center.gif);
background-repeat:repeat-x;
color:#FFFFFF;
float:left;
font-size:1.3em;
height:27px;
padding-top:0px;
}

.titre2_right {
background:url(images/titre2_right.gif);
background-repeat:no-repeat;
float:left;
height:27px;
width:7px;
}

.guide {
/* float:left; */
padding:5px;
width:125px;
}


Et voici le code HTML :


<td align=center>
<div id="relative">
<div class="separateur">
</div>
<div class="titre2">
<div class="titre2_left">
</div>
<div class="titre2_center">
Boîtiers
</div>
<div class="titre2_right">
</div>
</div>
<div class="separateur">
</div>
<a href='/composants/cm/' title="Boîtiers"><img src=/img/boitier6.jpg border=0></a>
<div class="separateur"></div>
</div><div class="guide"></div>
</div>

Merci d'avance
A voir également:

14 réponses

Réponse 1 / 14
djflexlive Messages postés 557 Date d'inscription mercredi 26 mars 2008 Statut Membre Dernière intervention 23 avril 2015 95
5 oct. 2008 à 00:33
Peut tu mettre les url dans le css , ca aiderait pour tester en local et résoudre ton problème ?
0
Réponse 2 / 14
dj_mez
5 oct. 2008 à 12:45
Les URL ? Que veux tu dire par là ? Il y a des URL dans le CSS. Tu ne voudrais pas plutôt que je rajoute les 3 images mentionnées dans le CSS ?

Je te les ajoute de suite :

http://www.souk-pc.com/titre2_left.gif
http://www.souk-pc.com/titre2_center.gif
http://www.souk-pc.com/titre2_right.gif
0
Réponse 3 / 14
djflexlive Messages postés 557 Date d'inscription mercredi 26 mars 2008 Statut Membre Dernière intervention 23 avril 2015 95
5 oct. 2008 à 12:58
A le centrer par rapport à quoi ? Tu à le lien img du boitier aussi ?
0
Réponse 4 / 14
dj_mez
5 oct. 2008 à 13:04
A oui, désolé, j'ai oublié le boitier. Voici le lien : http://www.souk-pc.com/boitier.jpg

Je voudrais centrer par rapport au border-bottom en dessous.

J'avais pensé à mettre cela dans une colonne d'un tableau mais je n'ai pas réussi...

Je te remercie pour ton aide.
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Réponse 5 / 14
djflexlive Messages postés 557 Date d'inscription mercredi 26 mars 2008 Statut Membre Dernière intervention 23 avril 2015 95
5 oct. 2008 à 13:05
Tu veux mettre le lien "boitier" au centre de page ou bien l'image du boitier , au centre de la page ; avec le menu orangé toujours à gauche ?
0
Réponse 6 / 14
dj_mez
5 oct. 2008 à 13:08
L'image du boitier que je viens de rajouter est centrée.

C'est plutôt l'onglet orange où il y a écrit "Boitier" que je veux centrer et qui est actuellement à gauche.

Merci.
0
Réponse 7 / 14
djflexlive Messages postés 557 Date d'inscription mercredi 26 mars 2008 Statut Membre Dernière intervention 23 avril 2015 95
5 oct. 2008 à 13:20
Dsl je te laisse car je vais au taff.

Je penses qu'il te faut positionner ca dans une autre div : 

			<div class="titre2_left"></div>
			<div class="titre2_center">BoîtiersBoîtiersBoîtiersBoîtiers</div>
			<div class="titre2_right"></div>


De mon coté j'en étais là mais pas le temps d'essayer plus : 
<div id="relative">
	<div class="separateur"></div>
	<div class="titre2">
		<div style="position: relative; margin-left: auto; margin-right: auto;">
			<div class="titre2_left"></div>
			<div class="titre2_center">BoîtiersBoîtiersBoîtiersBoîtiers</div>
			<div class="titre2_right"></div>
		</div>
	</div>
	<div class="separateur"></div>
	<a href='/composants/cm/' title="Boîtiers" ><img src="http://www.souk-pc.com/boitier.jpg" border="0" /></a>
	<div class="separateur"></div>
	<div class="guide"></div>
</div>

A ce soir, si c'est pas résolu ;)
0
Réponse 8 / 14
dj_mez Messages postés 74 Date d'inscription samedi 4 octobre 2008 Statut Membre Dernière intervention 25 mai 2021 14
5 oct. 2008 à 20:55
Bonjour,

Je n'ai pas réussi à trouver de solution....
0
Réponse 9 / 14
dj_mez Messages postés 74 Date d'inscription samedi 4 octobre 2008 Statut Membre Dernière intervention 25 mai 2021 14
6 oct. 2008 à 16:03
Alors, djflexlive, tu t'es penché sur le pb hier soir ?
0
Réponse 10 / 14
djflexlive Messages postés 557 Date d'inscription mercredi 26 mars 2008 Statut Membre Dernière intervention 23 avril 2015 95
8 oct. 2008 à 17:23
Salut,

Désolé, je n'avais pas internet jusqu'à aujourd'hui.

Je me repencherai dans la soirée pour voir ca , si je trouve une solution.

A tout à l'heure.
0
Réponse 11 / 14
djflexlive Messages postés 557 Date d'inscription mercredi 26 mars 2008 Statut Membre Dernière intervention 23 avril 2015 95
8 oct. 2008 à 18:33
Dans ton css, peut on fixer un width ou pas pour le bloc orange ?

De plus, y'aura t'il d'autres blocs oranges qui viendront à coté (à droite) ?
0
Réponse 12 / 14
dj_mez Messages postés 74 Date d'inscription samedi 4 octobre 2008 Statut Membre Dernière intervention 25 mai 2021 14
8 oct. 2008 à 20:30
j'ai mis un widht pour l'élément arrondi de droite et de gauche mais pas le centrale (qui dépend de la taille du texte).

En fait, il y a un tableau avec 3 colonnes maximum ou on trouve ce genre d'image. Là il s'agit de boitiers mais tu as "Disques durs, processeurs...".

En attendant, j'ai pris la largeur de la colonne (onglet fixe), j'ai réduit la taille du texte...

Si tu ne trouves pas, ce n'est pas grave, comme j'ai fait me convient.

Merci à toi en tout cas.
0
Réponse 13 / 14
djflexlive Messages postés 557 Date d'inscription mercredi 26 mars 2008 Statut Membre Dernière intervention 23 avril 2015 95
8 oct. 2008 à 20:41
Ouais disons qu'avec un width fixe, j'ai trouvé comment le centrer. Mais comme tu dis, ca dépends du texte au milieu donc à voir pour la suite.

De rien , et on vas dire "résolu" ;)
0
Réponse 14 / 14
dj_mez Messages postés 74 Date d'inscription samedi 4 octobre 2008 Statut Membre Dernière intervention 25 mai 2021 14
8 oct. 2008 à 22:09
On va dire cela, résolu :)

Et merci pour tes interventions.
0

Discussions similaires

trait horizontal avec du css
tipi75 -
tipi75 -

8 réponses
Enlever le soulignement sous les liens en HTML/CSS
baissaoui -
baissaoui -

0 réponse
HTML - définir taille bouton
Diva -
Utilisateur anonyme -

14 réponses
[CSS] Forcé retour à la ligne
aKuma59 -
zigoss -

33 réponses
indice et exposant en css ?
yiv -
Kitkatryne -

19 réponses