salve ragazzi, mi sapete dire come mai con questo css:
codice PHP:
* {
padding:0;
margin:0;
outline:0;
}
body {
font-size:12px;
font-family:Arial, "Trebuchet MS", sans-serif;
background:#33FFFF;
color:#000000;
}
a {
color:#816969;
text-decoration:underline;
}
a:hover {
color:#816969;
text-decoration:none;
}
.cl, .clear {
display:block;
height:0;
font-size:0;
line-height:0;
text-indent:-4000px;
clear:both;
}
.shell {
width:881px;
padding-left:51px;
margin:0 auto;
}
input, textarea, select {
font-family:Arial, Helvetica, Sans-Serif;
font-size:11px;
}
h3 {
font-family:"Trebuchet MS", Arial, Sans-Serif;
font-size:25px;
color:#575957;
padding-bottom:5px;
}
#header {
background:#eaeaea;
height:80px;
}
#logo {
float:left;
font-size:22px;
padding-top:20px;
}
#logo a {
color:#000;
text-decoration:none;
}
#logo a span {
display:block;
text-align:right;
font-size:12px;
font-weight:normal;
color:#484949;
}
#header .socials {
float:right;
padding-top:29px;
padding-right:2px;
}
#header .socials a {
width:32px;
height:32px;
float:left;
font-size:0;
line-height:0;
text-indent:-4000px;
margin-left:8px;
}
#header .socials a.link-twitter {
background:url(images/it.png);
}
#header .socials a.link-linkedin {
background:url(images/ing.png);
}
#header .socials a.link-facebook {
background:url(images/tedesco.png);
}
#header .socials a.link-flickr {
background:url(images/link-flickr.gif);
}
#navigation, #navigation .shell {
background:url(images/navigation.gif) left top repeat-x;
height:53px;
}
#navigation .shell {
overflow:hidden;
width:878px;
padding:1px 8px 0 53px;
position:relative;
}
#navigation ul {
list-style:none;
padding:0 1px 0 0;
#background:url(images/navigation-separator.gif) right top no-repeat;
}
#navigation ul li {
float:left;
#background:url(images/navigation-separator.gif) left top no-repeat;
padding-left:1px;
height:52px;
line-height:52px;
}
#navigation ul li a {
float:left;
height:47px;
line-height:47px;
padding:3px 17px 0 20px;
font-weight:bold;
color:#fff;
text-decoration:none;
}
#navigation ul li a:hover, #navigation ul li a.active {
background-color:#748cb4;
}
#search {
position:absolute;
width: 202px;
margin:10px 1px 0 0;
right:8px;
background:#1a731a;
border:1px solid #67b86e;
}
#search form {
}
#search .field {
float:left;
color:#c6ddc0;
background:#1a731a;
border:0;
width:140px;
padding:10px 17px 5px 16px;
}
#search .submit {
border:0;
cursor:pointer;
background:url(images/search-submit.gif);
width:18px;
height:28px;
float:left;
margin-right:9px;
}
#intro {
background:url(images/intro.gif) left top repeat-x;
}
#intro .shell {
background:url(images/intro-slider.jpg) left 289px no-repeat;
height:376px;
overflow:hidden;
padding:14px 0 0 82px;
width:918px;
position:relative;
}
.slider-holder {
width:800px;
height:315px;
position:relative;
}
.slider-holder ul, .slider-holder .jcarousel-clip {
width:800px;
height:313px;
overflow:hidden;
position:relative;
z-index:10;
}
.slider-holder ul li {
width:800px;
height:313px;
position:relative;
}
.slider-holder ul li .post-image {
position:absolute;
top:0;
left:0;
z-index:11;
}
.slider-holder ul li .post-data {
position:absolute;
left:4px;
bottom:16px;
height:66px;
width:800px;
background:url(images/transparent-70.png) repeat 0 0;
z-index:12;
}
.slider-holder ul li .post-data h2 {
padding:16px 0 0 30px;
font-size:20px;
float:left;
color:#fff;
}
.slider-holder ul li .post-data h2 a {
color:#fff;
}
.slider-holder .buttons {
float:right;
padding:8px 32px 0 0;
}
.slider-holder .buttons a, .slider-holder .buttons a span {
float:left;
font-size:11px;
color:#feffff;
height:38px;
line-height:38px;
background:url(images/intro-button.gif);
}
.slider-holder .buttons a {
background-position:left;
padding-left:17px;
text-decoration:none;
}
.slider-holder .buttons a span {
background-position:right;
padding-right:18px;
}
.slider-navigation {
position:absolute;
left:31px;
bottom:15px;
}
.slider-navigation ul {
list-style:none;
}
.slider-navigation ul li {
float:left;
padding-right:5px;
}
.slider-navigation ul li a {
float:left;
width:22px;
height:24px;
background:url(images/slider-navigation-normal.gif);
font-size:0;
line-height:0;
text-indent:-4000px;
}
.slider-navigation ul li a.active {
background:url(images/slider-navigation-active.gif);
}
.slider-frame {
z-index:15;
background:url(images/hole.png);
width:844px;
height:20px;
position:absolute;
left:-22px;
bottom:0;
}
#main {
border-bottom:1px solid #d5d7d3;
padding:13px 0 25px 0;
}
#main .shell {
width:937px;
padding-left:0;
}
.box {
float:left;
width:286px;
padding-right:18px;
}
.last-box {
padding-right:0;
}
#main .box .box-image {
padding-bottom:6px;
}
#main .box .box-image img {
#border:2px solid #c3c3c3;
}
#main .entry {
height:169px;
}
#main .box p {
line-height:18px;
padding-bottom:17px;
text-align:justify;
}
#main .partners ul {
list-style:none;
padding-top:2px;
}
#main .partners ul li {
background:url(images/li-border.gif) left bottom repeat-x;
padding-bottom:8px;
margin-bottom:7px;
}
#main .partners ul li a {
padding-left:14px;
background:url(images/ul-arrow.gif) left 2px no-repeat;
color:#035787;
text-decoration:none;
}
#main .partners ul li a:hover {
text-decoration:underline;
}
#main .blog-posts ul {
list-style:none;
position:relative;
top:-2px;
}
#main .blog-posts ul li {
background:url(images/li-border.gif) left bottom repeat-x;
line-height:18px;
color:#34616d;
padding-bottom:5px;
margin-bottom:5px;
}
#main .blog-posts ul li a {
color:#035787;
text-decoration:none;
}
#main .blog-posts ul li a:hover {
text-decoration:underline;
}
#main .blog-posts ul li p {
padding-bottom:0;
margin-bottom:0;
}
#main .buttons a, #main .buttons a span {
float:left;
height:32px;
line-height:32px;
text-decoration:none;
background:url(images/main-button.gif) left top;
}
#main .buttons a {
padding-left:12px;
font-size:10px;
color:#feffff;
}
#main .buttons a span {
padding-right:13px;
background-position:right;
}
.footer {
font-size:10px;
padding:8px 0;
}
.footer .shell {
width:919px;
padding-right:19px;
padding-left:0;
}
.footer, .footer a {
color:#969696;
text-decoration:none;
}
.footer p {
margin:0;
padding:0;
line-height:normal;
}
.footer .lf {
float:left;
}
.footer .rf {
float:right;
}
/* Posizione immagine */
#imagesx {
border: 2px solid #06317a;
float:left;
margin-right:10px;
padding:2px;
}
#image {
border: 2px solid #06317a;
margin-right:10px;
padding:2px;
}
tutto quello messo dentro in tag H3 su ie non si vede e negli altri browser me lo fa vedere come immagine? grazie
04-04-2012 20:52
