Forum Clubic

Probleme webmaster : rendu FF, opera, Webkit, IE

Boujour e toutes et tous,

le probleme en image :!
http://www.justinbacle.com/docs/ieff.jpg

quand on va sur mon site avec opera (comme moi) et j’ai essayé avec un rendu Webkit (Lunascape)
on a pas de cadres autour des photos donc c’est bon .

quand on y va avec Firefox ou IE
il y a des cadres et pour des raisons purement artistiques JE DETESTE çA !

Y a t’il une solution ?

infos :
Le site est visible ici : www.justinbacle.com
site créé avec Wordpress theme du net (stupid genius) modifié .

Merci de votre aide :smiley:
Edité le 09/12/2009 à 16:56

Pourtant je trouve ça pas mal les bordures…

  1. Vire les bordures sur les images -> certains navigateurs collent une bordure aux images dans les liens, et c’est le cas d’Fx et d’IE. Donc si tu appliques un, border-width sur l’image, ça partira
  2. Je ne suis pas sur que du coup le padding de 6x soit utile.

euh, dsl mais je ne parle que très peu CSS & HTML .
ton border-width je suppose qu’il faut que je le mette dans mon styles.css mais où?
je te mets mon styles.css dans le spoiler .
[spoiler]/*
Theme Name: StupidGenius
Theme URI: www.behindtherabbit.com…
Description: A white background theme, with no boxes and a full-width header. It comes in five different flavours: default, white, violet, green, red. To switch between colours, just comment/uncomment the corresponding lines in style.css.
Version: 3.3.3
Author: Cristiano M. Gaston
Author URI: www.behindtherabbit.com…
Tags: white, purple, green, red, fixed-width, two-columns

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php

*/

/* main styles */
body {margin:0; padding:0;}
a:link, a:visited {text-decoration:none;}
a:hover, a:active {text-decoration:underline;}
.entry a {letter-spacing:0.1em;}
#page {width:1000px; margin:0 auto; padding:0;}
#header {height:160px;}
#content {padding:20px; font-family: Verdana, Arial, Helvetica, sans-serif; margin-bottom:20px;}
.wide {margin:0 20px;}
.narrow {width: 560px; float:left;}
#sidebar {width:240px; float:right; padding:20px 0 0 20px; font-family:Arial,Helvetica, sans-serif; margin-bottom:20px;}
#footer {clear:both; margin: 0; padding:0; background:url(images/sfum.png) 0 0 repeat-x; border-top:1px solid #CCC;}
#footer p {color:#CCC; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding:5px; text-align:center;}
.infopage {text-align:right; font-size:11px; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; padding:3px; }

/* header */
#header h1 {margin:0; padding:80px 0 0 30px; font-size:30px; font-weight:normal; text-align:center; letter-spacing:0.8em; font-family:“Century Gothic”, Arial, Helvetica, sans-serif;}
#header a:link, #header a:visited, #header a:hover, #header a:active {text-decoration:none;}

