vorrei allineare a sinistra una tabella, spostandola dal bordo di un tot di pixel ... non ce la faccio;
probabilmente ci sono i file css che impongono dei dati che io non so dove andare a variare, Vi posto i codici della pagina e dei file css .... qualcuno che ne sa piu' di me, sicuramente c'è ... dove posso andare a parare ?
grazie in anticipo.
file htm:
<!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" lang="it">
<head>
<title>roberta ubaldi</title>
<meta http-equiv="Content-type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Content-Language" content="it" />
<meta name="Robots" content="All" />
<meta name="Keywords" content="artista, pittrice, quadri, opere, narni, terni, pittori contemporanei, arte, pittori italiani, italian painters, arte contemporanea, pittura contemporanea, Roberta, ubaldi, esposizioni, ossidazioni, lamiere ossidate" />
<link rel="stylesheet" href="_common/css/main.css" type="text/css" media="all">
<link href="imageMenu.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="_common/js/mootools.js"></script>
<script type="text/javascript" src="imageMenu.js"></script>
<style type="text/css">
.sfondoImg {
width: 100%;
height: 100%;
position: absolute;
padding: 0px;
z-index: -1;
top: 0%;
left: 0%;
}
.title {
color: red;
}
.footer {
display: inline;
position: absolute;
padding: 0px;
top: 93%;
left: 1%;
position: absolute;
}
.footer span {
font: 12px;
font-family: fantasy;
}
</style>
</head>
<body>
<img class="sfondoImg" src="./sfondo-index.jpg">
<div id="example">
<div id="imageMenu">
<ul>
<li class="profile"><a href="http://www.aaronbirchphotography.com">profile</a></li>
<li class="works"><a href="http://www.aaronbirchphotography.com">works</a></li>
<li class="exhibitions"><a href="http://www.aaronbirchphotography.com">exhibitions</a></li>
<li class="press"><a href="http://www.aaronbirchphotography.com">press</a></li>
<li class="contact"><a href="http://www.aaronbirchphotography.com">contact</a></li>
</ul>
</div>
<script type="text/javascript">
window.addEvent('domready', function(){
var myMenu = new ImageMenu($$('#imageMenu a'),{openWidth:310, border:2, onOpen:function(e,i){alert(e);}});
});
</script>
</div>
<br /><br /><br />
<table width="800" border="0">
<tr>
<th scope="col"><img src="file:///C|/Users/DANILO/Desktop/ARUBA-ROBERTA-MARZO-2011 - Copia/Roberta 129-small.jpg" width="400" height="267" /></th>
</tr>
<tr>
<td> </td>
</tr>
</table>
<br /><br /><br /><br /><br /><br /><br /><br />
</body>
</html>
file main.css
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
body { line-height: 1.5; background: #fff; margin:1.5em 0; }
/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }
/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }
body {
color: #797979;
font-family: Verdana, Arial;
font-size: 75%;
}
a {
color: #607293;
text-decoration: none;
}
a:hover {
color: #354158;
}
#container {
width: 500px;
margin: auto;
padding-top: 50px;
padding-bottom: 50px;
}
#container #logo {
background: url(../img/logo.gif) no-repeat top left;
height: 44px;
padding-bottom: 5px;
border-bottom: 1px solid #797979;
margin-bottom: 20px;
}
#container #logo h1 {
text-indent: -9999px;
}
#footer {
margin-top: 20px;
}
.nav {
float: right;
margin-top: -15px;
}
h2 {
font-size: 2.2em;
margin: 0;
border-bottom: 1px solid #797979;
margin-bottom: 5px;
color: #354158;
}
h3 {
font-size: 1.8em;
margin-top: 30px;
border-bottom: 1px solid #797979;
margin-bottom: 10px;
color: #607293;
}
h4 {
font-weight: bold;
}
.desc {
margin: -15px 0 40px 0;
}
.desc p {
margin-bottom: 10px;
}
.home .menuItem h3 {
font-size: 1.8em;
line-height: 1.0em;
float: none;
position: relative;
display: block;
border-bottom: none;
margin: 0;
}
.home .menuItem p {
margin-left: 0px;
margin-bottom: 0px;
position: relative;
display: block;
border-bottom: none;
}
.home .menuItem {
display: block;
position: relative;
padding-bottom: 5px;
padding-top: 5px;
color: #797979;
outline: none;
cursor: pointer;
height: 40px;
border-bottom: 1px solid #797979;
}
.home .menuItem:hover {
background-color: #f1f1f1;
}
.home h2 {
color: #354158;
margin-bottom: 0px;
}
.arrow {
font-size: 4em;
position: absolute;
right: 0px;
top: -16px;
color: #b9b9b9;
}
.home .menuItem:hover .arrow {
right: -4px;
}
.home h2 {
background: url(../img/mootools-plugins.gif) no-repeat top left;
width: 500px;
height: 40px;
text-indent: -9999px;
}
.home .imagemenu {
background: url(../img/nav-imagemenu.gif) no-repeat top left;
width: 500px;
height: 22px;
text-indent: -9999px;
}
.home .validate {
background: url(../img/nav-validate.gif) no-repeat top left;
width: 500px;
height: 22px;
text-indent: -9999px;
}
.home .lightbox {
background: url(../img/nav-lightbox.gif) no-repeat top left;
width: 500px;
height: 22px;
text-indent: -9999px;
}
.home .multibox {
background: url(../img/nav-multibox.gif) no-repeat top left;
width: 500px;
height: 22px;
text-indent: -9999px;
}
.home .slideshow {
background: url(../img/nav-slideshow.gif) no-repeat top left;
width: 500px;
height: 22px;
text-indent: -9999px;
}
.home .sortabletable {
background: url(../img/nav-sortabletable.gif) no-repeat top left;
width: 500px;
height: 22px;
text-indent: -9999px;
}
.home .slider {
background: url(../img/nav-slider.gif) no-repeat top left;
width: 500px;
height: 22px;
text-indent: -9999px;
}
.home .roundedcorners {
background: url(../img/nav-roundedcorners.gif) no-repeat top left;
width: 500px;
height: 22px;
text-indent: -9999px;
}
.home .pageloader {
background: url(../img/nav-pageloader.gif) no-repeat top left;
width: 500px;
height: 22px;
text-indent: -9999px;
}
h2.imagemenu {
background: url(../img/title-imagemenu.gif) no-repeat top left;
height: 30px;
text-indent: -9999px;
}
h2.validate {
background: url(../img/title-validate.gif) no-repeat top left;
height: 30px;
text-indent: -9999px;
}
h2.lightbox {
background: url(../img/title-lightbox.gif) no-repeat top left;
height: 30px;
text-indent: -9999px;
}
h2.multibox {
background: url(../img/title-multibox.gif) no-repeat top left;
height: 30px;
text-indent: -9999px;
}
h2.slideshow {
background: url(../img/title-slideshow.gif) no-repeat top left;
height: 30px;
text-indent: -9999px;
}
h2.sortabletable {
background: url(../img/title-sortabletable.gif) no-repeat top left;
height: 30px;
text-indent: -9999px;
}
h2.slider {
background: url(../img/title-slider.gif) no-repeat top left;
height: 30px;
text-indent: -9999px;
}
h2.roundedcorners {
background: url(../img/title-roundedcorners.gif) no-repeat top left;
height: 30px;
text-indent: -9999px;
}
h2.pageloader {
background: url(../img/title-pageloader.gif) no-repeat top left;
height: 30px;
text-indent: -9999px;
}
h3.example {
background: url(../img/heading-example.gif) no-repeat top left;
height: 30px;
text-indent: -9999px;
}
h3.features {
background: url(../img/heading-features.gif) no-repeat top left;
height: 30px;
text-indent: -9999px;
}
h3.usage {
background: url(../img/heading-usage.gif) no-repeat top left;
height: 30px;
text-indent: -9999px;
}
h3.options {
background: url(../img/heading-options.gif) no-repeat top left;
height: 30px;
text-indent: -9999px;
}
h3.compatibility {
background: url(../img/heading-browser.gif) no-repeat top left;
height: 30px;
text-indent: -9999px;
}
h3.requirements {
background: url(../img/heading-requirements.gif) no-repeat top left;
height: 30px;
text-indent: -9999px;
}
h3.downloads {
background: url(../img/heading-downloads.gif) no-repeat top left;
height: 30px;
text-indent: -9999px;
}
.version {
font-family: Courier;
font-size: 1em;
}
ul {
margin-left: 15px;
}
dt {
float: left;
}
dd {
margin-left: 150px;
margin-bottom: 10px;
}
.description {
margin-top: 10px;
}
code {
font-family: Courier;
}
#usage p {
margin: 10px 0px 5px 0px;
}
file imagemenu.css
/**************************************************************
Image Menu
v 2.2
**************************************************************/
#imageMenu {
position: relative;
width: 600px;
height: 60px;
overflow: hidden;
}
#imageMenu ul {
list-style: none;
margin: 0px;
display: block;
height: 200px;
width: 1000px;
}
#imageMenu ul li {
float: left;
}
#imageMenu ul li a {
text-indent: -1000px;
background:#FFFFFF none repeat scroll 0%;
border-right: 2px solid #fff;
cursor:pointer;
display:block;
overflow:hidden;
width: 125px;
height: 200px;
}
#imageMenu ul li.profile a {
background: url(images/profile.jpg) repeat scroll 0%;
}
#imageMenu ul li.works a {
background: url(images/works.jpg) repeat scroll 0%;
}
#imageMenu ul li.exhibitions a {
background: url(images/exhibitions.jpg) repeat scroll 0%;
}
#imageMenu ul li.press a {
background: url(images/press.jpg) repeat scroll 0%;
}
#imageMenu ul li.contact a {
background: url(images/contact.jpg) repeat scroll 0%;
width: 310px;
}
.clear {
clear: both;
}
/*************************************************************/
