Bannière qui touche les bords Bouton_activeBannière qui touche les bords Bouton_hoverBannière qui touche les bords Fb-hoverBannière qui touche les bords Fb-active
AccueilForumÉquipe 
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Fiche de Présentation RPG
Bannière qui touche les bords EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Bannière qui touche les bords EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Bannière qui touche les bords EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Bannière qui touche les bords EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Bannière qui touche les bords EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Bannière qui touche les bords EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Bannière qui touche les bords EmptySam 11 Fév 2023, 06:04 par Krager

» Vos partenaires dans le footer
Bannière qui touche les bords EmptyMar 07 Fév 2023, 08:40 par Oxtran

-21%
Le deal à ne pas rater :
LEGO® Icons 10329 Les Plantes Miniatures, Collection Botanique
39.59 € 49.99 €
Voir le deal

CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolusPartagez
 

Bannière qui touche les bords

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://jokies.net
Usa-tan
Usa-tan
{ Membre }
{ Membre }

Féminin Messages : 21



Bannière qui touche les bords Empty
Bien le bonjour à tous !
Alors voilà, mon problème de base, était que je voulais que ma bannière touche les bords du forum -càd, qu'elle prenne toute la place de l'entête-. On m'a donc donné ce code ;

Code:
body{margin-top: 0px;}
body{margin-bottom: 0px;}

    .postbody img{

    max-width: 750px;}

Mais il ne fonctionne pas du tout T_T Merdi d'avance =3


Dernière édition par Usa-tan le Ven 22 Oct 2010, 16:07, édité 1 fois
MessageSujet: Bannière qui touche les bords   Bannière qui touche les bords EmptySam 02 Oct 2010, 13:00
Revenir en haut Aller en bas
http://asian-failure.skyrock.com
Air.
Air.
{ Membre }
{ Membre }

Masculin Messages : 221



Bannière qui touche les bords Empty
C'est quelque chose comme ça que tu veux ?
http://www.css-actif.com/aide-css-xhtml-f17/comment-modifier-le-bodyline-t7279.htm

EDIT : ah non j'suis allée sur ton forum j'ai compris ce que tu voulais n_n Hum perso, j'ai utilisé ça pour mon forum de test :
Code:
body
{
margin-top:-20px;
}
Mais pour le margin bottom j'ai pas réussi ;_;
MessageSujet: Re: Bannière qui touche les bords   Bannière qui touche les bords EmptySam 02 Oct 2010, 13:11
Revenir en haut Aller en bas
http://jokies.net
Usa-tan
Usa-tan
{ Membre }
{ Membre }

Féminin Messages : 21



Bannière qui touche les bords Empty


Merci bien =3 Ca a enlevé le bord du haut, maintenant il ne manque plus que sur les côtés ! Encore merci.
MessageSujet: Re: Bannière qui touche les bords   Bannière qui touche les bords EmptySam 02 Oct 2010, 14:31
Revenir en haut Aller en bas
http://nin-gai.forum2ouf.com/
Imari
Imari
{ Membre hyper-actif }
{ Membre hyper-actif }

Féminin Messages : 1538



Bannière qui touche les bords Empty
Pour les côtés, c'est simple :

C'est le même code mais j'ai rajouté ce qui manque ^^

Code:
body
{
margin-top:-20px;
margin-left:-20px;
margin-right:-20px;
}

A moduler selon les souhaits ^^

Mets ton sujet en résolu si c'est le cas. =)
MessageSujet: Re: Bannière qui touche les bords   Bannière qui touche les bords EmptyJeu 07 Oct 2010, 09:40
Revenir en haut Aller en bas
http://jokies.net
Usa-tan
Usa-tan
{ Membre }
{ Membre }

Féminin Messages : 21



Bannière qui touche les bords Empty

Je suis arrivée à modifier le "bottom" avec ça, mais toujours pas les côtés ='(
MessageSujet: Re: Bannière qui touche les bords   Bannière qui touche les bords EmptyLun 11 Oct 2010, 12:23
Revenir en haut Aller en bas
http://nin-gai.forum2ouf.com/
Imari
Imari
{ Membre hyper-actif }
{ Membre hyper-actif }

