Sempre menù in css

**Sonikag** · 09-06-2004, 09:59

<div id="menu">
<ul>
<li id="activelink">Cerca numero[*]Aggiungi numero[*]Modifica numero[/list]
</div>

---

div#menu {
background-color: #9cf;
border-bottom: 1px solid #787878;
padding-left: 20px;
text-transform: uppercase;
padding-bottom: 0px;
margin: 0px;
padding-top: 0px;
padding-right: 0px;}

div#menu ul{list-style-type: none;margin: 0;padding: 0px;white-space: nowrap}

div#menu li{display: inline;margin: 0;padding:0px}

div#menu li a{
text-decoration: none;
border: 1px solid #787878;
padding: 0.4em 1em 0px;
background: #ccc;
color: #036;}

div#menu li a:hover{
background-color: #f0f0f0;
padding-top: 0.4em;
padding-right: 1em;
padding-bottom: 0px;
padding-left: 1em;}

div#menu li#activelink a{
background-color: #F4FAFF;
color: #603;
border-bottom-width: 1px;
border-bottom-style: solid;
border-top-color: #787878;
border-right-color: #787878;
border-bottom-color: #F4FAFF;
border-left-color: #787878;
border-top-width: 1px;
border-right-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-left-style: solid;
padding: 0.4em 1em 0px;
font-weight: bold;}

---
Perchè fino a ieri il layout era uguale a:
http://pro.html.it/articoli/id_482/idcat_8/pro.html
e oggi mi ritrovo i link bordati???

**Sonikag** · 10-06-2004, 09:06

up

**span** · 10-06-2004, 09:08

puoi mettere una pagina online che non ho voglia di ricrearmi la stuttura xhmlt e non capiso cosa intendi per bordati?

**Sonikag** · 10-06-2004, 09:27

Non mi è possibile mettere la pag on-line, ti copio il codice x intero:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Rubrica telefonica</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<link href="rubrica.css" rel="stylesheet" type="text/css">
</head>

<body>
<div id="header">
<h1>Rubrica telefonica</h1>
</div>
<div id="menu">
<ul>[*]Cerca numero[*]Aggiungi numero
<li id="activelink">MODIFICA RUBRICA[/list]
</div>
<div class="contenuto">
<p class="bold"> sdjslkdjflks</p>
</div>
</body>
</html>

---

html,body{margin:0;padding:0}

body{
font: 100%/20px Verdana, Arial, Helvetica, sans-serif;
background-color: #F4FAFF;
}

a {font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; color: #000000; font-size: 0.9em;}
a:active {font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; color: #000000;}
a:hover {font-family: Verdana, Arial, Helvetica, sans-serif; color: #006699; text-decoration: underline}
a:link {font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000;}
a:visited {font-family: Verdana, Arial, Helvetica, sans-serif; color: #006699}

.box {font-size: 0.9em; margin: 1.5em; text-align: center;}

.modulo {
font-size: 0.9em;
font-weight: bold;
background-color: #006699;
text-align: center;
margin: auto;
line-height: 40px;
color: #FFFFE8;
padding: 6px;
width: 700px;
}

h2{margin:1em 0 0 20px; line-height: 20px;}

p.codice{
font-size: 0.9 em;
padding-right: 20px;
padding-left: 20px;
}

div#header{background-color:#9CF}

div#header h1{
margin:0;
margin-left:20px;
font-size: 1.2em;
text-transform: uppercase;
line-height: 50px;
}

/* MENU */

div#menu {
background-color: #9cf;
border-bottom: 1px solid #787878;
padding-left: 20px;
text-transform: uppercase;
padding-bottom: 0px;
margin: 0px;
padding-top: 0px;
padding-right: 0px;
}

div#menu ul{list-style-type: none;margin: 0;padding: 0px;white-space: nowrap}

div#menu li{display: inline;margin: 0;padding:0px}

div#menu li a{
text-decoration: none;
border: 1px solid #787878;
padding: 0.4em 1em 0px;
background: #ccc;
color: #036;
}

div#menu li a:hover{
background-color: #f0f0f0;
padding-top: 0.4em;
padding-right: 1em;
padding-bottom: 0px;
padding-left: 1em;
}

div#menu li#activelink a{
background-color: #F4FAFF;
color: #603;
border-bottom-width: 1px;
border-bottom-style: solid;
border-top-color: #787878;
border-right-color: #787878;
border-bottom-color: #F4FAFF;
border-left-color: #787878;
border-top-width: 1px;
border-right-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-left-style: solid;
padding: 0.4em 1em 0px;
font-weight: bold;
}

/* -- FORM -- */

.bottone {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.9em;
margin: 6px;
text-transform: uppercase;
}

.inpbox {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em; background-color: #FFFAF6;}

.lettera {
padding: 2px;
}

.bold {
font-weight: bold;
}
.contenuto {
font-size: 0.8em;
padding-left: 20px;

}

**span** · 10-06-2004, 10:48

il problema te lo da quell'interlinea di 20px che definisci nel body... non so dirti altro, non ho ancora capito bene come funziona quel menu

**Sonikag** · 10-06-2004, 10:54

Hai detto abbastanza!

Mi sembrava strano non aver cambiato il menu e che da un giorno all'altro cambiasse visualizzazione...
Devo dire che quel 20px non so da dove mi sia uscito, bah!

Grazie tutto risolto

Discussione: Sempre menù in css

Strumenti discussione

Ricerca discussione

Visualizza

Sempre menù in css

Permessi di invio