Cadre disparu partiellement - BLOG4EVER *** Aide

Pas encore inscrit ?

Cadre disparu partiellement

Laurent G

Site/blog

175 messages

posté le 2011-10-14 à 11:41:00

Bonjour,
Le cadre (rouge) a disparu sur les cotès horizontaux et bas du blog.

Entre la colonne Menu et le contenu, il y avait aussi un filet rouge = disparu aussi.

( ça a disparu suite à ma tentative de changer le mot Articles du menu)

Merci si vous pouvez jeter un oeil ...

Laurent G. / AFPS Grenoble et Isère

PapyClic

Site/blog

7328 messages

posté le 2011-10-14 à 12:01:31

Laurent

ma tentative de changer le mot Articles du menu

Je ne vois le code... où est-il?

Dans ton CSS je ne vois pas non plus de bordure rouge ???

Je dois vieillir!!!

simon

Site/blog

3176 messages

posté le 2011-10-14 à 12:06:59

Laurent G

@

.article_blog_article
{
margin-top:20px;
padding-top:10px;
border-top:1px solid;
}
.articles_index_hr_fin_article
{
clear:none;
visibility:hidden;
}

Mais si le blog est gratuit il n'y a pas de bordures de page.

R.A.S dans le CSS. Je ne vois pas de bords rouges et la largeur est très importante.

Cent fois sur le métier remets ton ouvrage...
...Car c'est en forgeant qu'on devient forgeron

Laurent G

Site/blog

175 messages

posté le 2011-10-14 à 12:08:22

Le fond de la page est en blanc, et le cadre en rouge.
On ne voit plus ce rouge que seulement autour de la partie Haut...

Pourtant je n'ai pas touché au CSS, à part ma manip ratée dans bordure de page.
J'ai rétabli la bordure comme avant = manque le rouge....

* {margin: 0; padding: 0;}

