Ciao a tutti,
sto impazzendo al fine di capire come attribuire la lunghezza ad un menu orizzontale che ho trovato in giro.
C'è chi può darmi una mano?
Grazie
Ciao a tutti,
sto impazzendo al fine di capire come attribuire la lunghezza ad un menu orizzontale che ho trovato in giro.
C'è chi può darmi una mano?
Grazie
Alasque
La larghezza si da generalmente con il comando width
ti ringrazio ma non è proprio questo che volevo sapere.
io devo dare una misura in modo che a destra sia '0' ed una certa misura a sinistra
Alasque
Non è molto chiaro quello che vuoi sapere![]()
a destra e a sinistra di cosa
intendi il comado margin-left e margi-right?
Così al buio è difficile capire cosa intendi, se posti il codice sarà più facile aiutarti!
Ciao sea_green
il problema è il seguente:
io utilizzo dw cs3 e quando vado nelle proprietà del css non riesco a dare una dimensione (in lunghezza) al menu orizzontale.ti posso mandare i files per farteli vedere?
Alasque
Mandali che provo a vedere se ti posso aiutare!![]()
Helper.css
* {
margin: 0;
padding: 0;
}
body {
border-top: solid 1px #fff;
background-image: url(images/pattern1.jpg);
background-repeat: repeat-x;
background-position: 0 0;
padding-top: 1px;
padding-right: 20px;
padding-bottom: 1px;
font-family: Eurostile;
font-size: 16px;
line-height: normal;
}
p { margin-bottom: 1em; }
ul.classic {
list-style: disc;
margin-bottom: 1em;
padding-left: 10em;
}
h1,h2,h3 {
margin-bottom: 0.5em;
font-family: Tahoma;
line-height: normal;
}
h1 {
border-bottom: solid 1px #d9d9d9;
font-weight: normal;
font-size: 180%;
text-indent: 5px;
letter-spacing: -1px;
}
.dropdown-upward {
margin-top: 600px !important;
}
Dropdown.css
* {
margin: 0;
padding: 0;
}
body {
border-top: solid 1px #fff;
background-image: url(images/pattern1.jpg);
background-repeat: repeat-x;
background-position: 0 0;
padding-top: 1px;
padding-right: 20px;
padding-bottom: 1px;
font-family: Eurostile;
font-size: 16px;
line-height: normal;
}
p { margin-bottom: 1em; }
ul.classic {
list-style: disc;
margin-bottom: 1em;
padding-left: 10em;
}
h1,h2,h3 {
margin-bottom: 0.5em;
font-family: Tahoma;
line-height: normal;
}
h1 {
border-bottom: solid 1px #d9d9d9;
font-weight: normal;
font-size: 180%;
text-indent: 5px;
letter-spacing: -1px;
}
.dropdown-upward {
margin-top: 600px !important;
}
Defaut.ultimate.css
@charset "UTF-8";
/**
* Default Ultimate Linear CSS Drop-Down Menu Theme
*
* @file default.ultimate.css
* @name Default
* @version 0.1
* @type transitional
* @browsers Windows: IE5+, Opera7+, Firefox1+
* Mac OS: Safari2+, Firefox2+
*
* @link http://www.lwis.net/
* @copyright 2008 Live Web Institute. All Rights Reserved.
*
*/
@import "default.css";
/*-------------------------------------------------/
* @section Base Style Extension
*/
ul.dropdown a,
ul.dropdown span {
display: block;
padding: 7px;
text-align: left;
}
/*-------------------------------------------------/
* @section Base Style Override
*/
ul.dropdown li {
padding: 0;
border: none;
}
ul.dropdown ul a,
ul.dropdown ul span {
padding: 3px;
}
/*-------------------------------------------------/
* @section Base Style Reinitiate: post-override activities
*/
/*-------------------------------------------------/
* @section Custom Styles
*/
ul.dropdown li {
}
ul.dropdown li.hover,
ul.dropdown li:hover {
background: url(images/grad2.png) 0 100% repeat-x;
color: #000;
}
ul.dropdown li a:active {
background: url(images/grad1.png) repeat-x;
}
/* Non-first level */
ul.dropdown ul {
margin-top: 0;
}
ul.dropdown ul li {
}
ul.dropdown ul li.hover,
ul.dropdown ul li:hover {
}
/* Mixed */
ul.dropdown li a,
ul.dropdown *.dir {
border-style: solid;
border-width: 1px 1px 1px 0;
border-color: #fff #d9d9d9 #d9d9d9;
}
/*-------------------------------------------------/
* @section Support Class `open` Usage
* @source js, artificial
*
*/
ul.dropdown li.hover *.open {
background-color: #fff;
color: #000;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 0;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #FF0000;
border-right-color: #d9d9d9;
border-bottom-color: #d9d9d9;
border-left-color: #d9d9d9;
}
ul.dropdown ul li.hover *.open,
ul.dropdown-vertical li.hover *.open {
padding-left: 15px;
border-top-color: #fff;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #FF0000;
}
ul.dropdown-vertical-rtl li.hover *.open {
padding-right: 15px;
border-right-color: #FF0000;
border-left-style: none;
}
ul.dropdown-upward li.hover *.open {
border-top-color: #fff;
border-bottom-color: #ff0000;
}
ul.dropdown-upward ul li.hover *.open {
border-bottom-color: #d9d9d9;
}
/* CSS2 clone */
ul.dropdown li:hover > *.dir {
background-color: #fff;
color: #000;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 0;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #FF0000;
border-right-color: #d9d9d9;
border-bottom-color: #d9d9d9;
border-left-color: #d9d9d9;
}
ul.dropdown ul li:hover > *.dir,
ul.dropdown-vertical li:hover > *.dir {
padding-left: 15px;
border-top-color: #fff;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #FF0000;
}
ul.dropdown-vertical-rtl li:hover > *.dir {
padding-right: 15px;
border-right-color: #FF0000;
border-left-style: none;
}
ul.dropdown-upward li:hover > *.dir {
border-top-color: #fff;
border-bottom-color: #FF0000;
}
ul.dropdown-upward ul li:hover > *.dir {
border-bottom-color: #d9d9d9;
}
Default.css
@charset "UTF-8";
/**
* Default Ultimate Linear CSS Drop-Down Menu Theme
*
* @file default.ultimate.css
* @name Default
* @version 0.1
* @type transitional
* @browsers Windows: IE5+, Opera7+, Firefox1+
* Mac OS: Safari2+, Firefox2+
*
* @link http://www.lwis.net/
* @copyright 2008 Live Web Institute. All Rights Reserved.
*
*/
@import "default.css";
/*-------------------------------------------------/
* @section Base Style Extension
*/
ul.dropdown a,
ul.dropdown span {
display: block;
padding: 7px;
text-align: left;
}
/*-------------------------------------------------/
* @section Base Style Override
*/
ul.dropdown li {
padding: 0;
border: none;
}
ul.dropdown ul a,
ul.dropdown ul span {
padding: 3px;
}
/*-------------------------------------------------/
* @section Base Style Reinitiate: post-override activities
*/
/*-------------------------------------------------/
* @section Custom Styles
*/
ul.dropdown li {
}
ul.dropdown li.hover,
ul.dropdown li:hover {
background: url(images/grad2.png) 0 100% repeat-x;
color: #000;
}
ul.dropdown li a:active {
background: url(images/grad1.png) repeat-x;
}
/* Non-first level */
ul.dropdown ul {
margin-top: 0;
}
ul.dropdown ul li {
}
ul.dropdown ul li.hover,
ul.dropdown ul li:hover {
}
/* Mixed */
ul.dropdown li a,
ul.dropdown *.dir {
border-style: solid;
border-width: 1px 1px 1px 0;
border-color: #fff #d9d9d9 #d9d9d9;
}
/*-------------------------------------------------/
* @section Support Class `open` Usage
* @source js, artificial
*
*/
ul.dropdown li.hover *.open {
background-color: #fff;
color: #000;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 0;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #FF0000;
border-right-color: #d9d9d9;
border-bottom-color: #d9d9d9;
border-left-color: #d9d9d9;
}
ul.dropdown ul li.hover *.open,
ul.dropdown-vertical li.hover *.open {
padding-left: 15px;
border-top-color: #fff;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #FF0000;
}
ul.dropdown-vertical-rtl li.hover *.open {
padding-right: 15px;
border-right-color: #FF0000;
border-left-style: none;
}
ul.dropdown-upward li.hover *.open {
border-top-color: #fff;
border-bottom-color: #ff0000;
}
ul.dropdown-upward ul li.hover *.open {
border-bottom-color: #d9d9d9;
}
/* CSS2 clone */
ul.dropdown li:hover > *.dir {
background-color: #fff;
color: #000;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 0;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #FF0000;
border-right-color: #d9d9d9;
border-bottom-color: #d9d9d9;
border-left-color: #d9d9d9;
}
ul.dropdown ul li:hover > *.dir,
ul.dropdown-vertical li:hover > *.dir {
padding-left: 15px;
border-top-color: #fff;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #FF0000;
}
ul.dropdown-vertical-rtl li:hover > *.dir {
padding-right: 15px;
border-right-color: #FF0000;
border-left-style: none;
}
ul.dropdown-upward li:hover > *.dir {
border-top-color: #fff;
border-bottom-color: #FF0000;
}
ul.dropdown-upward ul li:hover > *.dir {
border-bottom-color: #d9d9d9;
}
Alasque
ok, ma qual è il nome della classe o dell'id del menù che ti da problemi?
Ma non c'è nessun NAV nel codice che mi hai postato!
Il sito è on-line?
Se sì mandami il link...