Pb avec CSS ???
Résolu
dj_mez
Messages postés
74
Date d'inscription
Statut
Membre
Dernière intervention
-
dj_mez Messages postés 74 Date d'inscription Statut Membre Dernière intervention -
dj_mez Messages postés 74 Date d'inscription Statut Membre Dernière intervention -
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
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:
- Pb avec CSS ???
- Css download - Télécharger - HTML
- Enlever le soulignement d'un lien css ✓ - Forum Réseaux sociaux
- Css ligne horizontale ✓ - Forum CSS
- Enlever le soulignage des lien. - Forum CSS
- Enlever soulignement lien css ✓ - Forum CSS
14 réponses
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
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
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.
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.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
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 ?
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.
C'est plutôt l'onglet orange où il y a écrit "Boitier" que je veux centrer et qui est actuellement à gauche.
Merci.
Dsl je te laisse car je vais au taff.
Je penses qu'il te faut positionner ca dans une autre div :
De mon coté j'en étais là mais pas le temps d'essayer plus :
A ce soir, si c'est pas résolu ;)
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 ;)
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.
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.
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) ?
De plus, y'aura t'il d'autres blocs oranges qui viendront à coté (à droite) ?
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.
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.