body
{
background : #ffffff;
background-image : url(http://);
background-repeat : repeat;
color : #000000;
font-size : 10pt;
font-family : Arial;
text-align : left;
background-attachment : fixed;
}
#cadre
{
background : #CC0000;
background-image : url(http://);
background-repeat : repeat;
width : 1240px;
padding-top : 5px;
padding-left : 5px;
padding-right : 10px;
padding-bottom : 5px;
text-align : left;
margin : auto;
border : 1px solid #000000;
position : relative;
background-attachment : fixed;
}
#haut
{
background : #00CC00;
background-image : url(http://i63.servimg.com/u/f63/11/53/65/13/essai_14.jpg);
background-repeat : no-repeat;
height : 78px;
padding-top : 2px;
border-width : 3px;
border-style : solid;
border-color : #000000;
text-align : center;
background-attachment : fixed;
}
#haut h1 a
{
text-decoration : none;
font-size : 24pt;
font-family : Comic sans Ms;
}
a
{
color : #CC0000;
text-decoration : underline;
}
a:hover
{
color : #000000;
text-decoration : underline;
}
#barre
{
width : 830px;
height : 28px;
margin-top : 5px;
}
#barre ul
{
list-style-type : none;
}
#barre li
{
float : left;
}
#barre a
{
background : #009900;
color : #FFFFFF;
text-decoration : none;
width : 100px;
height : 23px;
margin-left : 2px;
border-width : 2px;
border-style : solid;
border-color : #000000;
text-align : center;
display : block;
}
#barre a:hover
{
background : #C5D5A7;
border : 1px solid #004000;
}
#menu
{
width : 270px;
float : left;
}
#menu ul
{
list-style-type : none;
}
#menu ul li
{
background : #FFFFFF;
width : 220px;
margin-top : 2px;
border-width : 2px;
border-style : solid;
border-color : #000000;
}
#menu ul li a
{
background : #FFFFFF;
color : #000000;
width : 220px;
font-size : 10pt;
font-family : Arial;
line-height : 25px;
}
#menu ul li a:hover
{
background : #00FF00;
color : #000000;
text-decoration : none;
}
#menu h2
{
background : #009900;
color : #ffffff;
width : 220px;
height : 25px;
font-size : 15px;
border-width : 2px;
border-style : solid;
border-color : #000000;
text-align : center;
}
#contenu
{
background : #FFFFFF;
color : #000000;
width : 1020px;
padding-top : 2px;
padding-left : 2px;
padding-right : 2px;
padding-bottom : 2px;
margin-top : 3px;
margin-left : 240px;
font-size : 10pt;
font-family : Trebuchet MS;
}
#contenu h3
{
background : #00CC00;
color : #FFFFFF;
width : 910px;
height : 25px;
padding-left : 15px;
padding-right : 40px;
margin-top : 10px;
margin-left : 10px;
margin-right : 10px;
margin-bottom : 15px;
font-size : 15px;
font-family : Trebuchet MS;
}
#contenu ul
{
list-style-type : square;
margin-left : 15px;
}
#contenu a
{
background : #FFFFFF;
color : #990000;
text-decoration : underline;
font-size : 11pt;
font-family : Arial;
}
#contenu a:hover
{
background : #e51900;
color : #000000;
text-decoration : none;
}
#bas
{
background : #EBEDAB;
margin : auto;
}
#spacer
{
height : 15px;
clear : both;
}
hr { margin:5px; height:1px; background-color:#000000;}
fieldset { border:0; }
* html #menu h2{width: 272px;}
#contenu ol {list-style-type: decimal;margin-left:25px;}

Laurent G. / AFPS Grenoble et Isère

Laurent G

Site/blog

175 messages

posté le 2011-10-14 à 12:15:17

Le blog est en Silver.
Oui la largeur est importante, mais ça marchait très bien avant.
Je n'avais rien fait de spécial pour qu'on voit ce filet rouge (autour de la colonne Menu, comme de la partie contenu )
Je vais essayer ce que ça donne en enlevant provisoirement mes ajouts en Bordure gauche...

Pas pigé, pas encore, où tu me conseilles de mettre ça=

.article_blog_article
{
margin-top:20px;
padding-top:10px;
border-top:1px solid;
}
.articles_index_hr_fin_article
{
clear:none;
visibility:hidden;
}

Laurent G. / AFPS Grenoble et Isère

Laurent G

Site/blog

175 messages

posté le 2011-10-14 à 12:18:02

effectivement, je viens d'enlever les trucs en bordure gauche =
le cadre rouge réapparait

Laurent G. / AFPS Grenoble et Isère

PapyClic

Site/blog

7328 messages

posté le 2011-10-14 à 12:22:20

...

Salut

, je ne comprends pas de que tu veux me montrer.

C'est un problème de largeur de menu, ou de fond, ou de marge gauche du contenu.

Laurent G

Site/blog

175 messages

posté le 2011-10-14 à 12:24:19

mais faut que je trouve moyen de rétablir ces vignettes dans les bordures, sans supprimer le fond du cadre en rouge .
Mes codes dans la bordure étaient =

 <a href="http://afps-grenoble-isere.blog4ever.com/blog/lire-article-263921-2433240-_palestine_a_l_onu_______appel_petition__l_etat_pa.html"><img src="http://static.blog4ever.com/2008/11/263921/artimage_263921_3514735_201107110638329.jpg" alt="" height="322" width="217"></a>   <big>   Flottille de la Liberté - 2011 </big> <a href="http://afps-grenoble-isere.blog4ever.com/blog/articles-cat-263921-509272-pour_gaza__flottille_de_la_liberte_2011.html"><img src="http://static.blog4ever.com/2008/11/263921/artfichier_263921_195595_201101024738693.jpg" alt="" border="0" height="239" width="217"></a>   <a href="http://afps-grenoble-isere.blog4ever.com/blog/articles-cat-263921-346596-campagne_internationale__bds____boycott__desinvest.html"><img style="width: 226px; height: 299px;" src="http://afps-grenoble-isere.blog4ever.com/blog/url_artimage-263921-2431135-340023.html" alt="" border="0" hspace="3" vspace="3"></a>  Autres affiches et visuels disponibles : <a href="http://afps-grenoble-isere.blog4ever.com/blog/lire-article-263921-1078872-affiches_affiches_____a_recuperer___a_reproduire___.html"><img style="width: 228px; height: 312px;" src="http://afps-grenoble-isere.blog4ever.com/blog/url_artimage-263921-2311858-354121.html" alt="" border="0"></a>           Les brochures de l'AFPS    <a style="font-family: Arial,Helvetica,sans-serif;"><img src="http://static.blog4ever.com/2008/11/263921/artimage_263921_2908935_20100901092771.jpg" alt="" height="327" width="229"> </a>     <a href="http://afps-grenoble-isere.blog4ever.com/blog/articles-cat-263921-352065-artistes_pour_la_palestine.html">Musiciens, artistes pour la Palestine</a>   <a href="http://afps-grenoble-isere.blog4ever.com/blog/articles-cat-263921-352065-artistes_pour_la_palestine.html"><img style="border: 0px;" onmouseover="this.src='http://images.supportduweb.com/bouttons.php?frm=2&btn_type=53&txt=Artistes%2C+musiques%2C++pour+la+Palestine'" onmouseout="this.src='http://images.supportduweb.com/bouttons.php?frm=1&btn_type=53&txt=Artistes%2C+musiques%2C++pour+la+Palestine';" src="http://images.supportduweb.com/bouttons.php?frm=1&btn_type=53&txt=Artistes%2C+musiques%2C++pour+la+Palestine" alt="Artistes%2C+musiques%2C++pour+la+Palestine" height="50" width="234"></a> <script type="text/javascript">// <![CDATA[img=new Image();img.src= "http://images.supportduweb.com/bouttons.php?frm=2&btn_type=53&txt=Artistes%2C+musiques%2C++pour+la+Palestine";// ]]></script>          <a href="http://afps-grenoble-isere.blog4ever.com/blog/index-263921.html">retour page ACCUEIL</a>   </div>

Laurent G. / AFPS Grenoble et Isère

Laurent G

Site/blog

175 messages

posté le 2011-10-14 à 12:48:16

J'ai rétabli ma bordure gauche, avec les vignettes (sous la colonne Menu)
Plus de problème , sauf quand je mets cette dernière partie ( je vais bien finir par trouver ce qui déconne... ) =

 <a href="http://afps-grenoble-isere.blog4ever.com/blog/articles-cat-263921-352065-artistes_pour_la_palestine.html">Musiciens, artistes pour la Palestine</a>   <a href="http://afps-grenoble-isere.blog4ever.com/blog/articles-cat-263921-352065-artistes_pour_la_palestine.html"><img style="border: 0px;" onmouseover="this.src='http://images.supportduweb.com/bouttons.php?frm=2&btn_type=53&txt=Artistes%2C+musiques%2C++pour+la+Palestine'" onmouseout="this.src='http://images.supportduweb.com/bouttons.php?frm=1&btn_type=53&txt=Artistes%2C+musiques%2C++pour+la+Palestine';" src="http://images.supportduweb.com/bouttons.php?frm=1&btn_type=53&txt=Artistes%2C+musiques%2C++pour+la+Palestine" alt="Artistes%2C+musiques%2C++pour+la+Palestine" height="50" width="234"></a> <script type="text/javascript">// <![CDATA[img=new Image();img.src= "http://images.supportduweb.com/bouttons.php?frm=2&btn_type=53&txt=Artistes%2C+musiques%2C++pour+la+Palestine";// ]]></script>          <a href="http://afps-grenoble-isere.blog4ever.com/blog/index-263921.html">retour page ACCUEIL</a>   </div>

Laurent G. / AFPS Grenoble et Isère

simon

Site/blog

3176 messages

posté le 2011-10-14 à 13:02:50

RE

Ben oui il y a des bordures de page: pourtant dans le profil c'est écrit blog gratuit

Le dernier code semble bon puisque les liens fonctionnent.
[quote]
 <a href="http://afps-grenoble-isere.blog4ever.com/blog/articles-cat-263921-352065-artistes_pour_la_palestine.html">Musiciens, artistes pour la Palestine</a>   <a href="http://afps-grenoble-isere.blog4ever.com/blog/articles-cat-263921-352065-artistes_pour_la_palestine.html"><img style="border: 0px;" onmouseover="this.src='http://images.supportduweb.com/bouttons.php?frm=2&btn_type=53&txt=Artistes%2C+musiques%2C++pour+la+Palestine'" onmouseout="this.src='http://images.supportduweb.com/bouttons.php?frm=1&btn_type=53&txt=Artistes%2C+musiques%2C++pour+la+Palestine';" src="http://images.supportduweb.com/bouttons.php?frm=1&btn_type=53&txt=Artistes%2C+musiques%2C++pour+la+Palestine" alt="Artistes%2C+musiques%2C++pour+la+Palestine" height="50" width="234"></a> <script type="text/javascript">// <![CDATA[img=new Image();img.src= "http://images.supportduweb.com/bouttons.php?frm=2&btn_type=53&txt=Artistes%2C+musiques%2C++pour+la+Palestine";// ]]></script>          <a href="http://afps-grenoble-isere.blog4ever.com/blog/index-263921.html">retour page ACCUEIL</a>   </div>[/quote]

Cent fois sur le métier remets ton ouvrage...
...Car c'est en forgeant qu'on devient forgeron

simon

Site/blog

3176 messages

posté le 2011-10-14 à 13:12:20

Je pensai que ce code pouvait gêner.

@Laurent: La largeur est très importante: je mettrai cadre: 1100px et contenu: 850px/
Ce n'est que mon avis.

Je vois que la bordure est rétablie.

Cent fois sur le métier remets ton ouvrage...
...Car c'est en forgeant qu'on devient forgeron

Laurent G

Site/blog

175 messages

posté le 2011-10-14 à 17:45:36

Je laiise comme c'est, pour le moment. Pour moi, sujet clos
Merci

Laurent G. / AFPS Grenoble et Isère

simon

Site/blog

3176 messages

posté le 2011-10-14 à 19:06:42

RE

Si tu es satisfait c'est le plus important.

Je ferme donc.

Cent fois sur le métier remets ton ouvrage...
...Car c'est en forgeant qu'on devient forgeron

Ce sujet est fermé, vous ne pouvez pas y répondre

Il faut être membre de ce forum pour ajouter un nouveau sujet ou répondre à un sujet, dans cette catégorie

Cliquez sur la carte :
dashboard ===> Nombre d'utilisateurs en ligne===> Nombre de personnes sur chaque page
lecteurs ===> Une liste des pages les plus consultées, avec le nombre de visiteur sur chaque page.
cartes ===>Le mode normal vous montre d'où viennent les visiteurs. Les cibles clignotent pour les personnes qui viennent de se connecter.
Historique :
lines => 24 h day ===>Un graphique des visiteurs durant les dernières 24 heures.
Recommander ce blog | Contacter l'auteur | Signaler un contenu | S'abonner au blog

| Espace de gestion | Annuaire des blogs

Forum

Articles

Newsletter

Sondage

Blogs intéressants

Statistiques