lista non ordinata

**FinalFantasy** · 05-10-2006, 20:57

ciao a tutti
vorrei dei consigli su come sistemare questa lista non ordinata x fare un navigatore (o menu)

codice:

ul.nav
{
  
  list-style: none;
  margin: 0px;
  padding: 0px;
}

ul.nav li
{
  display: inline;
  height:100px;  
}

ul.nav li a
{
  text-decoration: none;
  font-family:  Trebuchet MS, Tahoma, Verdana;
  font-size:12px;
  color:#FFFFFF;
}

ul.nav li a:hover
{
  color:#FFFF00;
  background: url(imgs/hl.jpg) repeat-x;
}

vorrei l'area cliccabile sia di 100% alto e vorrei ke al passaggio del mouse cambi sfondo. inoltre, vorrei che il testo stia basso, e non alto...alcune di queste modifiche funzionano con ie, ma nn con mozilla e nn riesco a mettere il testo basso, nonostante aver già provato vertical-align:bottom e text-bottom

suggerimenti? grazie e ciao

**Another-Life** · 05-10-2006, 21:59

Per il momento inizia a postare l'intero codice Css e Html/Xhtml^^

**FinalFantasy** · 06-10-2006, 00:04

Originariamente inviato da Another-Life
Per il momento inizia a postare l'intero codice Css e Html/Xhtml^^

il css c'è l'avete, ecco l'html

codice:

<div align="center">
  [img]imgs/logo.jpg[/img]

  <div id="top">
    <ul class="nav">[*]_home[*]_biografia[*]_pettegolezzi[*]_proponi[*]_foto[*]_guestbook[*]_contattaci[/list]
  </div>
</div>

**Another-Life** · 06-10-2006, 10:55

Allora....inanzitutto il Css che hai postato su è molto carente in quanto non gestisce gli altri elementi dichiarati nel documento Html/Xhtml(quali "top" ecc...)...oltretutto non ho ben capito alcune cose:

1)Il menu di navigazione che vuoi realizzare deve avere un altezza del 100% relativa al suo contenuto oppure alla finestra del browser?...

2)Percaso vuoi realizzare un layout elastico(ossia un layout in cui puoi ridimensionare le dimensioni di testo e quelle di ogni singolo elemento)??

[OT]: Sara he l'ho ripeto per la ventesima volta ma ci tengo a farlo:

Quando un utente vi chiede di postare l'intero codice Html/Xhtml e Css devi copiare ed incollare tutto cio che hai scritto all'interno dei documenti appena accennati.Nel documento Html che hai postato manca il DOCTYPE e altri elementi essenziali(quali l'elemento radice ecc...).

**FinalFantasy** · 06-10-2006, 14:01

ma gli altri elementi sn dikiarati, credevo ke nn interessavano a te...asp ke posto tutto

codice:

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Nuova pagina 1</title>
<style type="text/css">
body
{
  background-color:#000000;
  margin: 0em 2em 0em 2em;
}

#top
{
  width:100%;
  height:100px;
  background:url(imgs/top.jpg) repeat-x;
  
}

ul.nav
{
  
  list-style: none;
  margin: 0px;
  padding: 0px;
}

ul.nav li
{
  display: inline;
  height:100px;  
}

ul.nav li a
{
  text-decoration: none;
  font-family:  Trebuchet MS, Tahoma, Verdana;
  font-size:12px;
  color:#FFFFFF;
  height:100%;
}

ul.nav li a:hover
{
  color:#FFFF00;
  background: url(imgs/hl.jpg) repeat-x;
}

</style>
</head>

<body>
<div align="center">
  [img]imgs/logo.jpg[/img]

  <div id="top">
    <ul class="nav">[*]_home[*]_biografia[*]_pettegolezzi[*]_proponi[*]_foto[*]_guestbook[*]_contattaci[/list]
  </div>
</div>
</body>

</html>

**Another-Life** · 06-10-2006, 14:14

Si ma devi rispondere ancora alle due domande che ti ho fatto^^

Discussione: lista non ordinata

Strumenti discussione

Ricerca discussione

Visualizza

lista non ordinata

Permessi di invio