Non c'è proprio verso di fare digerire le ancore in un div settato overflow hidden a opera ?
CSS
/*-----definisce la lista dentro il box-----*/
#sinistra
{
width: 45%;
margin: 18px auto;
padding: 1em 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: center;
background-color: #EBEBEB;
float: left;
}
ul#sx
{
text-align: left;
list-style: none;
padding: 0;
margin: 0 auto;
width: 86%;
}
ul#sx li
{
display: block;
padding: 0;
margin-top: 10px;
}
ul#sx li a
{
display: block;
width: 100%;
padding: 0.2em 0 0.2em 1em;
border-width: 1px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;
color: #777;
text-decoration: none;
background-color: #F8F8F8;
}
#sinistra>ul#sx li a { width: auto; }
ul#sx li a:hover, ul#sx li#active a:hover
{
color: #800000;
background: transparent;
border-color: #aaab9c #fff #fff #ccc;
}
/*----fine definizione lista sinistra*/
#scorre
{
width: 45%;
margin: 18px auto;
padding: 1em;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: left;
float: right;
background: transparent;
border: solid #DDDDDD 1px;
height: 68%;
overflow: hidden;
}
#traduzioni
{
background: transparent;
}
HTML
<div id="sinistra">
<ul id="sx" >
<li >Traduzioni
<li >Gestione contenuti
<li >Cataloghi interattivi
<li >Manuali elettronici
<li >Ricerche web
<li >Posizionamento nel web
<li >Campagne pubblicitarie online
[/list]
</div>
<div id="scorre">
[img]immagini/pescerosso.jpg[/img]
<div id="traduzioni">
<h2>Traduzioni</h2>
For this tutorial, I suggest you use only the very simplest of
tools. E.g., Notepad (under Windows), TextEdit (on the Mac) or KEdit
(under KDE) will do fine. Once you understand the principles, you mayFor this tutorial, I suggest you use only the very simplest of
tools. E.g., Notepad (under Windows), TextEdit (on the Mac) or KEdit
(under KDE)
</p>
</div>
<div id="gestione">
<h2>Gestione contenuti</h2>
You probably see some black text on a white background, but it
depends on how the browser is configured. So one easy thing we can do
to make the page more stylish is to add some colors. (Leave the
browser open, we will use it again later.)For this tutorial, I suggest you use only the very simplest of
tools. E.g., Notepad (under Windows), TextEdit (on the Mac) or KEdit
(under KDE)
</p>
</div>
<div id="cataloghi">
<h2>Cataloghi interattivi</h2>
For this tutorial, I suggest you use only the very simplest of
tools. E.g., Notepad (under Windows), TextEdit (on the Mac) or KEdit
(under KDE) will do fine. Once you understand the principles, you mayFor this tutorial, I suggest you use only the very simplest of
tools. E.g., Notepad (under Windows), TextEdit (on the Mac) or KEdit
(under KDE)
</p>
</div>
<div id="manuali">
<h2>Manuali elettronici</h2>
For this tutorial, I suggest you use only the very simplest of
tools. E.g., Notepad (under Windows), TextEdit (on the Mac) or KEdit
(under KDE) will do fine. Once you understand the principles, you mayFor this tutorial, I suggest you use only the very simplest of
tools. E.g., Notepad (under Windows), TextEdit (on the Mac) or KEdit
(under KDE)
</p>
</div>
<div id="ricerche">
<h2>Ricerche web</h2>
For this tutorial, I suggest you use only the very simplest of
tools. E.g., Notepad (under Windows), TextEdit (on the Mac) or KEdit
(under KDE) will do fine. Once you understand the principles, you mayFor this tutorial, I suggest you use only the very simplest of
tools. E.g., Notepad (under Windows), TextEdit (on the Mac) or KEdit
(under KDE)
</p>
</div>
<div id="posizionamento">
<h2>posizionamento nel web</h2>
For this tutorial, I suggest you use only the very simplest of
tools. E.g., Notepad (under Windows), TextEdit (on the Mac) or KEdit
(under KDE) will do fine. Once you understand the principles, you mayFor this tutorial, I suggest you use only the very simplest of
tools. E.g., Notepad (under Windows), TextEdit (on the Mac) or KEdit
(under KDE)
</p>
</div>
<div id="campagne">
<h2>Campagne pubblicitarie online</h2>
For this tutorial, I suggest you use only the very simplest of
tools. E.g., Notepad (under Windows), TextEdit (on the Mac) or KEdit
(under KDE) will do fine. Once you understand the principles, you mayFor this tutorial, I suggest you use only the very simplest of
tools. E.g., Notepad (under Windows), TextEdit (on the Mac) or KEdit
(under KDE)
</p>
</div>
</div>
Mi va bene qualunque cosa ma lato client (js, dhtml)
grassie
paolo
Rispondi quotando
