| Problème titre des catégories | |
|
AlexeB
{ Membre }
Messages : 47
| Bonjour tout le monde, oui oui c'est encore moi! Sur un nouveau forum, nous avons décidés de tenter un codage, mais nous n'arrivons pas au résultat souhaité. Le problème vient soit des templates, soit du css, mais nous n'en sommes pas très certaines. Voici un print screen de ce qui en est et de ce que nous voulons, merci d'avance pour votre aide! - Ce que ça donne:
- Ce que nous voudrions que ça donne (et soit modifiable à souhait):
Bien sûr, nous voudrions pouvoir remonter peut-être encore plus haut les tables de forums. Nous aimerions aussi pouvoir PEUT-ÊTRE exercer un margin-bottom sur le titre de catégorie (celui en mauve foncé) pour le descendre un peu sur l'image de fond, nous ne savons pas par contre si c'est possible. J'espère que vous avez compris mon soucis! Voici le template et les codes css associés (pour les voir, il faut poster afin d'éviter le plagiat) - Template index_box:
- Codes CSS:
| | |
|
| |
Nihil
{ Modérateur }
Messages : 1216
| Bonjour,
Pourrais tu aussi mettre le lien du forum en question s'il te plait ? Cela facilite beaucoup les choses ^^ | | |
|
| |
Gypsy Water.
{ Membre }
Messages : 13
| Étant également codeuse sur le même forum, je peux donc vous transmettre ça, il est donc sous hide, pour éviter les voyeurs | | |
|
| |
Nihil
{ Modérateur }
Messages : 1216
| Il faudrait aussi que je puisse y accéder en tant qu'invité ^^', sinon ça se complique un peu >o< | | |
|
| |
Gypsy Water.
{ Membre }
Messages : 13
| Oui, je viens justement de modifié les permissions | | |
|
| |
Nihil
{ Modérateur }
Messages : 1216
| Merci beaucoup (: J'ai une solution, je ne sais pas si c'est la plus élégante, mais c'est celle qui me vient à l'esprit comme étant la plus simple : - Code:
-
.categorie-header { position: relative; z-index: 10; }
.categorie-content{ margin-top: -35px; }
|
Dernière édition par Nihil le Jeu 25 Juil 2013, 13:42, édité 1 fois | |
|
| |
Gypsy Water.
{ Membre }
Messages : 13
| Bizarrement, rien à changé sur le forum test ._. | | |
|
| |
Nihil
{ Modérateur }
Messages : 1216
| Voici le rendu chez moi, que je trouve assez similaire à ce qui était demandé ^^' : - Spoiler:
Résultat sous Firefox, je viens de tester sur Chrome, le décalage vers le haut est là aussi ^^ Edit : bon bah tu as déjà enlevé le code, c'était donc une screen prise quand il y avait encore le code ^^ | | |
|
| |
Gypsy Water.
{ Membre }
Messages : 13
| Ahhhh! Je viens de comprendre. Donc dans le schéma du haut, c'est seulement la première question qui y est illustré, mais nous voudriez également modifié l'emplacement du titre de catégorie, celui en mauve fondé. |
Dernière édition par Gypsy Water. le Jeu 25 Juil 2013, 14:21, édité 1 fois | |
|
| |
Nihil
{ Modérateur }
Messages : 1216
| Euh... Mettez vous d'accord sur ce que vous voulez, si possible o__o xDDD. Est ce que je peux avoir un schéma ou des screen sur ce que vous voulez précisément >< ? Car là, je compare ma screen, avec ce qui était demandé, ça se ressemble beaucoup xD ! | | |
|
| |
Gypsy Water.
{ Membre }
Messages : 13
| - AlexeB a écrit:
- Nous aimerions aussi pouvoir PEUT-ÊTRE exercer un margin-bottom sur le titre de catégorie (celui en mauve foncé) pour le descendre un peu sur l'image de fond, nous ne savons pas par contre si c'est possible.
J'espère que vous avez compris mon soucis! Je cite donc, il était donc dis que nous voulons aussi cette réponse. Désolé, si le schéma était pas illustré pour les deux questions. Du coup, le nouveau shéma, avec les deux questions dedans, cette fois ! La premier étant résolue, on peut donc aller directement à la second - Spoiler:
Sinon, merci pour ton aide ! | | |
|
| |
Nihil
{ Modérateur }
Messages : 1216
| Je pense que ceci devrait marcher : - Code:
-
.secondarytitle h2 { padding-top: 55px; } | | |
|
| |
AlexeB
{ Membre }
Messages : 47
| Je viens de tester sous firefox bêta, mais aucun changement :\ | | |
|
| |
Nihil
{ Modérateur }
Messages : 1216
| Woups, je suis bête... Le h2 il a la propriété display:inline, c'est sûr que mon code va pas marcher... Ceci devrait être mieux : - Code:
-
.secondarytitle { padding-top: 55px; } | | |
|
| |
Gypsy Water.
{ Membre }
Messages : 13
| Donc, avec le padding ça fonctionne parfaitement Merci à toi | | |
|
| |
candice27 Invité
| Bonjour j'ai un soucis similaire avec mes codes serait-il possible d'avoir de l'aide? | | |
|
| |
Contenu sponsorisé
| |
| |
| Problème titre des catégories | |
|