Salve a tutti,
scrivo per un problema con un template - trvel portal- versione Joomla 1.0.
Ho un menu da inserire nella parte alta del template- nella posizione top.Quando inserisco questo menu nella posizione top o in quelle adiacenti, sottostanti (user1, 2,3,4)le voci del menu vengono visuliazzate in verticale. Io invece voglio che siano visualizzate in orizzontale, per tutto il top menu .
Come posso fare? dovrei metter mano al file php p css, ma non so come .
Ecco qui il file css e segue l'index php. Se potete, vi prego di darmi qualche consiglio.
Grazie in anticipo.
Benedetto
/* CSS Document */html {
height: 100%;
}
body {
height: 100%;
margin-bottom: 1px;
}
tr,td,p,div
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#333333;
}
.clr
{
clear:both;
}
/**********************************************************/
/* layout style */
/**********************************************************/
.body_style
{
text-align:center;
}
#wrapper
{
margin:0 auto;
text-align:left;
width:836px;
}
#top_r
{
background:transparent url(../images/top_r.png) 0% 0% repeat-x;
}
#bottom_r
{
background:transparent url(../images/bottom_r.png) 0% 100% repeat-x;
}
#left_r
{
background:transparent url(../images/left_r.png) 0% 0% repeat-y;
}
#right_r
{
background:transparent url(../images/right_r.png) 100% 0% repeat-y;
}
#top_l_c
{
background:transparent url(../images/top_l_c.png) 0% 0% no-repeat;
}
#top_r_c
{
background:transparent url(../images/top_r_c.png) 100% 0% no-repeat;
}
#bottom_l_c
{
background:transparent url(../images/bottom_l_c.png) 0% 100% no-repeat;
}
#bottom_r_c
{
background:transparent url(../images/bottom_r_c.png) 100% 100% no-repeat;
}
#main_container
{
padding:23px 23px 23px 23px;
}
#logo
{
float:left;
background-color:#000000;
}
#header
{
float:left;
width:536px;
height:130px;
background:transparent url(../images/header.png) 0% 0% repeat-x;
}
#header_corner
{
background:transparent url(../images/header_corner.png) 100% 0% no-repeat;
width:536px;
height:130px;
}
#banner
{
float:right;
padding:30px 10px 0px 0px;
color:#FFFFFF;
}
#top_menu_outline
{
height:36px;
background:transparent url(../images/top_menu_rep.png) 0% 0% repeat-x;
padding-bottom:3px;
}
#top_menu
{
padding:10px 0px 0px 0px;
}
#top_menu a
{
padding:0px 8px 0px 8px;
font-weight:bold;
}
#top_menu a:link,
#top_menu a:visited
{
color:#FFFFFF;
}
#top_menu a:hover
{
text-decoration:underline;
}
#top_modules_outline
{
background:#28B7F9 url(../images/top_modules_blue_repeat.png) 0% 0% repeat-x;
}
#bottom_modules_outline
{
background:#9BC91E url(../images/bottom_modules_green_repeat.png) 0% 0% repeat-x;
margin-bottom:5px;
}
.user
{
vertical-align:top;
}
#pathway_outline
{
padding:2px 0px 2px 0px;
}
#pads
{
}
#left_outline
{
float:left;
width:160px;
}
#middle_outline
{
float:left;
width:460px;
padding:0px 5px 0px 5px;
}
/*********when some of the modules on left or right are missing*/
#middle_outline_wide_right
{
float:left;
width:625px;
padding:0px 0px 0px 5px;
}
#middle_outline_wide_left
{
float:left;
width:625px;
padding:0px 5px 0px 0px;
}
#middle_outline_wide_left_right
{
float:left;
width:790px;
padding:0px 0px 0px 0px;
}
/****************************************************************/
#right_outline
{
float:left;
width:160px;
}
#content_top_modules_outline
{
background-color:#FFF4E6;
border:1px solid #FFDBA4;
padding:5px;
}
#content_bottom_modules_outline
{
background-color:#FFF4E6;
border:1px solid #FFDBA4;
padding:5px;
}
#content
{
padding:0px 5px 5px 5px;
}
#footer_outline
{
background:transparent url(../images/footer_r.png) 0% 0% repeat-x;
height:42px;
}
#footer_outline a
{
color:#FFFFFF;
}
#footer_l_c
{
background:transparent url(../images/footer_l_c.png) 0% 0% no-repeat;
height:42px;
}
#footer_r_c
{
background:transparent url(../images/footer_r_c.png) 100% 0% no-repeat;
height:42px;
}
#footer_text
{
padding:5px 0px 0px 0px;
text-align:center;
color:#FFFFFF;
}
/**********************************************************/
/* module styles */
/**********************************************************/
/*top modules*/
#top_modules_outline table.moduletable
{
width:100%;
margin:0px 0px 4px 0px;
padding:0;
}
#top_modules_outline table.moduletable th
{
color:#FFFFFF;
text-align:left;
font-weight:bold;
padding:0px 0px 0px 15px;
margin:0;
text-transform:uppercase;
background:transparent url(../images/arrow_blue_down.png) 0px 4px no-repeat;
}
#top_modules_outline table.moduletable td
{
color:#FFFFFF;
padding:0px 0px 0px 5px;
}
#top_modules_outline a:link,#top_modules_outline a:visited
{
color:#FFFFFF;
text-decoration:none;
}
#top_modules_outline a:hover
{
text-decoration:underline;
}
#top_modules_outline ul
{
margin:0;
padding:0;
list-style:none;
}
#top_modules_outline ul li
{
background:transparent url(../images/arrow_white.png) 0px 5px no-repeat;
padding:0px 0px 0px 6px;
}
/*left modules*/
#left table.moduletable
{
width:100%;
margin:0px 0px 10px 0px;
padding:0;
}
#left table.moduletable th
{
color:#669900;
text-align:left;
font-weight:bold;
padding:8px 0px 10px 9px;
margin:0;
text-transform:uppercase;
background:transparent url(../images/th_green.png) 0px 0px no-repeat;
}
#left table.moduletable td
{
color:#333333;
padding:0px 0px 0px 3px;
}
#left a:link,#left a:visited
{
color:#669900;
text-decoration:none;
}
#left a:hover
{
text-decoration:underline;
}
#left a.mainlevel:link,#left a.mainlevel:visited
{
background:transparent url(../images/mainlevel_green.png) 0px 4px no-repeat;
padding:0px 0px 0px 10px;
line-height:15px;
}
#left a.mainlevel:hover,#left a.mainlevel#active_menu
{
text-decoration:underline;
}
#left ul
{
margin:0;
padding:0;
list-style:none;
}
#left ul li
{
background:transparent url(../images/arrow_green.png) 0px 2px no-repeat;
padding:0px 0px 0px 9px;
}
/*right modules*/
#right table.moduletable
{
width:100%;
margin:0px 0px 10px 0px;
padding:0;
}
#right table.moduletable th
{
color:#0099FF;
text-align:left;
font-weight:bold;
padding:8px 0px 10px 9px;
margin:0;
text-transform:uppercase;
background:transparent url(../images/th_blue.png) 0px 0px no-repeat;
}
#right table.moduletable td
{
color:#333333;
padding:0px 0px 0px 3px;
}
#right a:link,#right a:visited
{
color:#1A93CF;
text-decoration:none;
}
#right a:hover
{
text-decoration:underline;
}
#right a.mainlevel:link,#right a.mainlevel:visited
{
background:transparent url(../images/mainlevel_blue.png) 0px 4px no-repeat;
padding:0px 0px 0px 10px;
line-height:15px;
}
#right a.mainlevel:hover,#right a.mainlevel#active_menu
{
text-decoration:underline;
}
#right ul
{
margin:0;
padding:0;
list-style:none;
}
#right ul li
{
background:transparent url(../images/arrow_blue1.png) 0px 2px no-repeat;
padding:0px 0px 0px 9px;
}
/* content_bottom_modules_outline */
#content_top_modules_outline table.moduletable
{
width:100%;
margin:0;
padding:2px;
}
#content_top_modules_outline table.moduletable th
{
color:#FF9900;
text-align:left;
font-weight:bold;
padding:0px 0px 0px 0px;
margin:0;
text-transform:uppercase;
}
#content_top_modules_outline table.moduletable td
{
color:#333333;
padding:0px 0px 0px 0px;
}
#content_top_modules_outline a:link,#content_top_modules_outline a:visited
{
color:#FF9900;
text-decoration:none;
}
#content_top_modules_outline a:hover
{
text-decoration:underline;
}
/* content_top_modules_outline */
#content_bottom_modules_outline table.moduletable
{
width:100%;
margin:0;
padding:2px;
}
#content_bottom_modules_outline table.moduletable th
{
color:#FF9900;
text-align:left;
font-weight:bold;
padding:0px 0px 0px 0px;
margin:0;
text-transform:uppercase;
}
#content_bottom_modules_outline table.moduletable td
{
color:#333333;
padding:0px 0px 0px 0px;
}
#content_bottom_modules_outline a:link,#content_bottom_modules_outline a:visited
{
color:#FF9900;
text-decoration:none;
}
#content_bottom_modules_outline a:hover
{
text-decoration:underline;
}
/*bottom modules*/
#bottom_modules_outline table.moduletable
{
width:100%;
margin:0px 0px 4px 0px;
padding:0;
}
#bottom_modules_outline table.moduletable th
{
color:#FFFFFF;
text-align:left;
font-weight:bold;
padding:0px 0px 0px 15px;
margin:0;
text-transform:uppercase;
background:transparent url(../images/arrow_green_down.png) 0px 4px no-repeat;
}
#bottom_modules_outline table.moduletable td
{
color:#FFFFFF;
padding:0px 0px 0px 5px;
}
#bottom_modules_outline a:link,#bottom_modules_outline a:visited
{
color:#FFFFFF;
text-decoration:none;
}
#bottom_modules_outline a:hover
{
text-decoration:underline;
}
#bottom_modules_outline ul
{
margin:0;
padding:0;
list-style:none;
}
#bottom_modules_outline ul li
{
background:transparent url(../images/arrow_white.png) 0px 5px no-repeat;
padding:0px 0px 0px 6px;
}
/**********************************************************/
/* custom joomla stuff */
/**********************************************************/
span.pathway a:link,span.pathway a:visited
{
color:#999999;
text-decoration:none;
}
div#pathway
{
color:#666666;
}
span.pathway img {
margin: 0px 3px;
}
div#pathway td
{
}
span.pathway a {
}
ul
{
margin:0;
padding:0;
list-style:none;
}
ul li
{
padding:0;
margin:0;
}
a:link,a:visited
{
color:#666666;
text-decoration:none;
}
a:hover
{
text-decoration:underline;
}
.contentheading
{
font-size:110%;
color:#669900;
font-weight:bold;
}
.componentheading
{
color:#FF9900;
font-size:110%;
}
.small,.createdate,.modifydate
{
color:#999999;
font-size:90%;
}
.contentdescription
{
font-size:90%;
color:#999999;
}
.sectiontableheader
{
background-color:#FFF4E6;
padding:5px;
color:#FF6600;
}
.sectiontableentry1
{
padding:2px;
}
.sectiontableentry2
{
padding:2px;
}
.button
{
color: #999999;
text-align: center;
font-size: 11px;
font-weight: normal;
border: 3px double #F1F1F1;
width: auto;
background: url(../images/button_bg.png) repeat-x;
padding: 0px 5px;
line-height: 16px !important;
line-height: 14px;
height: 24px !important;
height: 22px;
margin: 1px;
}
.mosimage
{
border: 1px solid #cccccc;
margin: 5px
}
.mosimage_caption
{
margin-top: 2px;
padding: 1px 2px;
color: #666;
font-size: 10px;
border-top: 1px solid #cccccc;
}
.inputbox
{
border: 1px solid #BBBBBB;
}
.blog_more
{
font-size:90%;
}
/*polls*/
table.moduletable .pollstableborder
{
text-align:left;
}
index .php<?php
defined( '_VALID_MOS' ) or die( 'Direct Access to this location is not allowed.' );
$iso = split( '=', _ISO );
?>
<!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">
<head>
<?php
if ( $my->id ) {
initEditor();
}
mosShowHead();
/**********top modules***************/
$top_modules = mosCountModules('user1') + mosCountModules('user2') + mosCountModules('user3') + mosCountModules('user4');
switch($top_modules)
{
case 0:
$top_mod_width = 0;
break;
case 1:
$top_mod_width = 100;
break;
case 2:
$top_mod_width = 50;
break;
case 3:
$top_mod_width = 33;
break;
case 4:
$top_mod_width = 25;
break;
default:
break;
}
/************************************/
/**********bottom modules***************/
$bottom_modules = mosCountModules('user9') + mosCountModules('user10') + mosCountModules('user11') + mosCountModules('user12');
switch($bottom_modules)
{
case 0:
$bottom_mod_width = 0;
break;
case 1:
$bottom_mod_width = 100;
break;
case 2:
$bottom_mod_width = 50;
break;
case 3:
$bottom_mod_width = 33;
break;
case 4:
$bottom_mod_width = 25;
break;
default:
break;
}
/************************************/
/**********content top modules***************/
$content_top_modules = mosCountModules('user5') + mosCountModules('user6');
switch($content_top_modules)
{
case 1:
$con_top_mod_width = 100;
break;
case 2:
$con_top_mod_width = 50;
break;
default:
break;
}
/************************************/
/**********content bottom modules***************/
$content_bottom_modules = mosCountModules('user7') + mosCountModules('user8');
switch($content_bottom_modules)
{
case 1:
$con_bottom_mod_width = 100;
break;
case 2:
$con_bottom_mod_width = 50;
break;
default:
break;
}
/************************************/
if(mosCountModules('right')==0 && mosCountModules('left')>0)
{
$wide='_wide_right';
}
elseif (mosCountModules('right')>0 && mosCountModules('left')==0)
{
$wide='_wide_left';
}
elseif (mosCountModules('right')==0 && mosCountModules('left')==0)
{
$wide='_wide_left_right';
}
else
{
$wide='';
}
/**********************/
?>
<meta http-equiv="Content-Type" content="text/html; <?php echo _ISO; ?>" />
<link href="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/css/template_css.css" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" href="<?php echo $mosConfig_live_site;?>/images/favicon.ico" />
</head>
<body>
<div id="wrapper">
<div id="top_r">
<div id="bottom_r">
<div id="left_r">
<div id="right_r">
<div id="top_l_c">
<div id="top_r_c">
<div id="bottom_l_c">
<div id="bottom_r_c">
<div id="main_container">
<div id="logo"><a href="index.php"><img src="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/images/logo.png" alt="logo.png" border="0" />[/url]</div>
<div id="header">
<div id="header_corner">
<div id="banner">
<? mosLoadModules('banner',-2); ?>
</div>
</div>
</div>
<div style="clear:both;"></div>
<? if (mosCountModules('top')) { ?>
<div id="top_menu_outline">
<div id="top_menu">
<div id="horizmenu">
<? mosLoadModules('top',-2); ?>
</div>
</div>
</div>
<? } ?>
<? if (mosCountModules('user1') || mosCountModules('user2') || mosCountModules('user3') || mosCountModules('user4')) { ?>
<div id="top_modules_outline">
<table border="0" cellspacing="3" cellpadding="0" width="100%">
<tr>
<? if(mosCountModules('user1')) { ?>
<td class="user" width="<? echo $top_mod_width; ?>%"><? mosLoadModules('user1'); ?></td>
<? } ?>
<? if(mosCountModules('user2')) { ?>
<td class="user" width="<? echo $top_mod_width; ?>%"><? mosLoadModules('user2'); ?></td>
<? } ?>
<? if(mosCountModules('user3')) { ?>
<td class="user" width="<? echo $top_mod_width; ?>%"><? mosLoadModules('user3'); ?></td>
<? } ?>
<? if(mosCountModules('user4')) { ?>
<td class="user" width="<? echo $top_mod_width; ?>%"><? mosLoadModules('user4'); ?></td>
<? } ?>
</tr>
</table>
</div>
<? } ?>
<div id="pathway_outline">
<div id="pathway"><? mosPathway(); ?></div>
</div>
<div id="pads">
<div id="left_outline">
<div id="left"><? mosLoadModules('left') ?></div>
</div>
<div id="middle_outline<? echo $wide; ?>">
<? if(mosCountModules('user5') || mosCountModules('user6')) { ?>
<div id="content_top_modules_outline">
<table border="0" cellpadding="0" cellspacing="3">
<tr>
<? if(mosCountModules('user5')) { ?>
<td class="user" width="<? echo $con_top_mod_width; ?>%"><? mosLoadModules('user5'); ?></td>
<? } ?>
<? if(mosCountModules('user6')) { ?>
<td class="user" width="<? echo $con_top_mod_width; ?>%"><? mosLoadModules('user6'); ?></td>
<? } ?>
</tr>
</table>
</div>
<? } ?>
<div id="pathway_outline">
<div id="pathway"><? mosPathway(); ?></div>
</div>
<div id="content"><? mosMainBody(); ?></div>
<? if(mosCountModules('user7') || mosCountModules('user8')) { ?>
<div id="content_bottom_modules_outline">
<table border="0" cellpadding="0" cellspacing="3">
<tr>
<? if(mosCountModules('user7')) { ?>
<td class="user" width="<? echo $con_bottom_mod_width; ?>%"><? mosLoadModules('user7'); ?></td>
<? } ?>
<? if(mosCountModules('user8')) { ?>
<td class="user" width="<? echo $con_bottom_mod_width; ?>%"><? mosLoadModules('user8'); ?></td>
<? } ?>
</tr>
</table>
</div>
<? } ?>
</div>
<? if(mosCountModules('right')) { ?>
<div id="right_outline">
<div id="right"><? mosLoadModules('right') ?></div>
</div>
<? } ?>
<div class="clr"></div>
</div>
<? if (mosCountModules('user9') || mosCountModules('user10') || mosCountModules('user11') || mosCountModules('user12')) { ?>
<div id="bottom_modules_outline">
<table border="0" cellspacing="3" cellpadding="0" width="100%">
<tr>
<? if(mosCountModules('user9')) { ?>
<td class="user" width="<? echo $bottom_mod_width; ?>%"><? mosLoadModules('user9'); ?></td>
<? } ?>
<? if(mosCountModules('user10')) { ?>
<td class="user" width="<? echo $bottom_mod_width; ?>%"><? mosLoadModules('user10'); ?></td>
<? } ?>
<? if(mosCountModules('user11')) { ?>
<td class="user" width="<? echo $bottom_mod_width; ?>%"><? mosLoadModules('user11'); ?></td>
<? } ?>
<? if(mosCountModules('user12')) { ?>
<td class="user" width="<? echo $bottom_mod_width; ?>%"><? mosLoadModules('user12'); ?></td>
<? } ?>
</tr>
</table>
</div>
<? } ?>
<div id="footer_outline">
<div id="footer_l_c">
<div id="footer_r_c">
<div id="footer_text">Copyright by
www.zkaradza.com 2005-2007</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
