ho trovato una soluzione... la scrivo per i postumi...
allora ho risolto in questo modo:
1. ho creato un'immagine alta 30 px e larga 200 con la scritta "menu"
2. ho cancellato la scritta "menu" aall'interno del mio div
3. ho impostato l'immagine come sfondo del div, ho poi tolto dagli attributi css la sua larghezza, così che si sarebbe adattata al contenuto, così nel caso fosse vuoto avrebbe avuto larghezza = 0
4. ho eliminato l'attributo "width" anche a #submenu1, così facendo questo si sarebbe adattato al suo contenuto, e #subtitle si sarebbe adattato al div al quale è annidato, ossia #submenu1
5. a questo punto ho fatto i dovuti cambiamenti al css del menu
ora funziona ;P
non so se sono stato chiaro, ma francamente dubito che possa servire a molti, comunque per chiarezza posto gli script come sono ora:
Codice PHP:
<?php if (!JRequest::getInt('hidemainmenu')): ?>
<div id="submenu1">
<div id="subtitle"></div>
<div id="submenu"><jdoc:include type="modules" name="submenu" style="rounded" id="submenu-box" /></div>
</div>
<?php endif; ?>
dove:
Codice PHP:
#submenu1 {
float:left;
margin:10px;
position: fixed;
clear: both;
}
#subtitle {
background-image: url(../images/menusf.png);
background-repeat: no-repeat;
background-position: left;
height: 30px;
line-height:30px;
color: #FFF;
}
e:
Codice PHP:
/* .......... SOTTOMENU .......... */
#submenu ul{
list-style:none;
overflow:hidden;
width:200px;
margin:0;
padding:0px;
background-color:#eaeaea;
border: solid 1px #000;
}
#submenu ul a{
display:block;
float:left;
width:200px;
height:30px;
padding-left:20px;
color:#000;
line-height:30px;
}
#submenu ul a:hover{
display:block;
float:left;
width:200px;
height:30px;
padding-left:20px;
color:#fff;
line-height:30px;
border:none;
background-image: url(../images/titlesf.jpg);
background-repeat: repeat-x;
background-position: center;
}
ora nel cas qualcuno riscontrera il mio stesso problema avrà un'idea di come fare ;P