elementi lista sulla stessa linea

**gabar-el** · 06-07-2007, 17:36

ciao, stavo cercando di capire se è possibile tenere il primo elemento di una sotto-lista in linea con il primo elemento della lista. provo a fare un es.

codice:

<ul>[*]primo elemento lista
<ul>[*]primo elemento sotto-lista[*]secondo elemento sotto-lista[/list][/list]

quello che cerco di capire è se posso far si che "primo elemento lista" e "primo elemento sotto-lista" siano ulla stessa riga e non uno leggermente sotto all'altro. Forse posso cavarmela con dei margin-top negativi?
thank's

**gra-fichetto** · 06-07-2007, 17:43

La tua pagina:

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="it" lang="it">
<head>
<title></title>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-2" />
<link rel="stylesheet" href="stile.css" type="text/css" />
</head>

<body>
<ul>[*]primo elemento lista
<ul>[*]primo elemento sotto-lista[*]secondo elemento sotto-lista[/list][/list]
</body>
</html>

Il tuo CSS

codice:

ul, li, ul ul{
	margin: 0;
	padding: 0;
	display: inline
}

**gabar-el** · 06-07-2007, 17:45

grazie mille! efficente, semplice e veloce! che voglio di +?

**gra-fichetto** · 06-07-2007, 17:47

Di nulla.

**gabar-el** · 09-07-2007, 10:38

ciao, stavo provando solo ora il codice che mi hai dato e mi accorgo che non ottengo ciò che intendevo. Probabile che dovrò giocare sull' inline, ma la mia lista non deve essere tutta inline. Mi serve che il primo elemento e il secondo sia in linea, poi sotto il secondo devo avere una vera e propria lista. Forse me la posso cavare anche senza lista, ma di rientranze così ne ho + di una e non so se riesco. Faccio un esempio per chiarire:
primo elemento------lista primo elemento
--------------------lista primo elem.
--------------------lista primo elem.

secondo elemento---lista secondo elemento
--------------------lista secondo elem.
--------------------lista secondo elem.

thank's

**Mich_** · 10-07-2007, 16:43

Con l'inline non riesci a risolvere. Invece devi risolvere con il float.

Supponendo di avere un HTML di questo tipo:

codice:

<ul id="menu">[*]primo elemento
    <ul>[*]lista primo elemento[*]lista primo elem. - 2[*]lista primo elem. - 3[*]lista primo elem. - 4[/list]
  [*]secondo elemento
    <ul>[*]lista secondo elemento[*]lista secondo elem. - 2[*]lista secondo elem. - 3[*]lista secondo elem. - 4[/list]
  [/list]

devi avere un CSS di questo tipo:

codice:

#menu {
  width: ...;
}
#menu li {
  width: 20%;   /* (1) */
  float: left;
}
#menu ul {
  width: 70%;   /* (2) */
  float: left;
}
#menu ul li {
  width: 90%;
}

la somma delle due larghezze dovra` essere all'incirca 90%, per dare spazio anche ai vari margin e padding usati da <ul> e[*]. Comunque la somma di (1) + (2) dovra` essere maggiore di 100 - (1), altrimenti il successivo[*] non andra` a capo.

**gabar-el** · 10-07-2007, 21:55

grazie....

Discussione: elementi lista sulla stessa linea

Strumenti discussione

Ricerca discussione

Visualizza

elementi lista sulla stessa linea

Permessi di invio