Féminin Messages : 1538



Bannière qui touche les bords Empty
Alors rajoute ce code dans ton css ^^

Code:
#i_logo{
margin-left: -XXpx;
margin-right: -XXpx;
}

En modifiant XX bien sûr ^^
MessageSujet: Re: Bannière qui touche les bords   Bannière qui touche les bords EmptyLun 11 Oct 2010, 12:48
Revenir en haut Aller en bas
http://jokies.net
Usa-tan
Usa-tan
{ Membre }
{ Membre }

Féminin Messages : 21



Bannière qui touche les bords Empty

Chose faite, et ça ne fonctionne toujours pas 0_0 Je trouve ça vraiment bizarre TT"
MessageSujet: Re: Bannière qui touche les bords   Bannière qui touche les bords EmptyLun 11 Oct 2010, 14:20
Revenir en haut Aller en bas
http://nin-gai.forum2ouf.com/
Imari
Imari
{ Membre hyper-actif }
{ Membre hyper-actif }

Féminin Messages : 1538



Bannière qui touche les bords Empty
Je peux avoir ton css s'il te plaît ? Oo
MessageSujet: Re: Bannière qui touche les bords   Bannière qui touche les bords EmptyLun 11 Oct 2010, 14:29
Revenir en haut Aller en bas
Aeilan
Aeilan
{ Membre }
{ Membre }

Féminin Messages : 26



Bannière qui touche les bords Empty
Salut, c'est peut-être ton écran moi je sais qu'avec mon forum ça marchait très bien jusqu'à ce que j'opte pour un 19" malheureusement je n'ai pas trouver comment y remédier Mad
MessageSujet: Re: Bannière qui touche les bords   Bannière qui touche les bords EmptyMar 12 Oct 2010, 06:33
Revenir en haut Aller en bas
Great
{ Membre }
{ Membre }

Masculin Messages : 6



Bannière qui touche les bords Empty
    J'ai ce code-ci moi :

    Code:
    .bodyline {
    min-width: 80%;
    width: 80%;
    padding-left: 0px !important;
    padding-right: 0px !important;
    }

MessageSujet: Re: Bannière qui touche les bords   Bannière qui touche les bords EmptyMar 12 Oct 2010, 07:41
Revenir en haut Aller en bas
http://jokies.net
Usa-tan
Usa-tan
{ Membre }
{ Membre }

Féminin Messages : 21



Bannière qui touche les bords Empty

Merci de m'aider *-*
Oui bien sûr, voici tout mon css, c'est un peu fouillis me semble-t-il ;
Spoiler:
MessageSujet: Re: Bannière qui touche les bords   Bannière qui touche les bords EmptyMar 12 Oct 2010, 08:20
Revenir en haut Aller en bas
http://jokies.net
Usa-tan
Usa-tan
{ Membre }
{ Membre }

Féminin Messages : 21



Bannière qui touche les bords Empty


Huuu, petit up ? ^^"
Problème difficile je vous l'accorde, si vous n'y arrivez pas ce n'est pas grave
MessageSujet: Re: Bannière qui touche les bords   Bannière qui touche les bords EmptySam 16 Oct 2010, 15:26
Revenir en haut Aller en bas
iowan
iowan
{ Membre actif }
{ Membre actif }

Masculin Messages : 304



Bannière qui touche les bords Empty
salut, si j'ai compris bien tu veux élargir ton forum du cotés c ca

ajoute ce code dans le css de ton forum

Code:

.bodylinewidth{
    width: auto !important;
}
MessageSujet: Re: Bannière qui touche les bords   Bannière qui touche les bords EmptySam 16 Oct 2010, 21:34
Revenir en haut Aller en bas
Hortie
Hortie
{ Membre actif }
{ Membre actif }

Féminin Messages : 660



Bannière qui touche les bords Empty
Bonjour,

