• User

    chi me lo può spiegare?

    scusate ma è da un paio di giorni che cerco risposte alla mia domanda su internet ma non ho trovato nulla di specifico. in sostanza non capisco in che modo vengono chiamate le id all'interno del file .css

    #subpages ul.submenu{line-height:1.4em;list-style:none; margin:0;}
    ul.submenu li{display:inline; line-height:1.4em; width:180px; padding:0;}
    ul.submenu li a{background-color:#f4f4f4;border-left:4px solid #cccccc;color:#505050;float:left;font-weight:bold;margin-bottom:5px;padding:3px 1px 3px 5px;text-decoration:none;width:180px;}
    ul.submenu li ul{margin:0 0 5px 10px;width:170px;}
    ul.submenu li ul li a{width:170px;}
    ul.submenu li ul ul{margin:0 0 5px 10px;width:160px;}
    ul.submenu li ul ul li a{width:160px;}
    ul.submenu li ul ul ul{margin:0 0 5px 10px;width:150px;}
    ul.submenu li ul ul ul li a{width:150px;}
    ul.submenu li a:hover,#subpages ul.submenu li.current_page_item a{background-color:#eaeaea;border-left:4px solid #286ea0;color:#505050;}
    ul.submenu li.current_page_item ul li a{background-color:#f4f4f4;border-left:4px solid;color:#505050;}

    nel file in php vi è solo la chiamata div=subpage e ul class=submenu


  • Moderatore

    nel file in php vi è solo la chiamata div=subpage e ul class=submenu

    allora la questione è semplice....

    CSS suddivide gli elementi in 3 categorie....la prima comprende tutti gli elementi propri di HTML ( <a>, <br />, <h1>, ..... ), la seconda le cosidette classi ( rappresentate da un punto seguito da un identificatore di classe, es. .classesottomenu )

    la terza è quella degli identificatori rappresentati da un cancelletto ( es. #idmenusuperiore )

    quando vai nell'html per usare le varie classi e identificatori CSS devi usare

    <a class="classesottomenu" ......>

    <div id="menusuperiore">........


  • User

    ok quindi per richiamare la 2 classe dovrei scrivere <div id="subpage"> <a class="ul.submenu li">? ma che servono i vati li ul ? per completezza ti riporto anche il file in php che richiama la classe subpage

    [ATTACH]141[/ATTACH]


  • Moderatore

    mmm penso ci sia un fraintendimento di fondo.....

    CSS è un linguaggio descrittivo che serve a formattare a livello grafico le pagine HTML.....

    non ha quindi nulla a che fare con PHP e gli "script" CSS non sono dei programmi nel senso classico della cosa

    adesso scendendo nel dettaglio, bisogna dire che l'HTML per incorporare le informazioni contenute nei CSS usa gli attributi ID e CLASS che quasi tutti gli elementi dell'HTML posseggono.....

    prendendo questa riga

    
    echo'<div id="subpages"><h2>Subpages for ';
    

    nota che il comando PHP è echo mentre tutto il resto è l'output HTML da inviare al browser.....i vari div, ul, td, br, ecc... sono elementi del linguaggio HTML che non è un linguaggio di programmazione ma un linguaggio di markup, usato per codificare contenuti ipertestuali sul web


  • Bannato Super User

    @ipstatico said:

    ok quindi per richiamare la 2 classe dovrei scrivere <div id="subpage"> <a class="ul.submenu li">? ma che servono i vati li ul ? per completezza ti riporto anche il file in php che richiama la classe subpage

    [ATTACH]141[/ATTACH]

    ps.* la prossima volta metti un titolo alla discussione più descrittivo, cosicchè chi legge sa, o meno, se può aiutarti o no 😉 *


  • User

    quello che non ho capito bene è l'utilità delle righe 2 e 3 ad esemopio del listato; quando scrivo div id="subpage" a class="sub.menu" a quali righe del listato faccio riferimento? a tutte? in sostanza a che servono le righe seconda e terza?


  • Moderatore

    per questo dicevo che c'è stato un fraintendimento....ragionare in termini di listato, programma, routine è sbagliato nel caso di HTML e CSS....

    premesso che PHP non c'entra nulla nè con HTML nè con CSS, nel senso che HTML e CSS sono due linguaggi di markup indipendenti, la questione è che i CSS definiscono le proprietà degli elementi HTML a livello grafico ( cioè di come saranno rappresentati sullo schermo ), mentre HTML definisce la struttura logica di un documento ipertestuale.....

    gli attributi ID e CLASS dell'HTML servono ad assegnare lo stile all'elemento HTML in cui sono contenuti.....

    <div id="subpage"> vuol dire che il <div> verrà formattato a schermo secondo le regole definite nell'identificatore subpage definito nel CSS


  • User

    andrò in biblioteca e cercherò un libro sui css. se poi non avrò risolto il mio dubbio vuol dire che vi ricontatterò. nel frattempo grazie