Precedente :: Successivo |
Autore |
Messaggio |
pincopallino Dio maturo
Registrato: 05/05/02 08:05 Messaggi: 3396 Residenza: Paperopoli
|
|
Top |
|
|
rebelia Dio maturo
Registrato: 17/07/03 08:22 Messaggi: 7987
|
|
Top |
|
|
pincopallino Dio maturo
Registrato: 05/05/02 08:05 Messaggi: 3396 Residenza: Paperopoli
|
|
Top |
|
|
rebelia Dio maturo
Registrato: 17/07/03 08:22 Messaggi: 7987
|
|
Top |
|
|
pincopallino Dio maturo
Registrato: 05/05/02 08:05 Messaggi: 3396 Residenza: Paperopoli
|
|
Top |
|
|
rebelia Dio maturo
Registrato: 17/07/03 08:22 Messaggi: 7987
|
|
Top |
|
|
pincopallino Dio maturo
Registrato: 05/05/02 08:05 Messaggi: 3396 Residenza: Paperopoli
|
|
Top |
|
|
rebelia Dio maturo
Registrato: 17/07/03 08:22 Messaggi: 7987
|
Inviato: 12 Mar 2005 23:01 Oggetto: ... |
|
|
per una volta che non parlate di cose astruse, mi scateno
Quote: Provato, ma crea più problemi di quanti non ne risolva. Devo creare un ulteriore DIV visto che il menù ha sfondo di colore diverso. Poi l'elenco risulta allineato in alto, anche se nel CSS metto un vertical-align="middle". Infine, in Opera i due DIV risultano separati, e quindi si vede lo sfondo bianco fra i due - davvero un pessimo effetto!
<html>
<head>
<title>nuovo menu</title>
<style>
#menu {
width: 100%;
height: 30px;
background: #000;
text-align: center;
padding-top: 5px;
}
#menu ul {
list-style: none;
margin: 0px;
padding: 0px;
}
#menu ul li {
display: inline;
padding-left: 20px;
padding-right: 20px;
}
#menu a {
font-size: 12px;
line-height: 100%;
margin: 0px;
padding:0px;
color: Highlight;
text-decoration: underline;
}
#menu a:visited {
color: ButtonFace;
text-decoration: underline;
}
#menu a:active {
color: Red;
text-decoration: underline;
}
#menu a:hover {
color: Lime;
background-color: transparent;
text-decoration: overline;
}
</style>
</head>
<body>
<!-- vecchio menu //---
<TABLE width="800" cellpadding="0" cellspacing="0" border="0" bgcolor="#000000;">
<TR style="height:36">
<TD align="center" valign="middle">
<P class="menu"><A class="menu" href="present_dpt.htm">Présentation</A>
</TD>
<TD align="center" valign="middle">
<P class="menu"><A class="menu" href="enseignants.htm">Personnel</A>
</TD>
<TD align="center" valign="middle">
<P class="menu"><A class="menu" href="formations.htm">Formations</A>
</TD>
<TD align="center" valign="middle">
<P class="menu"><A class="menu" href="emplois.htm">Emplois</A>
</TD>
<TD align="center" valign="middle">
<P class="menu"><A class="menu" href="terrain.htm">Terrain</A>
</TD>
<TD align="center" valign="middle">
<P class="menu"><A class="menu" href="associations.htm">Associations</A>
</TD>
<TD align="center" valign="middle">
<P class="menu"><A class="menu" href="doc_cours.htm">Doc. Cours</A>
</TD>
<TD align="center" valign="middle">
<P class="menu"><A class="menu" href="listes.htm">Listes</A>
</TD>
</TR>
</TABLE>
<-- nuovo menu, la formattazione e' in head //---
<div id="menu">
<ul>
<li><a class="menu" href="present_dpt.htm">Présentation</A></li>
<li><a class="menu" href="enseignants.htm">Personnel</A></li>
<li><a class="menu" href="formations.htm">Formations</A></li>
<li><A class="menu" href="emplois.htm">Emplois</A></li>
<li><A class="menu" href="terrain.htm">Terrain</A></li>
<li><A class="menu" href="associations.htm">Associations</A></li>
<li><A class="menu" href="doc_cours.htm">Doc. Cours</A></li>
<li><A class="menu" href="listes.htm">Listes</A></li>
</ul>
</div>
</body>
</html>
per il problema dei pixel che non stanno, prova a dare la misura di 800px (ottocento? fai 750 e sta sia nei monitor 1024 che nei monitor 800 ) solo al contenitore esterno, tutti gli altri mettili a 100% oppure non metter niente, che si regolino da soli, dovresti risolvere; l'unico di cui ti serve misura e' quello che forma la colonna di sx
Quote: Questo non saprei proprio. Prima di tutto, il risultato dipende dal browser. Inoltre, il testo a destra ha lunghezza molto diversa a seconda delle pagine, quindi non posso mettere un padding identico nel CSS per compensare. O forse intendevi metterlo nel codice HTML di ogni pagina? Ma si può mettere un padding all'interno di un DIV?
ogni elemento ha un contenuto, un padding, un border e un margin, che si tratti di una parola, di un div, di un titolo, un paragrafo o qualsiasi cosa
l'unico tuo problema e' il fatto che la colonna di dx e' a volte di misura piu' corta di quella di sx, a volte piu' lunga, ma e' presto risolto: il tuo sito ha 8 pagine ed e' statico, quindi crei una classe con un padding di... mmm... 200px (per dire) e nelle pagine sicuramente piu' corte infili 'sta classe nel div della colonna di dx: in fondo si tratta in tutto di aggiungere la classe in 3-4 pagine max ed hai risolto
se proprio proprio puoi anche creare delle classi personalizzate per ognuna delle 3-4 pagine, ma io di solito trovo una misura che vada bene per il div piu' corto e lascio quella per tutte le altre
edit e ri-edit: 'sto coso mi sostituisce la chiusura del commento con un trattino, non chiedetemi perche'!
considerate i due commenti chiusi correttamente anziche' in quel modo bischero, uff!
p.s. posso chiederti come mai dai il background transparent ad uno dei valori di a? transparent e' di default, lo si usa per effetti particolari che io sappia (son curiosa )
Edited by: rebelia at: 12/3/05 23:09
|
|
Top |
|
|
pincopallino Dio maturo
Registrato: 05/05/02 08:05 Messaggi: 3396 Residenza: Paperopoli
|
|
Top |
|
|
rebelia Dio maturo
Registrato: 17/07/03 08:22 Messaggi: 7987
|
|
Top |
|
|
pincopallino Dio maturo
Registrato: 05/05/02 08:05 Messaggi: 3396 Residenza: Paperopoli
|
Inviato: 13 Mar 2005 10:59 Oggetto: Re: ... |
|
|
OK Reb,
ho seguito i tuoi preziosi consigli ed il risultato è ora online. Niente più serie di BR ma tre diversi DIV (normale, short e medium) con diversi padding-bottom, a seconda del contenuto della colonna di destra. Ho pure eliminato la tabella del menu, sostiuendola con degli UL / LI. Ovviamente è ancora perfettibile, ma mi sembra già notevolmente migliorato. La prima volta che passo dalle tue parti ti offro una cioccolata (magari riusciamo a fare tutt'uno con la birra che devo a SverX).
Quote: p.s. non sono una forza 'sti css?
Mai avuto dubbii. Il problema è che, per mancanza di tempo, sono costretto ad imparare "sul campo", invece di studiarmi sistematicamente la teoria, come si dovrebbe fare (in teoria, appunto )
_________________________________
Support Opera browser - read why |
|
Top |
|
|
|