/* posts… */
.post {padding:0;}
.post h1, .post h2 {font-family:“Trebuchet MS”, Arial, Helvetica, sans-serif; font-weight:normal; margin-bottom:0; clear:both;}
.post h1 {font-size:28px; text-align:center; margin-bottom:20px;}
.post h2 {font-size:22px;}
.post small {font-size:11px; padding:0; margin-top:0; color:#999;}
.entry {font-size:12px; line-height:20px; color:#333; padding-left:10px;}
.entry-page {border-left:10px solid #EEE; border-right:10px solid #EEE; font-size:12px; padding:0 10px; color:#333; line-height:22px;}
.entrytext {font-size:12px; border-left:10px solid #EEE; border-right:10px solid #EEE; padding:0 10px; color:#333; line-height:22px;}
.entry img, .entry-page img, .entrytext img {padding:5px; margin: 0px;}
img.wp-smiley {padding:0;}
.entry blockquote {font-size:11px;}
.postmetadata {font-size:10px; text-align:right; margin-bottom:30px; color:#333; clear:both; }
.more-link {border-bottom: 1px dotted #999; font-size:10px;}
a.more-link:hover, a.more-link:active {color:#069;}
a.more-link:link, a.more-link:visited {color:#900; text-decoration:none;}
a.more-link:hover, a.more-link:active {text-decoration:none; border-bottom:1px solid #999;}

.post .entry h1 {font-size:22px; text-align:left;}
.post .entry h2 {font-size:18px; text-align:left;}
.entry legend {font-family:“Trebuchet MS”, Arial, Helvetica, sans-serif; font-size:18px;}
th, td {padding:5px;}
cite {font-family:Georgia, “Times New Roman”, Times, serif;}

  • html pre {padding:5px 10px; background-color:#EEE; width:500px;}
    pre {overflow:scroll; padding:5px 10px; background-color:#EEE;}
    .no-result {text-align:center; border:1px solid #CCC; padding:10px 20px; background-color:#EEE; font-size:14px;}

.multipages {text-align:center; font-size:12px; color:#333;}
.attachment {text-align:center;}
.attachment img {border:5px solid #EEE; padding:5px;}
.caption {text-align:center; font-size:12px; color:#333}

/* …and comments */
#comments {font-family:“Trebuchet MS”, Arial, Helvetica, sans-serif;text-align:center; font-size:16px; padding-top:20px; color:#333; }
#commentform {padding-left:160px;}
#commentform p {font-size:11px;}
.commentlist {font-size:11px; line-height:16px; padding:0 50px;}
.commentlist li {padding: 15px 5px; margin-top:10px; border-top:1px solid #CCC;}
.commentlist cite {font-weight:bold; }
#respond {font-family:“Trebuchet MS”, Arial, Helvetica, sans-serif; font-size:14px; color:#333; font-weight:bold; margin-top:30px; text-align:center;}
.nocomments {text-align:center; padding:0 20px; font-size:11px; color:#999;}
.commenti-info {text-align:right; font-size:10px; clear:both;}
.commentlist li .avatar {float: right; border: 1px solid #eee; padding: 2px; background: #fff;}

/* sidebar */
#sidebar h2 {font-size:12px; font-family:“Trebuchet MS”; padding-left:6px; margin:10px 0;}
#sidebar h3 {font-size:12px; font-family:“Trebuchet MS”; color:#666; padding-left:6px; border-left:6px solid #EEE; margin:10px 0;}
#sidebar ul p, .textwidget {font-size:11px; padding-left:6px; border-left:6px solid #EEE; }
#sidebar ul {margin:0; padding:0; list-style-type:none;}
#sidebar ul li ul {font-size:11px; list-style-type:none; margin:0; padding:0;}
#sidebar ul li ul li {padding-left:6px; border-left:6px solid #EEE;}
#sidebar ul li ul li h3 {border:none; padding:0;}
#sidebar ul li ul li ul li {border:none;}
#searchform {text-align:center; }
#sidebar table {margin:0 auto; font-size:11px;}
.widget_recent_comments li {border-bottom:1px solid #DDD;}

/* other */
.navigation {text-align:center; font-size:11px; margin:0; padding:5px;}
.clear {clear: both;}

/* CSS STANDARD */
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto;}
.alignleft { float: left;}
.alignright { float: right;}
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px;}
.wp-caption img { margin: 0; padding: 0; border: 0 none;}
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0;}

/* COLOURS */

/* DEFAULT /
/

body {background:#FFF url(images/default.png) 0 30px repeat-x;}
a:link, a:visited {color:#3D787A;}
#header h1 {color:#FFF; text-shadow:#333 2px 2px 1px;}
#header a:link, #header a:visited, #header a:hover, #header a:active {color:#FFF;}
.post h1, .post h2 {color:#3D787A; text-shadow:#999 1px 1px 2px;}
#sidebar h2 {color:#3D787A; border-left:6px solid #5F9799; border-bottom: 1px solid #5F9799; background-color: #EFF4F4;}
#footer a:link, #footer a:visited {color:#B8D5D6;}
#footer a:hover, #footer a:active {color:#5F9799;}
.entry {border-left:8px solid #EEE; }
/
/
WHITE /
/

body {background:#FFF url(images/white.png) 0 30px repeat-x;}
a:link, a:visited {color:#666;}
.entry a {font-weight:bold;}
#header h1 {color:#333; text-shadow:#CCC 2px 2px 2px;}
#header a:link, #header a:visited, #header a:hover, #header a:active {color:#333;}
.post h1, .post h2 {color:#333; text-shadow:#999 1px 1px 2px;}
#sidebar h2 {color:#333; border-left:6px solid #666; border-bottom: 1px solid #666; background-color: #EEE;}
#footer a:link, #footer a:visited {color:#999;}
#footer a:hover, #footer a:active {color:#666;}
.entry {border-left:8px solid #EEE; }

*/

/* VIOLET /
/

body {background:#FFF url(images/violet.png) 0 30px repeat-x;}
a:link, a:visited {color:#BA54DA;}
#header h1 {color:#FFF; text-shadow:#000 2px 2px 1px;}
#header a:link, #header a:visited, #header a:hover, #header a:active {color:#FFF;}
.post h1, .post h2 {color:#E89FFF; text-shadow:#999 1px 1px 2px;}
#sidebar h2 {color:#BA54DA; border-left:6px solid #BA54DA; border-bottom: 1px solid #BA54DA; background-color: #F6DCFF;}
#footer a:link, #footer a:visited {color:#E89FFF;}
#footer a:hover, #footer a:active {color:#BA54DA;}
.entry {border-left:8px solid #F6DCFF;}
/
/
GREEN */

body {background:#FFF url(images/green.png) 0 30px repeat-x;}
a:link, a:visited {color:#666;}
.entry a {font-weight:bold;}
#header h1 {color:#333; text-shadow:#CCC 2px 2px 2px;}
#header a:link, #header a:visited, #header a:hover, #header a:active {color:#333;}
.post h1, .post h2 {color:#333; text-shadow:#999 1px 1px 2px;}
#sidebar h2 {color:#333; border-left:6px solid #666; border-bottom: 1px solid #666; background-color: #EEE;}
#footer a:link, #footer a:visited {color:#999;}
#footer a:hover, #footer a:active {color:#666;}
.entry {border-left:8px solid #EEE; }

/* RED /
/

body {background:#FFF url(images/red.png) 0 30px repeat-x;}
a:link, a:visited {color:#C20709;}
#header h1 {color:#FFF; text-shadow:#000 2px 2px 1px;}
#header a:link, #header a:visited, #header a:hover, #header a:active {color:#FFF;}
.post h1, .post h2 {color:#C20709; text-shadow:#999 1px 1px 2px;}
#sidebar h2 {color:#C20709; border-left:6px solid #E03E3F; border-bottom: 1px solid #E03E3F; background-color: #F3F3F3;}
#footer a:link, #footer a:visited {color:#FF7D7D;}
#footer a:hover, #footer a:active {color:#C20709;}
.entry {border-left:8px solid #FEEEEE; }
*/[/spoiler]

merci pour ta réponse rapide et qui me donne un bout de piste .

petit up .

Essaye genre a img {border-width: 0;}

merci bien , j’ai mis img {border-width: 0;} au début et ça marche !

merci beaucoup