Problème inline-block
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Problème inline-block
Bonjour à tous,
Je me permets de venir vous demander de l'aide puisque je rencontre un certain problème avec un code qui me sert pour une fiche de présentation. En soit, ce n'est rien de compliqué, puisque je souhaite aligner deux div l'une à côté de l'autre horizontalement et pourtant, rien n'y fait. J'ai d'abord essayé d'insérer un float, puis j'en suis revenue à un display : inline-block. Et j'en suis toujours au même point. Je ne comprends pas d'où vient le soucis, d'où ma présence ici.
Voici la fiche CSS entière (sachant que je n'ai touché qu'à partir de "fiche de présentation" :
Voici le code de ma fiche de présentation sur le forum :
Et voici le lien direct de ma fiche de présentation sur le forum :
http://harrodstest.forumactif.org/t1-votre-1er-sujet#2
Je vous remercie par avance de vos réponses !
Je me permets de venir vous demander de l'aide puisque je rencontre un certain problème avec un code qui me sert pour une fiche de présentation. En soit, ce n'est rien de compliqué, puisque je souhaite aligner deux div l'une à côté de l'autre horizontalement et pourtant, rien n'y fait. J'ai d'abord essayé d'insérer un float, puis j'en suis revenue à un display : inline-block. Et j'en suis toujours au même point. Je ne comprends pas d'où vient le soucis, d'où ma présence ici.
Voici la fiche CSS entière (sachant que je n'ai touché qu'à partir de "fiche de présentation" :
- Code:
/* Mise en forme globale */
.bodylinewidth
{
width: 900px;
margin-left: auto;
margin-right: auto;
margin-top: -9px;
margin-bottom: -9px;
}
.bodyline
{
width: 900px;
padding: 0;
background: #bd592f;
border-left: 5px solid #530900;
border-right: 5px solid #530900;
box-shadow: 0px 0px 10px #000000;
-moz-box-shadow: 0px 0px 10px #000000;
-o-box-shadow: 0px 0px 10px #000000;
-htm-box-shadow: 0px 0px 10px #000000;
-webkit-box-shadow: 0px 0px 10px #000000;
}
.forumline
{
width: 100%;
margin: auto;
}
table
{
width: 90%;
margin: auto;
}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none !important;}
/* */
a.forumlink:link, a.forumlink:visited {
font-family: georgia;
text-transform : uppercase;
text-align: center;
font-size: 100%;
border-bottom: 3px solid #e68b45;
border-top: 3px solid #e68b45;
color: #couleur;
letter-spacing: 1px;
display: block;
-moz-border-radius:10px;
}
a.forumlink:hover, a.forumlink:hover:visited {
background: #3e060c;
color: #couleur;
text-align: center;
display: block;
border-bottom: 3px solid #b0532a;
border-top: 3px solid #b0532a;
-moz-border-radius:10px;
}
/* Fiche présentation */
.present_matroos, .present_korrul, .present_erfeydes,.present_vanylle {
background-position: center 0px, center 1530px, center 222px;
background-repeat: no-repeat;
height: 1941px;
margin: auto;
width: 525px;
color: white;
}
.present_matroos{
background-image: url("http://img15.hostingpics.net/pics/291673Fondmatroos.png");
}
.present_korrul {
background-image: url("http://memoires-du-monde.fr/upload/oasis/prez_korrul_haut.PNG"), url("http://memoires-du-monde.fr/upload/oasis/prez_korrul_bas.JPG"), url("http://memoires-du-monde.fr/upload/oasis/prez_centre.JPG");
}
.present_vanylle {
background-image: url("http://memoires-du-monde.fr/upload/oasis/prez_vanylle_haut.PNG"), url("http://memoires-du-monde.fr/upload/oasis/prez_vanylle_bas.JPG"), url("http://memoires-du-monde.fr/upload/oasis/prez_centre.JPG");
}
.present_erfeydes {
background-image: url("http://memoires-du-monde.fr/upload/oasis/prez_erfeydes_haut.PNG"), url("http://memoires-du-monde.fr/upload/oasis/prez_erfeydes_bas.JPG"), url("http://memoires-du-monde.fr/upload/oasis/prez_centre.JPG");
}
.titre {
text-align: center;
font-size: 24px;
font-family: arial;
color: #ffffff;
margin: 10px;
}
.carnet {
width: 240px;
height: 150px;
margin-left: 260px;
margin-right: 5px;
overflow: auto;
border-top: 2px solid #e1dcd3;
background: url(http://loups-solitaires.com/forum/styles/themedesloups/theme/images/row.png);
font-family: verdana;
letter-spacing: 1px;
font-size: 11px;
color: #ffffff;
text-align: left;
line-Height: 12pt;
padding: 5px;
}
.description {
display: inline-block;
float: left;
vertical-align: top;
width: 240px;
height: 150px;
margin: 5px;
overflow: auto;
border-top: 2px solid #e1dcd3;
background: url(http://loups-solitaires.com/forum/styles/themedesloups/theme/images/row.png);
font-family: verdana;
letter-spacing: 1px;
font-size: 11px;
color: #ffffff;
text-align: left;
line-Height: 12pt;
padding: 5px;
}
Voici le code de ma fiche de présentation sur le forum :
- Code:
<div class="present_matroos">
<div class="titre">NOM PRÉNOM</div>
<div class="carnet">[b]Prénoms[/b] :
[b]Nom d'usage[/b] :
[b]Nom de naissance[/b] : pour les personnages mariés
[b]Surnom[/b]
[b]Age[/b] :
[b]Langues parlées & écrites[/b] : préciser le niveau de langue
[b]Groupe[/b] : Politiciens, Congrégation de Vama, Marchand, Bourgeois, Milice, Citoyen ou Hors la loi
[b]Métier[/b] : (généralement pour les citoyens, préciser le grade si milicien)
[b]Origine[/b] : Marchande, bourgeois, citoyen
[b]Famille Proche : [/b]
[b]Vivenef[/b] : (uniquement pour les Marchands)
</div>
<span class="description">[b]Caractère[/b] : vos qualités et vos défauts
[b]Préférence alimentaire[/b] :
[b]Loisirs[/b] :
[b]Préférences relationnelles[/b] :
</span>
<span class="description">
[b]TAILLE :[/b] ÉCRIRE ICI
[b]POIDS :[/b] ÉCRIRE ICI
[b]COULEUR DES YEUX :[/b] ÉCRIRE ICI
[b]COULEUR & LONGUEUR DES CHEVEUX :[/b] ÉCRIRE ICI
[b]PIGMENTATION DE LA PEAU :[/b] ÉCRIRE ICI
[b]SIGNE PARTICULIER [/b]: tatouage, tâches de rousseurs, cicatrices
[b]PILOSITÉ :[/b] ÉCRIRE ICI
[b]VESTIMENTAIRES [/b]: ÉCRIRE ICI
</span>
</div>
Et voici le lien direct de ma fiche de présentation sur le forum :
http://harrodstest.forumactif.org/t1-votre-1er-sujet#2
Je vous remercie par avance de vos réponses !
Dernière édition par Harrods le Jeu 22 Oct 2015 - 22:45, édité 1 fois
Re: Problème inline-block
Bonjour,
Les codes donnés fonctionnent bien pourtant.
Il faut retirer les deux <br> dans le code html de votre forum entre les deux span.description
Bon courage.
Les codes donnés fonctionnent bien pourtant.
Il faut retirer les deux <br> dans le code html de votre forum entre les deux span.description
Bon courage.
Invité- Invité
Re: Problème inline-block
Bonsoir !
Effectivement, ça marche beaucoup mieux ainsi. J'y penserai pour la prochaine fois !
Merci beaucoup !
Effectivement, ça marche beaucoup mieux ainsi. J'y penserai pour la prochaine fois !
Merci beaucoup !
Re: Problème inline-block
.. | Bonjour et Bienvenue Vu que vous êtes nouveau, voici quelques sujets importants :sur le Forum des Forums ForumActif Sécurité : mail de fondation - Ce qu'il ne faut pas faire
|
Sujets similaires
» Problème inline-block
» Display : inline ne fonctionne pas
» Problème de centrage avec les sondages: D'où vient le problème?
» Problème apparence forum & problème code Javascript
» iFrame/Block HTML au dessus de la Page d'acccueil
» Display : inline ne fonctionne pas
» Problème de centrage avec les sondages: D'où vient le problème?
» Problème apparence forum & problème code Javascript
» iFrame/Block HTML au dessus de la Page d'acccueil
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum