Salve,
avrei la necessità di inserire un modulo (slideshow) all'interno dell'header del mio template.
Il template è Age_of_Conan_LernVid.com che ho rivisitato come da link:
http://www.discomovida.it/site/Il problema è che in corrispondenza del riquadro bianco sulla dx (che ho messo io nell'immagine) vorrei far apparire un modulo.
Ho modificato l'index.php e il template.css ma riesco solo a spostarmi in orizzontale ma non in verticale (mi resta sempre sul top).
Qualcuno mi può aiutare?
Vi allego il css e l'index per chiarire meglio:
template.css
@charset "utf-8";
/*---------------------------------------------------
Desidgned by Juergen Koller
Designers Home: http://www.LernVid.com
---------------------------------------------------*/
html {
height : 101%;
}
body {
font-family: "Times New Roman", Times, Serif;
font-size: 12px;
color: #aaa;
background-color: #111;
background-image:url('../images/bg.jpg');
background-position:center center;}
#wrapper {
width:100%;
margin: 0 auto;
background-color: transparent;
}
#bg_up{
margin: 0 auto;
background-position:center center;
background-color: transparent;
background-image:url('../images/bg_up.jpg');
background-repeat:no-repeat;
background-position:center center;
}
#masthead_container {
height: 300px;
width: 100%;
background-color: transparent;
margin:auto;
}
div.masthead {
height: 300px;
width: 1000px;
margin:auto;
background-image:url('../images/header.jpg');
background-position: center center;
background-repeat:no-repeat;
background-color: transparent;
}
/* Im Container stellt man die Breite ein */
#container {
text-align:left;
width: 1000px;
padding: 0;
margin:auto;
background-image : url(../images/container.jpg);
background-position:center center;
}
#container2 {
text-align:left;
background-color: transparent;
margin:auto;
}
/* Suche */
#search {
float: right;
background-image: url(../images/search.gif);
background-repeat: no-repeat;
width: 297px;
height: 20px;
}
#search_inner {
margin: 2px 0 7px 45px;
}
#search_inner input,
#search_inner .inputbox {
float: left;
margin: 0;
border: none;
padding: 0;
border: 1px solid #444;
}
#search_inner .inputbox:hover {
color: #999;
}
/* Navigation oben quer */
#navigation {
background-image:url('../images/navigation.gif');
overflow: hidden;
height: 40px;
margin:auto;
text-align:center;
padding:0;
margin:0;
}
#user_modules1 {
width: 100%;
float:left;
margin: 0;
padding:0;
height: auto;
background-color: transparent;
border:none;
margin-bottom: 10px;
}
#user1 {
color: #000;
width: 48%;
float:left;
min-height: 100px;
border: 1px solid #444;
overflow:hidden;
margin-left: 1%;
background-image:url('../images/user_bg.jpg');
background-position: center center;
background-repeat: no-repeat;
}
#user2 {
color: #000;
width: 48%;
float:right;
min-height: 100px;
border: 1px solid #444;
overflow:hidden;
margin-right: 1%;
background-image:url('../images/user_bg.jpg');
background-position: center center;
background-repeat: no-repeat;
}
/* Schlagzeilen */
#top {
width: 98%;
float:left;
padding: 0;
margin:0 auto;
border: 1px solid #444;
margin-left: 1%;
margin-right: 1%;
margin-bottom: 5px;
background-image:url('../images/user_bg.jpg');
background-position: center center;
background-repeat: no-repeat;
}
#page_content {
padding: 0px;
margin: 0px;
width: 100%;
padding-bottom: 10px;
}
/* Breite der linken Sidebar 170 */
#sidebar_left {
position: relative;
float: left;
width: 176px;
background-color: transparent;
padding:0 2px 20px 2px;
margin: 0 5px 5px 5px;
}
/* Breite der rechten Sidebar 170 */
#sidebar_right {
position: relative;
float: right;
width: 176px;
background-color: transparent;
padding:0 0px 20px 2px;
margin: 0 5px 5px 5px;
}
/* content_outleft + content_outleft + content_outleft steuern das margin left und right via phpscript in der index.php */
#content_outleft {
margin: 0 0 0 190px;
}
#content_outmiddle {
margin: 0 190px;
}
#content_outright {
margin: 0 190px 0 0;
}
#content {
float:left;
padding: 10px;
padding-bottom: 30px;
min-height: 400px;
width: 97%;
border: 1px solid #444;
background-image : url(../images/content.jpg);
background-position:center center;
}
#content_up {
width: 100%;
height: 20px;
padding:0;
margin:5px 0 5px 0;
}
#content_up_left {
float: left;
background-color: transparent;
background-image:url('../images/content_up_left.gif');
background-repeat: repeat-x;
width: 100%;
height: 20px;
padding:0;
margin:0;
}
#content_up_right {
background-color: transparent;
background-image:url('../images/content_up_right.gif');
background-position: right center;
background-repeat:no-repeat;
float:right;
width: 197px;
height: 20px;
padding:0;
margin:0;
}
#content_down {
width: 100%;
height: 20px;
margin:5px 0 5px 0;
padding:0;
}
#content_down_left {
float: left;
background-color: transparent;
background-image:url('../images/content_down_left.gif');
background-repeat: repeat-x;
width: 100%;
height: 20px;
padding:0;
margin:0;
}
#content_down_right {
background-color: transparent;
background-image:url('../images/content_down_right.gif');
background-position: right center;
background-repeat:no-repeat;
float:right;
width: 170px;
height: 20px;
padding:0;
margin:0;
}
#breadcrumbs {
color:#637BD1;
float:left;
height: 20px;
line-height:12px;
width: auto;
max-width: 700px;
overflow : hidden;
font-weight : normal;
font-variant : small-caps;
margin: 2px 0 0 50px;
padding: 0;
}
#breadcrumbs span {
padding:0;
}
#breadcrumbs a {
color: #666;
text-decoration : none;
}
#breadcrumbs a:hover {
color: #637BD1;
text-decoration : none;
}
.clr {
clear:both;
}
#user_modules2 {
float:left;
margin: 0;
padding:0;
width: 92%;
height: auto;
margin-top: 20px;
margin-bottom: 20px;
background-color: transparent;
margin: 0 4% 20px 4%;
}
#user5 {
color: #000;
width:45%;
float:left;
min-height: 100px;
text-align:left;
height: auto;
border: 1px solid #444;
padding:0;
overflow:hidden;
background-image:url('../images/user_bg.jpg');
background-position: center center;
background-repeat: no-repeat;
}
#user6 {
color: #000;
width:45%;
float:right;
min-height: 100px;
text-align:left;
height: auto;
border: 1px solid #444;
padding: 0;
overflow:hidden;
background-image:url('../images/user_bg.jpg');
background-position: center center;
background-repeat: no-repeat;
}
#footer {
color: #000;
clear: both;
width: 100%;
height: 130px;
overflow: hidden;
padding: 7px 0 7px 0;
text-align:center;
overflow:hidden;
background-image:url('../images/footer.png');
background-position: center center;
background-repeat:no-repeat;
}
#footer p {
font-size: x-small;
}
#footer a {
border:none;
color: #888;
text-decoration: underline;
}
#footer a:hover {
text-decoration: none;
}
#copyright_info {
clear: both;
font-size: 10px;
padding:0;
margin:0;
text-align:center;
overflow:hidden;
}
#copyright_info p {
color: #000;
font-size: 10px;
padding: 5px 20px 5px 20px;
margin:0;
text-align:center;
}
#designed_by {
clear: both;
padding:0;
margin:0;
text-align:center;
background-image:url('../images/designed_by.jpg');
background-position: center;
background-repeat:no-repeat;
}
#designed_by p {
color: #444;
font-size: 9px;
margin:0;
text-align:center;
}
#designed_by a {
color: #444;
text-decoration:none;
}
#designed_by a:hover {
color: #637BD1;
}
#date {
text-align: center;
font-size:11px;
width: auto;
background-color: transparent;
height: 50px;
line-height:50px;
overflow:hidden;
}
#date p {
color: #000;
font-size:11px;
width: 180px;
height: 15px;
line-height: 15px;
margin: 0 auto;
margin-top:8px;
letter-spacing: 3px;
}
h1,h2,h3,h4,h5,h6 {
text-decoration:underline;
font-family: Arial, Helvetica, Sans-Serif;
}
ul, ol, li {
margin : 0;
padding : 0;
}
ul, ol {
margin : 10px 0;
padding-left : 10px;
}
ol li {
list-style-type : decimal;
line-height : 14px;
}
ul {
margin : 5px;
padding : 2px;
list-style : none;
}
li {
text-align : left;
line-height : 14px;
padding-left : 18px;
background-image : url(../images/list.png);
background-repeat : no-repeat;
background-position : 0 2px;
list-style-type : none;
}
li:hover {
text-align : left;
line-height : 14px;
padding-left : 18px;
background-position : 0 2px;
background-image : url(../images/list_hover.png);
background-repeat : no-repeat;
}
td {
text-align : left;
margin : 0;
padding : 0;
}
a, a:link, a:visited, a:active, a:focus {
color: #FF9900;
outline : none;
text-decoration : none;
}
a:hover {
color: #CC6600;
text-decoration : underline;
}
table.contentpaneopen {
width : 98%;
padding : 2px;
margin : 2px;
}
table.contentpane {
width : 98%;
padding : 6px;
margin : 6px;
}
table.searchinto {
width : 100%;
}
table.moduletable {
width : 100%;
margin : 0;
padding : 0;
}
/* sitetitle, menu_oben, top, rechts menü */
div.moduletable {
margin-bottom: 10px;
padding-bottom : 10px;
text-align: center;
overflow: hidden;
}
div.moduletable_text {
margin-bottom: 10px;
padding-bottom : 10px;
text-align: center;
overflow: hidden;
}
#sidebar_left div.moduletable_text, #sidebar_left div.moduletable, #sidebar_right div.moduletable_text, #sidebar_right div.moduletable {
margin-bottom: 10px;
padding-bottom : 10px;
text-align: center;
overflow: hidden;
background-image : url(../images/module_bg.gif);
background-repeat:no-repeat;
background-position:center bottom;
}
div.banneritem_text {
padding: 0 3px 0 3px;
margin: 0;
text-align:center;
overflow: hidden;
}
.style_bold {
font-weight: bold;
}
.style_italic {
font-style: italic;
}
#top div.moduletable h3, #user1 div.moduletable h3, #user2 div.moduletable h3, #user5 div.moduletable h3, #user6 div.moduletable h3 {
background-image : url(../images/user_h3.gif);
background-repeat : repeat-x;
color: #fff;
text-align : left;
height : 30px;
line-height : 30px;
padding:0;
margin :0;
padding-left: 48px;
overflow : hidden;
font-weight:normal;
border:none;
font-size : 14px;
font-variant:normal;
text-decoration: none;
}
/* z.b. modul werbung*/
table.moduletable th, .moduletable_text h3 {
color: #fff;
text-align : left;
font-weight : bold;
height : 36px;
line-height : 36px;
font-size : 16px;
margin :0;
overflow : hidden;
margin-bottom: 2px;
text-indent: 10px;
padding:0;
margin-bottom: 10px;
font-variant:small-caps;
text-decoration: none;
background-image : url(../images/module_h3.gif);
background-repeat:no-repeat;
}
div.moduletable h3{
color: #fff;
text-align : left;
font-weight : bold;
height : 36px;
line-height : 36px;
font-size : 16px;
padding:0;
margin :0;
margin-bottom: 10px;
overflow : hidden;
text-indent: 10px;
font-variant:small-caps;
text-decoration: none;
background-image : url(../images/module_h3.gif);
background-repeat:no-repeat;
}
/* z.b. modul umfrage, template chooser, wer ist online..*/
#sidebar_left div.moduletable h3, #sidebar_right div.moduletable h3 {
color: #fff;
text-align : left;
font-weight : bold;
height : 36px;
line-height : 36px;
font-size : 16px;
padding:0;
margin :0;
margin-bottom: 10px;
overflow : hidden;
text-indent: 10px;
font-variant:small-caps;
text-decoration: none;
background-image : url(../images/module_h3.gif);
background-repeat:no-repeat;
}
/* breite des hauptmenüs h3 */
.moduletable_menu h3 {
color: #fff;
text-align : left;
font-weight : bold;
height : 36px;
line-height : 36px;
font-size : 16px;
padding:0;
margin :0;
overflow : hidden;
text-indent: 10px;
font-variant:small-caps;
text-decoration: none;
background-image : url(../images/module_h3.gif);
background-repeat:no-repeat;
}
/* breite des hauptmenüs */
.moduletable_menu {
overflow:hidden;
margin-bottom: 10px;
background-image : url(../images/module_bg.gif);
background-repeat:no-repeat;
background-position:center bottom;
}
.moduletable_menu ul.menu {
padding : 10px;
list-style : none;
background : none;
margin: 0;
}
.moduletable_menu ul.menu li {
margin : 0;
padding : 0;
list-style : none;
background : none;
}
.moduletable_menu ul.menu li a {
display : block;
color:#fff;
vertical-align : middle;
font-size : 12px;
text-align : left;
height : 22px;
line-height : 22px;
text-decoration : none;
padding:0;
margin: 0;
padding-left: 18px;
background-image : url(../images/menu.jpg);
background-repeat : no-repeat;
border-bottom: 1px solid #444;
}
.moduletable_menu ul.menu li a span {
background : none;
}
.moduletable_menu ul.menu li a:hover, .moduletable_menu ul.menu li a:active, .moduletable_menu ul.menu li a:focus {
text-decoration : none;
color: #000;
text-align : left;
background-image : url(../images/menu_hover.jpg);
background-repeat : no-repeat;
padding-left: 18px;
}
.moduletable_menu ul.menu li.active a {
background-image : url(../images/menu_hover.jpg);
background-repeat : no-repeat;
text-decoration : none;
color: #000;
text-align : left;
padding-left: 18px;
}
.moduletable_menu ul.menu li.active a:hover {
text-decoration: none;
}
.moduletable_menu ul.menu li.active a span {
}
.moduletable_menu ul.menu li li a span {
list-style : none;
}
.moduletable_menu ul.menu li ul {
margin : 0;
padding : 0;
list-style : none;
}
.moduletable_menu ul.menu li li {
list-style : none;
}
.moduletable_menu ul.menu li li a {
list-style : none;
vertical-align : middle;
font-size : 14px;
text-align : left;
text-decoration : none;
height : 22px;
padding-left: 28px;
overflow:hidden;
}
.moduletable_menu ul.menu li li a:hover, .moduletable_menu ul.menu li li a:active, .moduletable_menu ul.menu li li a:focus {
list-style : none;
background : none;
text-decoration : none;
}
.moduletable_menu ul.menu li li.active a {
list-style : none;
background : none;
text-decoration : none;
}
.moduletable_menu ul.menu li li a span {
list-style : none;
background : none;
}
.moduletable_menu ul.menu li li li a span {
padding-left: 10px;
}
.componentheading {
background-image : url(../images/componentheading.jpg);
background-repeat:repeat-x;
height : 30px;
line-height : 30px;
overflow: hidden;
color: #714A87;
font-size : 16px;
font-weight:bold;
text-align:center;
text-transform:uppercase;
font-weight:normal;
letter-spacing: 2px;
border-bottom: 1px solid #444;
}
.contentheading {
font-size: 16px;
height : 16px;
line-height : 16px;
color: #fff;
font-variant : small-caps;
}
.contentheading a {
color: #fff;
}
.pagenav {
text-transform:uppercase;
text-align : center;
font-size : 12px;
padding : 3px 5px 2px 5px;
margin : 5px 1px 5px 1px;
color: #999;
background-color: #444;
border : 1px solid #151515;
background-image : url(../images/button_bg.gif);
background-repeat:repeat-x;
background-position:center center;
}
a.pagenav {
color: #fff;
}
.pagenav a:hover {
color: #666;
text-decoration : none;
}
.pagenav_next {
color: #637BD1;
text-decoration : none;
}
.pagenav_next a:hover {
color: #b5d72b;
text-decoration : none;
}
.pagenav_prev {
color: #637BD1;
text-decoration : none;
}
.pagenav_prev a:hover {
color: #b5d72b;
text-decoration : none;
}
.blog {
width : 100%;
}
.blog_more {
margin : 10px 5px 20px 5px;
}
.blog_more strong {
margin : 2px;
display : block;
font-size : 14px;
font-weight : bold;
color: #637BD1;
text-decoration:underline;
padding-left: 3px;
text-transform:uppercase;
}
.blog_more ul {
margin : 5px;
padding : 0;
}
.blog_more ul li {
text-align : left;
line-height : 14px;
padding-left : 18px;
background-image : url(../images/list.png);
background-repeat : no-repeat;
background-position : 0 2px;
}
.blog_more ul li:hover {
background-image : url(../images/list_hover.png);
}
.article_separator {
clear : both;
display : block;
height : 10px;
margin-bottom : 30px;
border-bottom : 1px solid #444;
}
.article_column {
padding : 10px;
margin : 5px;
}
.article_column column_separator {
padding : 10px;
margin : 5px;
}
.article-tools {
border-top : 1px solid #637BD1;
width : 100%;
float : left;
clear : both;
margin-bottom : 15px;
display : block;
background-color: #fbfcf8;
}
.article-meta {
padding : 5px;
width : 80%;
float : left;
}
.button {
color: #fff;
background-image : url(../images/button_bg.gif);
background-position:center center;
text-align : center;
font-size : 10px;
border : 1px solid #151515;
padding : 2px 3px 2px 3px;
margin : 2px 3px 2px 3px;
background-color:#000;
}
.button:hover {
color: #999;
}
.validate {
height: 20px;
line-height: 20px;
color: #fff;
background-image : url(../images/button_bg.gif);
background-position:center center;
text-align : center;
font-size : 10px;
border : 1px solid #151515;
}
.validate:hover {
color: #999;
}
.invalid {
border-color: #666;
}
label.invalid {
color: #ff0000;
text-decoration:blink;
}
.back_button {
height: 22px;
line-height: 22px;
background-image : url(../images/button_bg.gif);
background-position:center center;
text-align : center;
font-size : 11px;
color: #fff;
border : 1px solid #151515;
}
.back_button:hover {
color: #999;
}
.back_button a:link {
text-decoration : none;
color: #fff;
}
.back_button a:visited {
text-decoration : none;
color: #666;
}
.back_button a:hover {
text-decoration : none;
color: #999;
}
#form-login .input {
padding : 2px;
margin : 2px;
background : none;
border : none;
font-size : 11px;
}
form {
margin : 0;
padding : 0;
border : none;
}
#form-login {
border : none;
padding: 5px;
}
#form-login ul {
padding : 0;
margin : 0;
list-style : none;
}
#form-login li {
margin : 0;
padding:0;
background : none;
list-style : none;
text-align:center;
}
#form-login li a {
font-size : 11px;
}
#form-login li a:hover {
font-size : 11px;
}
#form-login .input {
margin:0;
padding:0;
}
.inputbox {
border : 1px solid #222;
background-color: #000;
font-size : 11px;
color: #fff;
}
.inputbox:hover {
border : 1px solid #333;
background-color: #222;
}
input {
border : 1px solid #222;
background-color: #000;
font-size : 11px;
color: #fff;
font-size : 11px;
}
input:hover {
border : 1px solid #333;
}
.sectiontableheader {
border : 1px solid #333;
background-color: #000;
text-align : left;
text-transform : none;
margin : 0;
padding : 2px;
height : 30px;
}
.sectiontablefooter {
padding : 2px;
margin : 0;
text-align : left;
text-transform : none;
background-color: #0a0f15;
}
.sectiontableentry0 {
border-bottom : 1px solid #637BD1;
background-color: #111;
text-align : left;
}
.sectiontableentry1 {
border-bottom : 1px solid #637BD1;
background-color: #222;
text-align : left;
}
.sectiontableentry2 {
border-bottom : 1px solid #637BD1;
background-color: #111;
text-align : left;
}
.sectiontableentry1 td {
padding : 2px 5px 2px 5px;
margin : 1px;
}
.sectiontableentry2 td {
padding : 2px 5px 2px 5px;
margin : 1px;
}
.sectiontableentry0 td {
padding : 2px 5px 2px 5px;
margin : 1px;
}
h1 {
font-weight : bold;
font-size : 24px;
line-height : 26px;
font-weight : normal;
}
h2 {
font-size : 20px;
line-height : 22px;
font-weight : normal;
}
h3 {
font-size : 18px;
line-height : 20px;
font-weight : normal;
}
h4 {
font-size : 16px;
line-height : 18px;
font-weight : bold;
}
h5 {
font-size : 14px;
line-height : 16px;
font-weight : bold;
}
h6 {
font-size : 12px;
line-height : 14px;
font-weight : bold;
}
.contact_email {
padding : 5px;
margin : 5px;
}
#component-contact {
margin-top : 10px;
}
.hasTip {
margin: 5px;
color: #637BD1;
background-color: transparent;
border: none;
}
.tool-tip {
float : left;
color: #637BD1;
background : #202020;
border : 1px solid #637BD1;
padding : 5px;
max-width : 200px;
}
.tool-title {
padding : 0;
margin : 0;
font-size : 100%;
font-weight : bold;
margin-top : -15px;
padding-top : 15px;
padding-bottom : 5px;
background-repeat : no-repeat;
}
.tool-text {
font-size : 100%;
margin : 0;
}
table.paramlist {
margin-top : 5px;
}
table.paramlist td.paramlist_key {
width : 128px;
text-align : left;
height : 30px;
}
div.message {
font-weight : bold;
font-size : 14px;
color: #637BD1;
text-align : center;
width : auto;
background-color: #202020;
border : 1px solid #637BD1;
margin : 3px 0 10px;
padding : 3px 20px;
}
.pagination span {
padding : 2px;
}
.pagination a {
padding : 2px;
}
img {
border : none;
}
div.mosimage {
border : 2px solid #637BD1;
background-color: #cdab71;
}
.mosimage {
margin : 0;
background-color: #cdab71;
}
.mosimage_caption {
margin-top : 0;
background-color: #cdab71;
padding : 0;
color: #637BD1;
font-size : 10px;
}
a img.calendar {
width: 16px;
height: 16px;
margin-left: 3px;
cursor: pointer;
vertical-align: middle;
}
.error {
font-style : italic;
text-transform : uppercase;
padding : 5px;
color: #637BD1;
font-size : 12px;
}
#system-message {
margin : 10px;
}
#system-message dd.message ul {
border-top : 2px solid #637BD1;
border-bottom : 2px solid #637BD1;
margin : 5px;
padding-left : 40px;
text-indent : 0;
}
#system-message dd.error ul {
color: #637BD1;
border-top : 2px solid #637BD1;
border-bottom : 2px solid #637BD1;
margin : 5px;
padding-left : 40px;
text-indent : 0;
}
#system-message dd.notice ul {
color: #637BD1;
border-top : 2px solid #637BD1;
border-bottom : 2px solid #637BD1;
margin : 5px;
padding-left : 40px;
text-indent : 0;
}
.small {
font-family : Arial, Helvetica, sans-serif;
color: #455e71;
font-size : 9px;
}
.createdate {
font-family : Arial, Helvetica, sans-serif;
font-size : 9px;
color: #455e71;
}
.modifydate {
font-family : Arial, Helvetica, sans-serif;
color: #455e71;
font-size : 9px;
}
.highlight {
background-color: #222;
color: #ff0000;
padding : 0;
}
.code {
background-color: #455e71;
border : 1px solid #bbb;
}
fieldset {
margin : 10px;
padding : 10px;
border : 1px solid #637BD1;
}
/* Formatvorlagen für die Navigation-Oben */
ul#mainlevel-nav {
list-style : none;
padding : 0;
margin : 0 auto;
margin-top:3px;
font-size : 11px;
padding-left: 10px;
margin-right: 10px;
}
ul#mainlevel-nav li {
text-align:center;
background-image:none;
font-weight : bold;
float : left;
margin : 0 auto;
padding : 0;
font-size : 11px;
height : 36px;
line-height : 36px;
white-space : nowrap;
background-color: transparent;
}
ul#mainlevel-nav li a {
color: #fff;
text-align : center;
font-weight:bold;
font-size : 11px;
display : block;
padding-left : 7px;
padding-right : 7px;
text-decoration:none;
text-transform:uppercase;
border-right: 1px solid #333;
letter-spacing: 2px;
background-image : url(../images/nav.gif);
background-repeat:repeat-x;
}
#buttons > ul#mainlevel-nav li a {
width : auto;
}
ul#mainlevel-nav li a:hover {
color:#222;
text-decoration:none;
background-image : url(../images/nav_hover.gif);
background-repeat:repeat-x;
}
ul#mainlevel-nav li a#active_menu-nav {
font-size: 12px;
color:#222;
background-image : url(../images/nav_hover.gif);
background-repeat:repeat-x;
}
ul#mainlevel-nav li a#active_menu-nav:hover {
text-decoration : line-through;
}
table.poll {
padding : 0;
width : 100%;
border-collapse : collapse;
}
table.poll td {
padding : 4px;
}
table.pollstableborder {
padding : 0;
width : 100%;
border : 1px solid #333;
text-align : left;
}
table.pollstableborder img {
vertical-align : baseline;
padding-left : 10px;
}
table.pollstableborder td {
padding : 2px;
border-collapse : collapse;
border-spacing : 0;
}
table.pollstableborder tr.sectiontableentry1 td {
margin : 1px;
padding : 2px 5px 2px 5px;
}
table.pollstableborder tr.sectiontableentry2 td {
margin : 1px;
padding : 2px 5px 2px 5px;
}
table.pollstableborder tr.sectiontableentry0 td {
margin : 1px;
padding : 2px 5px 2px 5px;
}
object {
outline:none;
}
.button2-left {
float:left;
padding: 10px;
}
/* articolo01 module */
#articolo_01 {
position:relative;
left:610px;
top:100 px;
width:354px;
articolo_01 l'ho aggiunto io per lo spostamento (il top lo ignora...)
index.php
<?php
defined( '_JEXEC' ) or die( 'Access to this location is RESTRICTED.' );
echo '<?xml version="1.0" encoding="utf-8"?'.'>';
?>
<!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" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >
<head>
<jdoc:include type="head" />
<?php
// inserting mootools
JHTML::_('behavior.mootools');
?>
<meta name="designer" content="Juergen Koller - http://www.lernvid.com" />
<meta name="licence" content="Copyright LernVid.com - Creative Commons Sharalike 3.0" />
<link href="templates/<?php echo $this->template ?>/css/reset.css" rel="stylesheet" type="text/css" media="all" />
<link href="templates/<?php echo $this->template ?>/css/template.css" rel="stylesheet" type="text/css" media="all" />
<!--[if IE 7]>
<link href="templates/<?php echo $this->template ?>/css/ie7.css" rel="stylesheet" type="text/css" media="all" />
<![endif]-->
<!--[if lt IE 7]>
<link href="templates/<?php echo $this->template ?>/css/ie5x6x.css" rel="stylesheet" type="text/css" media="all" />
<![endif]-->
<?php
if($this->countModules("left")&&!$this->countModules("right")){ $contentwidth="left";}
if($this->countModules("right")&&!$this->countModules("left")){ $contentwidth="right";}
if($this->countModules("left")&&$this->countModules("right")) {$contentwidth="middle"; }
?>
<?php
$sprache = $this->language;
if(ereg("de",$sprache)) {
$url="http://aoc.guidesworld.de";
$url2="http://www.game-template.de/";
}else {
$url="http://aoc.guidezworld.com";
$url2="http://www.game-template.com/";
}
?>
</head>
<body>
<div id="wrapper">
<div id="bg_up">
<div id="masthead_container">
<div class="masthead">
<div id="articolo_01"><jdoc:include type="modules" name="slider" style="xhtml" /></div>
</div>
</div>
<div id="container">
<!-- Begin Container -->
<?php if($this->countModules('user3')) : ?>
<div id="navigation">
<jdoc:include type="modules" name="user3" style="xhtml" />
</div>
<?php endif; ?>
<!-- Begin Page Content -->
<div id="page_content">
<!-- Begin Content Upside -->
<div id="content_up">
<div id="content_up_left">
<?php if($this->countModules('breadcrumb')) : ?>
<div id="breadcrumbs">
<jdoc:include type="module" name="breadcrumbs" />
</div>
<?php endif; ?>
<div id="content_up_right">
<?php if($this->countModules('user4')) : ?>
<div id="search">
<div id="search_inner">
<jdoc:include type="modules" name="user4" style="xhtml" />
</div>
</div>
<?php endif; ?>
</div>
</div>
</div>
<!-- End Content Upside -->
<?php if($this->countModules('left')) : ?>
<div id="sidebar_left">
<jdoc:include type="modules" name="left" style="xhtml" />
</div>
<?php endif; ?>
<?php if($this->countModules('right')) : ?>
<div id="sidebar_right">
<jdoc:include type="modules" name="right" style="xhtml" />
</div>
<?php endif; ?>
<!-- Begin Content Inner -->
<div id="content_out<?php echo $contentwidth; ?>">
<?php if($this->countModules('user1 or user2')) : ?>
<div id="user_modules1">
<?php if($this->countModules('user1')) : ?>
<div id="user1">
<jdoc:include type="modules" name="user1" style="xhtml" />
</div>
<?php endif; ?>
<?php if($this->countModules('user2')) : ?>
<div id="user2">
<jdoc:include type="modules" name="user2" style="xhtml" />
</div>
<?php endif; ?>
</div>
<?php endif; ?>
<?php if($this->countModules('top')) : ?>
<div id="top">
<jdoc:include type="modules" name="top" style="xhtml" />
</div>
<?php endif; ?>
<div id="content">
<jdoc:include type="message" />
<jdoc:include type="component" />
</div>
</div>
</div>
<!-- Begin Content Downside -->
<div class="clr"></div>
<div id="content_down">
<div id="content_down_left">
</div>
</div>
<!-- End Content Downside -->
<div id="container2">
<!-- End Page Content -->
<?php if($this->countModules('user5 or user6')) : ?>
<div id="user_modules2">
<?php if($this->countModules('user5')) : ?>
<div id="user5">
<jdoc:include type="modules" name="user5" style="xhtml" />
</div>
<?php endif; ?>
<?php if($this->countModules('user6')) : ?>
<div id="user6">
<jdoc:include type="modules" name="user6" style="xhtml" />
</div>
<?php endif; ?>
</div>
<?php endif; ?>
<div id="footer">
<div id="date"><p><?php echo JHTML::Date($this->date_field, "%A, %d. %B %Y"); ?></p></div>
<?php if($this->countModules('footer')) : ?>
<jdoc:include type="modules" name="footer" />
</div>
<?php endif; ?>
</div>
</div>
<div class="clr"></div>
</div>
</div>
<jdoc:include type="modules" name="debug" style="xhtml" />
</body>
</html>
quì invece ho aggiunto:
<div id="articolo_01"><jdoc:include type="modules" name="slider" style="xhtml" /></div>
Con queste impostazioni il modulo viene visualizzato sopra il quadrato dell'header ma in alto (se qualcuno lo desidera posso attivarlo per farlo vedere, anzi lo faccio subito così potete vedere anche voi)
non so se sono stato sufficientemente chiaro, comunque sono a disposizione per chiarire ulteriormente.