hola, tengo el siguiente codigo:
Código css:
Ver original.content{
width:271px;
height:auto;
border: 1px solid;
background-color: #eaecf5;
margin: 0 0 10px 7px;
}
h1{
font-family: Arial,Helvetica,sans-serif;
font-size: 16px;
padding:28px 0 0 20px;
}
span{
color:#1f497d;
font-weight: bolder;
}
.facts{
font-family: Arial,Helvetica,sans-serif;
font-size:15px;
padding:0 0 0 20px;
font-weight: bold;
}
ul{
padding: 0 0 0 20px;
list-style: none;
}
ul li {
/*background-image: url(../Nutrition+Facts/images/newexams/CostSheet_r3_c8.jpg);*/
padding: 0 0 5px 3px;
border-bottom: 1px solid;
margin: 0 18px 2px 0;
}
ul li .itemfacts{
margin: 0 0 0 1px;
color:#000;
float: left;
background: url(../Nutrition+Facts/images/newexams/time.png) 8px 6px no-repeat;
padding:4px 0 0 29px;
}
ul li .itemdetails{
text-align:right;
padding: 0 3px 0 0;
}
#duration{
background: url(../Nutrition+Facts/new_images/yellow_mail.png)8px 6px no-repeat;
background-repeat: no-repeat;
width:10%;
height:10%;
margin: 0 -10px 0 0;
}
.aclarations{
font-style: italic;
font-size:11px;
padding: 0 0 0 23px;
font-weight: bold;
}
.other{
float:inherit;
width:238px;
margin: 0 0 10px 17px;
border: 3px solid;
}
.other h1{
padding: 0 0 0 10px;
}
.other ul{
padding: 0 0 0 20px;
list-style: none;
}
.other ul li {
/*background-image: url(../Nutrition+Facts/images/newexams/CostSheet_r3_c8.jpg);*/
padding: 0 0 5px 3px;
border-bottom: 1px solid;
margin: 0 18px 2px 0;
}
.other ul li .itemleed{
margin: 0 0 0 1px;
color:#000;
float: left;
background: url(../Nutrition+Facts/images/newexams/time.png) 8px 6px no-repeat;
padding:4px 0 0 13px;
}
.other ul li .item{
text-align:right;
padding: 0 0 0 10px;
}
hr{
background: url(../Nutrition+Facts/images/stories/facts/bar2.png);
width:221px;
padding-top:10px;
}
y este es mi html:
Código html:
Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <link rel="stylesheet" type="text/css" href="style.css" media="screen" /> <script type="text/javascript"> function MM_swapImgRestore() {
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() {
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) {
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() {
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
<img src="images/stories/blank.jpg" width="570" height="1" />
sigue en la respuesta asi puedo poner todo