Visualizzazione dei risultati da 1 a 7 su 7
  1. #1
    Utente di HTML.it L'avatar di gabar-el
    Registrato dal
    Jun 2006
    Messaggi
    2,222

    elementi lista sulla stessa linea

    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
    Si fanno sempre nuove scoperte

  2. #2
    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
    }

  3. #3
    Utente di HTML.it L'avatar di gabar-el
    Registrato dal
    Jun 2006
    Messaggi
    2,222
    grazie mille! efficente, semplice e veloce! che voglio di +?
    Si fanno sempre nuove scoperte

  4. #4
    Di nulla.

  5. #5
    Utente di HTML.it L'avatar di gabar-el
    Registrato dal
    Jun 2006
    Messaggi
    2,222
    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
    Si fanno sempre nuove scoperte

  6. #6
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    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.
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  7. #7
    Utente di HTML.it L'avatar di gabar-el
    Registrato dal
    Jun 2006
    Messaggi
    2,222
    grazie....
    Si fanno sempre nuove scoperte

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.