Aiutamici Forum
Benvenuto Ospite Cerca | Topic Attivi | Utenti | | Log In | Registra

spostare una tabella all'interno pagina Opzioni
danilo62
Inviato: Monday, April 04, 2011 12:33:03 PM
Rank: Member

Iscritto dal : 3/21/2011
Posts: 22
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>&nbsp;</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;
}

/*************************************************************/
Sponsor
Inviato: Monday, April 04, 2011 12:33:03 PM

 
Utenti presenti in questo topic
Guest


Salta al Forum
Aggiunta nuovi Topic disabilitata in questo forum.
Risposte disabilitate in questo forum.
Eliminazione tuoi Post disabilitata in questo forum.
Modifica dei tuoi post disabilitata in questo forum.
Creazione Sondaggi disabilitata in questo forum.
Voto ai sondaggi disabilitato in questo forum.

Main Forum RSS : RSS

Aiutamici Theme
Powered by Yet Another Forum.net versione 1.9.1.8 (NET v2.0) - 3/29/2008
Copyright © 2003-2008 Yet Another Forum.net. All rights reserved.