Je rappelle que comme indiqué dans le règlement de CSS actif, les Ups sont strictement interdit. La prochaine fois ce sera un avertissement. Merci d'en prendre compte Wink
MessageSujet: Re: Bannière qui touche les bords   Bannière qui touche les bords EmptyDim 17 Oct 2010, 01:29
Revenir en haut Aller en bas
http://jokies.net
Usa-tan
Usa-tan
{ Membre }
{ Membre }

Féminin Messages : 21



Bannière qui touche les bords Empty

Oups, excusez moi, ça m'était totalement sorti de la tête, je n'uperais plus *lève la main droite*

Et bien non, là, ça élargie totalement, alors que ce que je voudrais, c'est ce que ces bords là disparaissent pour que le header soit totalement collé au bord du forum. Et les codes précédent ne m'ont aidé que pour le top & bottom (alors que j'en ai besoin pour left & right)
MessageSujet: Re: Bannière qui touche les bords   Bannière qui touche les bords EmptyDim 17 Oct 2010, 09:19
Revenir en haut Aller en bas
iowan
iowan
{ Membre actif }
{ Membre actif }

Masculin Messages : 304



Bannière qui touche les bords Empty
essaye ce code

Code:

.bodyline{
    padding:0;
}

MessageSujet: Re: Bannière qui touche les bords   Bannière qui touche les bords EmptyDim 17 Oct 2010, 09:40
Revenir en haut Aller en bas
http://jokies.net
Usa-tan
Usa-tan
{ Membre }
{ Membre }

Féminin Messages : 21



Bannière qui touche les bords Empty

Toujours pas.
C'est désespérant mais ça ne fonctionne toujours pas ^^"
MessageSujet: Re: Bannière qui touche les bords   Bannière qui touche les bords EmptyDim 17 Oct 2010, 11:20
Revenir en haut Aller en bas
Radimir
{ Membre actif }
{ Membre actif }

Masculin Messages : 459



Bannière qui touche les bords Empty
Tu as essayé d'ajouté cela à ton css ? Je n'ai pas tout suivit je l'avoue , mais si tu pouvais me fournir ta bannière et le css en entier je pense pouvoir régler cela ><

Code:
display:block;
MessageSujet: Re: Bannière qui touche les bords   Bannière qui touche les bords EmptyDim 17 Oct 2010, 12:07
Revenir en haut Aller en bas
http://jokies.net
Usa-tan
Usa-tan
{ Membre }
{ Membre }

Féminin Messages : 21



Bannière qui touche les bords Empty
Oh, merci beaucoup !
Alors voici la bannière ; Clic clic clic

Quand au CSS ;
Code:
.bodyline{
border-right: 10px solid #000000;
border-left: 10px solid #000000;
}

body { cursor: crosshair }
a:hover { cursor:ne-resize; }

textarea, .textarea.post, input.post
{
-moz-border-radius:20px;
}

a {
font-variant: small-caps;
}
a { text-decoration: none; }
a:hover { letter-spacing: 1px; }
a:link {text-decoration: none;}
a:hover{text-decoration: none !important;}
a { text-decoration: none; }
a:link { text-decoration: none; }
a:hover { text-decoration: none; }
a:hover {
font-variant : small-caps;
}



/* QEEL PERSONNALISE */
.barre1{
background-color:#FFFFFF;border: 1px #000000 dotted;
-moz-border-radius : 5px 5px 5px 5px;
height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
font-size:15px;font-weight: bold;text-align:left;
text-decoration: none !important;
height:auto}

.statistiques{
border:1px;
background-repeat: no-repeat;
background-position: center;
height:200px;}

.groupes{
background-color:#FFFFFF;border: 1px #000000 dotted;
-moz-border-radius : 5px 5px 5px 5px;
height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
font-size:15px;font-weight: bold;text-align:center;
text-decoration: none !important;
height:auto}



* Arrondis de différents boutons */
.liteoption{
  -moz-border-radius-topright: 8px;
  -moz-border-radius-bottomright: 8px;
  -moz-border-radius-bottomleft: 8px;
  -moz-border-radius-topleft: 8px;
  -webkit-border-top-right-radius: 8px;
  -webkit-border-bottom-right-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -webkit-border-top-left-radius: 8px;
  border-left: 2px #e5bbbb solid;
  border-bottom: 2px #e5bbbb solid;
  border-top: 2px #e5bbbb solid;
  border-right: 2px #e5bbbb solid;
}

.mainoption{
 -moz-border-radius-topright: 8px;
  -moz-border-radius-bottomright: 8px;
  -moz-border-radius-bottomleft: 8px;
  -moz-border-radius-topleft: 8px;
  -webkit-border-top-right-radius: 8px;
  -webkit-border-bottom-right-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -webkit-border-top-left-radius: 8px;
  border-left: 2px #000000 solid;
  border-bottom: 2px #000000 solid;
  border-top: 2px #000000 solid;
  border-right: 2px #000000 solid;
}

.button2{
 -moz-border-radius-topright: 8px;
  -moz-border-radius-bottomright: 8px;
  -moz-border-radius-bottomleft: 8px;
  -moz-border-radius-topleft: 8px;
  -webkit-border-top-right-radius: 8px;
  -webkit-border-bottom-right-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -webkit-border-top-left-radius: 8px;
  border-left: 2px #000000 solid;
  border-bottom: 2px #000000 solid;
  border-top: 2px #000000 solid;
  border-right: 2px #000000 solid;
}

#text_editor_textarea{
-moz-border-radius-topright: 8px;
  -moz-border-radius-bottomright: 8px;
  -moz-border-radius-bottomleft: 8px;
  -moz-border-radius-topleft: 8px;
  -webkit-border-top-right-radius: 8px;
  -webkit-border-bottom-right-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -webkit-border-top-left-radius: 8px;
  border-left: 2px #000000 solid;
  border-bottom: 2px #000000 solid;
  border-top: 2px #000000 solid;
  border-right: 2px #000000 solid;
}

.bodylinewidth {width:60%;}






.title {
font-family:times;
font-size:30px;
letter-spacing:-3px;
word-spacing:2px;
border-bottom: 1px dotted #000000;
text-shadow: 1px 1px 1px;
color:#000000; }

.subtitle {
font-family:times;
font-size:17px;
font-weight:bold;
text-transform:lowercase;
letter-spacing:5px;
word-spacing:2px;
border-bottom: 1px dashed #000000;
text-shadow: 1px 1px 1px;
color:#000000;
padding-bottom:2px;
text-align:right;
padding-right:10px;
margin-bottom:3px;
margin-right:5px;
margin-left:5px; }

.subtitle2 {
font-family:times;
font-size:17px;
font-weight:bold;
text-transform:lowercase;
letter-spacing:5px;
word-spacing:2px;
border-bottom: 1px dashed #000000;
text-shadow: 1px 1px 1px;
color:#000000;
padding-bottom:2px;
text-align:right;
padding-right:10px;
margin-bottom:3px;
margin-right:5px;
margin-left:5px; }

.contenu {
font-family:verdana;
text-align:justify;
color:#282036;
font-size:11px;
margin-right:5px;
margin-left:5px;
padding:6px;
border:1px solid #000000; }

.contenu2 {
font-family:verdana;
text-align:justify;
color:#670404;
font-size:11px;
margin-right:5px;
margin-left:5px;
padding:6px;
border:1px solid #000000; }



.bodylinewidth {width:60% !important;}



div.navigu
{border-left: 9px solid #000000;
border-right: 9px solid #000000;
border-bottom: 1px dotted #000000;
border-top: 1px dotted #000000;
-moz-border-radius:40px;
background-color: #FFFFFF;
text-align: center;}



html body .atelier-infos{
  position:absolute;
  right:25px;
  top:450px;
  background:#FFF;
  width:150px;
  padding:5px;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  border:2px dotted #000000;
  font-size:13px;
  font-family: Times new roman ;
  color:#444444;
  text-align:justify;
  line-height:16px;
  overflow:hidden;
}

html body .atelier-infos p{
  margin:0;
}

html body .atelier-infos img{
  display:inline-block;
  margin:0 auto;
  text-align:center; 
}



#i_logo{
margin-left: -30px;
margin-right: -30px;
}

body
{
margin-top:-20px;
margin-bottom:-30px;
}

display:block;
MessageSujet: Re: Bannière qui touche les bords   Bannière qui touche les bords EmptyDim 17 Oct 2010, 13:24
Revenir en haut Aller en bas
iowan
iowan
{ Membre actif }
{ Membre actif }

Masculin Messages : 304



Bannière qui touche les bords Empty
o_o c'est le padding du class bodyline qui a mis les espace dans les cotes de ta banniere

essaye avec ce code (met le a la fin de ton css)

Code:


.bodyline{
    padding: 0 !important;
}
MessageSujet: Re: Bannière qui touche les bords   Bannière qui touche les bords EmptyDim 17 Oct 2010, 14:17
Revenir en haut Aller en bas
http://jokies.net
Usa-tan
Usa-tan
{ Membre }
{ Membre }

Féminin Messages : 21



Bannière qui touche les bords Empty

Je l'ai ajouté, et toujours rien 0_0
MessageSujet: Re: Bannière qui touche les bords   Bannière qui touche les bords EmptyDim 17 Oct 2010, 14:22
Revenir en haut Aller en bas
Aeilan
Aeilan
{ Membre }
{ Membre }

Féminin Messages : 26



Bannière qui touche les bords Empty
Chez mon fiancé ton forum et le mien sont parfait pour preuve:

Spoiler:

Alors que chez moi avec mon écran 19 pouce ça ne touche pas les bords droit et gauche ! Je pense vraiment que c'est une histoire de taille d'écran et non pas de code css, après à savoir si on peut trouver un code css qui permet de faire l'effet désirer sur TOUTES les tailles d'écran.
MessageSujet: Re: Bannière qui touche les bords   Bannière qui touche les bords EmptyLun 18 Oct 2010, 11:36
Revenir en haut Aller en bas
http://jokies.net
Usa-tan
Usa-tan
{ Membre }
{ Membre }

Féminin Messages : 21



Bannière qui touche les bords Empty

Hm, problème résolu alors, si le soucis vient de la taille de mon écran =3
MessageSujet: Re: Bannière qui touche les bords   Bannière qui touche les bords EmptyVen 22 Oct 2010, 16:07
Revenir en haut Aller en bas
http://kobehs.chocoforum.net
Liliana
Liliana
{ Membre actif }
{ Membre actif }

Féminin Messages : 997



Bannière qui touche les bords Empty
Bonsoir;

Si ton forum est en pourcentage, il est normal que tout le monde ne voit pas la même chose. Si tu veux que ta bannière se colle aux bordures et que tout le monde la voit correctement; tu dois passer la taille de ton forum en pixels :
Panneau admin >> Généralité >> Configuration : taille du forum "800px"
Et dans ton CSS tu mets ceci :

Code:
.bodyline
{border-right: 10px solid #000000;
border-left: 10px solid #000000;
padding: 0px;}

body
{margin-top: 0px;
margin-bottom: -25px;}

#i_logo
{margin-top:-1px;}


Normalement ça devrait marcher; peut importe la résolution de l'écran puisque de toute façon le forum sera a une taille fixe Wink
MessageSujet: Re: Bannière qui touche les bords   Bannière qui touche les bords EmptyVen 22 Oct 2010, 17:51
Revenir en haut Aller en bas
Contenu sponsorisé




Bannière qui touche les bords Empty
MessageSujet: Re: Bannière qui touche les bords   Bannière qui touche les bords Empty
Revenir en haut Aller en bas
 

Bannière qui touche les bords

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Header collé aux bords
» » Spoilers aux bords arrondis
» Arrondir des bords de catégorie
» Comment arrondir les bords d'un tableau ?
» [Résolu] Problème avec les bords (Arrondir)

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-
ChatBox
:
AccueilAccueil  RechercherRechercher  Dernières imagesDernières images  Connexion  S'enregistrerS'enregistrer  

Partenaires Or

← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Forum gratuit