Mostra notizie nelle discussioni
  • Avatar
    Scritto da
    Non Autenticato
    il 2016-07-29 02:10:28.0 alle 2016-07-29 02:10:28.0
    selettore CSS cercasi
    Mentre dormite, mentre Yoda depenna l'arabo dal curriculum, mentre i musulmani tramano attentati e ogni idiota progetta una strage da rivendicare a nome dei musulmani, nottetempo Gatto Insonne s'arrovella a lume di candela sui misteri di CSS.

    Seguendo la logica del tema di Wordpress che sto modificando, ho definito un margine inferiore per spaziare i vari elementi tipo blocco, quali H# e P. Tuttavia, quando degli H# si trovino adiacenti, ad esempio

    <h1>Heading 1</h1>

<h2>Heading 2</h2>

<h3>Heading 3</h3>

<h4>Heading 4</h4>

<h5>Heading 5</h5>

<h6>Heading 6</h6>

    vorrei che questo margine inferiore fosse zero in modo di avere

    Heading 1
    Heading 2
    Heading 3
    Heading 4
    Heading 5
    Heading 6

    invece di

    Heading 1

    Heading 2

    Heading 3

    Heading 4

    Heading 5

    Heading 6

    (semplificando un po' il problema).

    Allora ho messo nel foglio di stile

    .pippo h1 + h2 {
margin-bottom: 0px;
}

.pippo h2 + h3 {
margin-bottom: 0px;
}

.pippo h3 + h4 {
margin-bottom: 0px;
}

.pippo h4 + h5 {
margin-bottom: 0px;
}

.pippo h5 + h6 {
margin-bottom: 0px;
}

    ma ottengo

    Heading 1

    Heading 2
    Heading 3
    Heading 4
    Heading 5
    Heading 6

    perché il selettore .pippo h1 + h2

    seleziona all'interno di .pippo un H2 immediatamente preceduto da un H1 (e i selettori restanti un H3 preceduto da un H2, e così via) per dargli margine inferiore nullo, ma non l'H1 che quindi continua ad avere il margine.

    Che selettore dovrei usare per comprendere anche l'H1?
    • Avatar
      Scritto da
      Non Autenticato
      il 2016-07-29 02:33:56.0 alle 2016-07-29 02:33:56.0
      Re: selettore CSS cercasi
      Scritto da:
      > Mentre dormite, mentre Yoda depenna l'arabo dal curriculum,


      A bocca aperta A bocca aperta


      > mentre i musulmani tramano attentati e ogni idiota progetta una strage da >rivendicare a nome dei musulmani, nottetempo Gatto Insonne s'arrovella a lume di >candela sui misteri di CSS.
      >
      > Seguendo la logica del tema di Wordpress che sto modificando, ho definito un margine inferiore per spaziare i vari elementi tipo blocco, quali H# e P. Tuttavia, quando degli H# si trovino adiacenti, ad esempio
      >
      > 
      <h1>Heading 1</h1>
> 
> <h2>Heading 2</h2>
> 
> <h3>Heading 3</h3>
> 
> <h4>Heading 4</h4>
> 
> <h5>Heading 5</h5>
> 
> <h6>Heading 6</h6>

      > vorrei che questo margine inferiore fosse zero in modo di avere
      >
      > Heading 1
      > Heading 2
      > Heading 3
      > Heading 4
      > Heading 5
      > Heading 6
      >
      > invece di
      >
      > Heading 1
      >
      > Heading 2
      >
      > Heading 3
      >
      > Heading 4
      >
      > Heading 5
      >
      > Heading 6
      >
      > (semplificando un po' il problema).
      >
      > Allora ho messo nel foglio di stile
      >
      > 
      .pippo h1 + h2 {
> margin-bottom: 0px;
> }
> 
> .pippo h2 + h3 {
> margin-bottom: 0px;
> }
> 
> .pippo h3 + h4 {
> margin-bottom: 0px;
> }
> 
> .pippo h4 + h5 {
> margin-bottom: 0px;
> }
> 
> .pippo h5 + h6 {
> margin-bottom: 0px;
> }

      > ma ottengo
      >
      > Heading 1
      >
      > Heading 2
      > Heading 3
      > Heading 4
      > Heading 5
      > Heading 6
      >
      > perché il selettore .pippo h1 + h2
      >
      > seleziona all'interno di .pippo un H2 immediatamente preceduto da un H1 (e i selettori restanti un H3 preceduto da un H2, e così via) per dargli margine inferiore nullo, ma non l'H1 che quindi continua ad avere il margine.
      >
      > Che selettore dovrei usare per comprendere anche l'H1?
      • Avatar
        Scritto da
        Non Autenticato
        il 2016-07-29 02:36:12.0 alle 2016-07-29 02:36:12.0
        Re: selettore CSS cercasi
        Scritto da:
        > Scritto da:
        > > Mentre dormite, mentre Yoda depenna l'arabo dal curriculum,
        >
        >
        > A bocca aperta A bocca aperta

        ieri ero con una amica cinese e ci fa, ma che lingue sai? io le dico inglese un po' di francese , un po' di tedesco e un po' di arabo..

        eh lei quando ho detto arabo , nel suo italiano stentato ci fa ..ahhh gli arabi!

        come dire non li posso vedere! loro stare con 4 donne!! facendo il segno con la mano e poi quindi no non voleva neanche sentirli nominare A bocca aperta A bocca aperta A bocca aperta

        lol


        >
        >
        > > mentre i musulmani tramano attentati e ogni idiota progetta una strage da >rivendicare a nome dei musulmani, nottetempo Gatto Insonne s'arrovella a lume di >candela sui misteri di CSS.
        > >
        > > Seguendo la logica del tema di Wordpress che sto modificando, ho definito un margine inferiore per spaziare i vari elementi tipo blocco, quali H# e P. Tuttavia, quando degli H# si trovino adiacenti, ad esempio
        > >
        > > 
        <h1>Heading 1</h1>
> > 
> > <h2>Heading 2</h2>
> > 
> > <h3>Heading 3</h3>
> > 
> > <h4>Heading 4</h4>
> > 
> > <h5>Heading 5</h5>
> > 
> > <h6>Heading 6</h6>

        > > vorrei che questo margine inferiore fosse zero in modo di avere
        > >
        > > Heading 1
        > > Heading 2
        > > Heading 3
        > > Heading 4
        > > Heading 5
        > > Heading 6
        > >
        > > invece di
        > >
        > > Heading 1
        > >
        > > Heading 2
        > >
        > > Heading 3
        > >
        > > Heading 4
        > >
        > > Heading 5
        > >
        > > Heading 6
        > >
        > > (semplificando un po' il problema).
        > >
        > > Allora ho messo nel foglio di stile
        > >
        > > 
        .pippo h1 + h2 {
> > margin-bottom: 0px;
> > }
> > 
> > .pippo h2 + h3 {
> > margin-bottom: 0px;
> > }
> > 
> > .pippo h3 + h4 {
> > margin-bottom: 0px;
> > }
> > 
> > .pippo h4 + h5 {
> > margin-bottom: 0px;
> > }
> > 
> > .pippo h5 + h6 {
> > margin-bottom: 0px;
> > }

        > > ma ottengo
        > >
        > > Heading 1
        > >
        > > Heading 2
        > > Heading 3
        > > Heading 4
        > > Heading 5
        > > Heading 6
        > >
        > > perché il selettore .pippo h1 + h2
        > >
        > > seleziona all'interno di .pippo un H2 immediatamente preceduto da un H1 (e i selettori restanti un H3 preceduto da un H2, e così via) per dargli margine inferiore nullo, ma non l'H1 che quindi continua ad avere il margine.
        > >
        > > Che selettore dovrei usare per comprendere anche l'H1?
        >
    • Avatar
      Scritto da
      Non Autenticato
      il 2016-07-29 14:38:46.0 alle 2016-07-29 14:38:46.0
      Re: selettore CSS cercasi
      > Mentre dormite, mentre Yoda depenna l'arabo dal curriculum, mentre i musulmani tramano attentati e ogni idiota progetta una strage da rivendicare a nome dei musulmani, nottetempo Gatto Insonne s'arrovella a lume di candela sui misteri di CSS.
      >
      > Seguendo la logica del tema di Wordpress che sto modificando, ho definito un margine inferiore per spaziare i vari elementi tipo blocco, quali H# e P. Tuttavia, quando degli H# si trovino adiacenti, ad esempio
      >
      > 
      <h1>Heading 1</h1>
> 
> <h2>Heading 2</h2>
> 
> <h3>Heading 3</h3>
> 
> <h4>Heading 4</h4>
> 
> <h5>Heading 5</h5>
> 
> <h6>Heading 6</h6>

      > vorrei che questo margine inferiore fosse zero in modo di avere
      >
      > Heading 1
      > Heading 2
      > Heading 3
      > Heading 4
      > Heading 5
      > Heading 6
      >
      > invece di
      >
      > Heading 1
      >
      > Heading 2
      >
      > Heading 3
      >
      > Heading 4
      >
      > Heading 5
      >
      > Heading 6
      >
      > (semplificando un po' il problema).
      >
      > Allora ho messo nel foglio di stile
      >
      > 
      .pippo h1 + h2 {
> margin-bottom: 0px;
> }
> 
> .pippo h2 + h3 {
> margin-bottom: 0px;
> }
> 
> .pippo h3 + h4 {
> margin-bottom: 0px;
> }
> 
> .pippo h4 + h5 {
> margin-bottom: 0px;
> }
> 
> .pippo h5 + h6 {
> margin-bottom: 0px;
> }

      > ma ottengo
      >
      > Heading 1
      >
      > Heading 2
      > Heading 3
      > Heading 4
      > Heading 5
      > Heading 6
      >
      > perché il selettore .pippo h1 + h2
      >
      > seleziona all'interno di .pippo un H2 immediatamente preceduto da un H1 (e i selettori restanti un H3 preceduto da un H2, e così via) per dargli margine inferiore nullo, ma non l'H1 che quindi continua ad avere il margine.
      >
      > Che selettore dovrei usare per comprendere anche l'H1?

      Uppete!

      In precedenza non mi sono mai accorto del problema perché nei miei siti spazio gli elementi tipo blocco con margin-top. Invece il foglio di stile del tema 2012 di Wordpress usa margin-bottom.
      Potrei provare a cambiare tutti i margin-bottom in margin-top, ma chissà che ripercussioni. Preferirei trovare un selettore che prenda tutti gli H# adiacenti.
      • Avatar
        Scritto da
        Non Autenticato
        il 2016-07-29 14:44:19.0 alle 2016-07-29 14:44:19.0
        Re: selettore CSS cercasi
        Scritto da:
        > > Mentre dormite, mentre Yoda depenna l'arabo dal curriculum, mentre i musulmani tramano attentati e ogni idiota progetta una strage da rivendicare a nome dei musulmani, nottetempo Gatto Insonne s'arrovella a lume di candela sui misteri di CSS.
        > >
        > > Seguendo la logica del tema di Wordpress che sto modificando, ho definito un margine inferiore per spaziare i vari elementi tipo blocco, quali H# e P. Tuttavia, quando degli H# si trovino adiacenti, ad esempio
        > >
        > > 
        <h1>Heading 1</h1>
> > 
> > <h2>Heading 2</h2>
> > 
> > <h3>Heading 3</h3>
> > 
> > <h4>Heading 4</h4>
> > 
> > <h5>Heading 5</h5>
> > 
> > <h6>Heading 6</h6>

        > > vorrei che questo margine inferiore fosse zero in modo di avere
        > >
        > > Heading 1
        > > Heading 2
        > > Heading 3
        > > Heading 4
        > > Heading 5
        > > Heading 6
        > >
        > > invece di
        > >
        > > Heading 1
        > >
        > > Heading 2
        > >
        > > Heading 3
        > >
        > > Heading 4
        > >
        > > Heading 5
        > >
        > > Heading 6
        > >
        > > (semplificando un po' il problema).
        > >
        > > Allora ho messo nel foglio di stile
        > >
        > > 
        .pippo h1 + h2 {
> > margin-bottom: 0px;
> > }
> > 
> > .pippo h2 + h3 {
> > margin-bottom: 0px;
> > }
> > 
> > .pippo h3 + h4 {
> > margin-bottom: 0px;
> > }
> > 
> > .pippo h4 + h5 {
> > margin-bottom: 0px;
> > }
> > 
> > .pippo h5 + h6 {
> > margin-bottom: 0px;
> > }

        > > ma ottengo
        > >
        > > Heading 1
        > >
        > > Heading 2
        > > Heading 3
        > > Heading 4
        > > Heading 5
        > > Heading 6
        > >
        > > perché il selettore .pippo h1 + h2
        > >
        > > seleziona all'interno di .pippo un H2 immediatamente preceduto da un H1 (e i selettori restanti un H3 preceduto da un H2, e così via) per dargli margine inferiore nullo, ma non l'H1 che quindi continua ad avere il margine.
        > >
        > > Che selettore dovrei usare per comprendere anche l'H1?
        >
        > Uppete!
        >
        > In precedenza non mi sono mai accorto del problema perché nei miei siti spazio gli elementi tipo blocco con margin-top. Invece il foglio di stile del tema 2012 di Wordpress usa margin-bottom.
        > Potrei provare a cambiare tutti i margin-bottom in margin-top, ma chissà che ripercussioni. Preferirei trovare un selettore che prenda tutti gli H# adiacenti.

        Ma perchè non fai fare il lavoro a qualcuno che ci capisca almeno qualcos?
        • Avatar
          Scritto da
          Non Autenticato
          il 2016-07-29 15:59:26.0 alle 2016-07-29 15:59:26.0
          Re: selettore CSS cercasi
          Scritto da:
          > Scritto da:
          > > > Mentre dormite, mentre Yoda depenna l'arabo dal curriculum, mentre i musulmani tramano attentati e ogni idiota progetta una strage da rivendicare a nome dei musulmani, nottetempo Gatto Insonne s'arrovella a lume di candela sui misteri di CSS.
          > > >
          > > > Seguendo la logica del tema di Wordpress che sto modificando, ho definito un margine inferiore per spaziare i vari elementi tipo blocco, quali H# e P. Tuttavia, quando degli H# si trovino adiacenti, ad esempio
          > > >
          > > > 
          <h1>Heading 1</h1>
> > > 
> > > <h2>Heading 2</h2>
> > > 
> > > <h3>Heading 3</h3>
> > > 
> > > <h4>Heading 4</h4>
> > > 
> > > <h5>Heading 5</h5>
> > > 
> > > <h6>Heading 6</h6>

          > > > vorrei che questo margine inferiore fosse zero in modo di avere
          > > >
          > > > Heading 1
          > > > Heading 2
          > > > Heading 3
          > > > Heading 4
          > > > Heading 5
          > > > Heading 6
          > > >
          > > > invece di
          > > >
          > > > Heading 1
          > > >
          > > > Heading 2
          > > >
          > > > Heading 3
          > > >
          > > > Heading 4
          > > >
          > > > Heading 5
          > > >
          > > > Heading 6
          > > >
          > > > (semplificando un po' il problema).
          > > >
          > > > Allora ho messo nel foglio di stile
          > > >
          > > > 
          .pippo h1 + h2 {
> > > margin-bottom: 0px;
> > > }
> > > 
> > > .pippo h2 + h3 {
> > > margin-bottom: 0px;
> > > }
> > > 
> > > .pippo h3 + h4 {
> > > margin-bottom: 0px;
> > > }
> > > 
> > > .pippo h4 + h5 {
> > > margin-bottom: 0px;
> > > }
> > > 
> > > .pippo h5 + h6 {
> > > margin-bottom: 0px;
> > > }

          > > > ma ottengo
          > > >
          > > > Heading 1
          > > >
          > > > Heading 2
          > > > Heading 3
          > > > Heading 4
          > > > Heading 5
          > > > Heading 6
          > > >
          > > > perché il selettore .pippo h1 + h2
          > > >
          > > > seleziona all'interno di .pippo un H2 immediatamente preceduto da un H1 (e i selettori restanti un H3 preceduto da un H2, e così via) per dargli margine inferiore nullo, ma non l'H1 che quindi continua ad avere il margine.
          > > >
          > > > Che selettore dovrei usare per comprendere anche l'H1?
          > >
          > > Uppete!
          > >
          > > In precedenza non mi sono mai accorto del problema perché nei miei siti spazio gli elementi tipo blocco con margin-top. Invece il foglio di stile del tema 2012 di Wordpress usa margin-bottom.
          > > Potrei provare a cambiare tutti i margin-bottom in margin-top, ma chissà che ripercussioni. Preferirei trovare un selettore che prenda tutti gli H# adiacenti.
          >
          > Ma perchè non fai fare il lavoro a qualcuno che ci capisca almeno qualcos?

          Questo forum sta diventando sempre più inutile per parlare di informatica.
          • Avatar
            Scritto da
            Non Autenticato
            il 2016-07-29 16:08:06.0 alle 2016-07-29 16:08:06.0
            Re: selettore CSS cercasi
            Scritto da:
            > Scritto da:
            > > Scritto da:
            > > > > Mentre dormite, mentre Yoda depenna l'arabo dal curriculum, mentre i musulmani tramano attentati e ogni idiota progetta una strage da rivendicare a nome dei musulmani, nottetempo Gatto Insonne s'arrovella a lume di candela sui misteri di CSS.
            > > > >
            > > > > Seguendo la logica del tema di Wordpress che sto modificando, ho definito un margine inferiore per spaziare i vari elementi tipo blocco, quali H# e P. Tuttavia, quando degli H# si trovino adiacenti, ad esempio
            > > > >
            > > > > 
            <h1>Heading 1</h1>
> > > > 
> > > > <h2>Heading 2</h2>
> > > > 
> > > > <h3>Heading 3</h3>
> > > > 
> > > > <h4>Heading 4</h4>
> > > > 
> > > > <h5>Heading 5</h5>
> > > > 
> > > > <h6>Heading 6</h6>

            > > > > vorrei che questo margine inferiore fosse zero in modo di avere
            > > > >
            > > > > Heading 1
            > > > > Heading 2
            > > > > Heading 3
            > > > > Heading 4
            > > > > Heading 5
            > > > > Heading 6
            > > > >
            > > > > invece di
            > > > >
            > > > > Heading 1
            > > > >
            > > > > Heading 2
            > > > >
            > > > > Heading 3
            > > > >
            > > > > Heading 4
            > > > >
            > > > > Heading 5
            > > > >
            > > > > Heading 6
            > > > >
            > > > > (semplificando un po' il problema).
            > > > >
            > > > > Allora ho messo nel foglio di stile
            > > > >
            > > > > 
            .pippo h1 + h2 {
> > > > margin-bottom: 0px;
> > > > }
> > > > 
> > > > .pippo h2 + h3 {
> > > > margin-bottom: 0px;
> > > > }
> > > > 
> > > > .pippo h3 + h4 {
> > > > margin-bottom: 0px;
> > > > }
> > > > 
> > > > .pippo h4 + h5 {
> > > > margin-bottom: 0px;
> > > > }
> > > > 
> > > > .pippo h5 + h6 {
> > > > margin-bottom: 0px;
> > > > }

            > > > > ma ottengo
            > > > >
            > > > > Heading 1
            > > > >
            > > > > Heading 2
            > > > > Heading 3
            > > > > Heading 4
            > > > > Heading 5
            > > > > Heading 6
            > > > >
            > > > > perché il selettore .pippo h1 + h2
            > > > >
            > > > > seleziona all'interno di .pippo un H2 immediatamente preceduto da un H1 (e i selettori restanti un H3 preceduto da un H2, e così via) per dargli margine inferiore nullo, ma non l'H1 che quindi continua ad avere il margine.
            > > > >
            > > > > Che selettore dovrei usare per comprendere anche l'H1?
            > > >
            > > > Uppete!
            > > >
            > > > In precedenza non mi sono mai accorto del problema perché nei miei siti spazio gli elementi tipo blocco con margin-top. Invece il foglio di stile del tema 2012 di Wordpress usa margin-bottom.
            > > > Potrei provare a cambiare tutti i margin-bottom in margin-top, ma chissà che ripercussioni. Preferirei trovare un selettore che prenda tutti gli H# adiacenti.
            > >
            > > Ma perchè non fai fare il lavoro a qualcuno che ci capisca almeno qualcos?
            >
            > Questo forum sta diventando sempre più inutile per parlare di informatica.

            Suorcagata si sarà rotta le balle di farti da maestrina.
    • Avatar
      Scritto da
      Non Autenticato
      il 2016-07-29 15:16:28.0 alle 2016-07-29 15:16:28.0
      Re: selettore CSS cercasi
      Scritto da:
      > Mentre dormite, mentre Yoda depenna l'arabo dal curriculum, mentre i musulmani tramano attentati e ogni idiota progetta una strage da rivendicare a nome dei musulmani, nottetempo Gatto Insonne s'arrovella a lume di candela sui misteri di CSS.
      >
      > Seguendo la logica del tema di Wordpress che sto modificando, ho definito un margine inferiore per spaziare i vari elementi tipo blocco, quali H# e P. Tuttavia, quando degli H# si trovino adiacenti, ad esempio
      >
      > 
      <h1>Heading 1</h1>
> 
> <h2>Heading 2</h2>
> 
> <h3>Heading 3</h3>
> 
> <h4>Heading 4</h4>
> 
> <h5>Heading 5</h5>
> 
> <h6>Heading 6</h6>

      > vorrei che questo margine inferiore fosse zero in modo di avere
      >
      > Heading 1
      > Heading 2
      > Heading 3
      > Heading 4
      > Heading 5
      > Heading 6
      >
      > invece di
      >
      > Heading 1
      >
      > Heading 2
      >
      > Heading 3
      >
      > Heading 4
      >
      > Heading 5
      >
      > Heading 6
      >
      > (semplificando un po' il problema).
      >
      > Allora ho messo nel foglio di stile
      >
      > 
      .pippo h1 + h2 {
> margin-bottom: 0px;
> }
> 
> .pippo h2 + h3 {
> margin-bottom: 0px;
> }
> 
> .pippo h3 + h4 {
> margin-bottom: 0px;
> }
> 
> .pippo h4 + h5 {
> margin-bottom: 0px;
> }
> 
> .pippo h5 + h6 {
> margin-bottom: 0px;
> }

      > ma ottengo
      >
      > Heading 1
      >
      > Heading 2
      > Heading 3
      > Heading 4
      > Heading 5
      > Heading 6
      >
      > perché il selettore .pippo h1 + h2
      >
      > seleziona all'interno di .pippo un H2 immediatamente preceduto da un H1 (e i selettori restanti un H3 preceduto da un H2, e così via) per dargli margine inferiore nullo, ma non l'H1 che quindi continua ad avere il margine.
      >
      > Che selettore dovrei usare per comprendere anche l'H1?

      Non so cosa dire, ho provato con jsfiddle ma non trovo il modo.

      Il punto è che gli headings in sostanza sono paragrafi ma con il carattere più grande, perciò è ovvio che si comportino da paragrafi.

      Un elemento che va a capo senza paragrafare (cioè, senza lasciare linee vuote prima e dopo) è il div.

      Nota bene: lo scopo dei tag HTML è da un lato quello di conferire uno "stile" rapido (senza dover scrivere righe di CSS) e dall'altro è semantico.

      Tolta la questione semantica, non ha senso utilizzare un elemento HTML pensato per comportarsi in un modo a volersi comportare in un altro, tipo forzare i paragrafi a non comportarsi da paragrafi.

      La mia domanda quindi è: perché vuoi utilizzare gli headings, quando hai constatato che gli headings sono paragrafi e quindi non sono ciò che stilisticamente vuoi tu? C'è una ragione semantica?
      Non potresti utilizzare dei div (che si comportano come vuoi tu) e a questi conferire una determinata font-size o font-weight?
<softv>

Pagina generata in 27 millisecondi

Utenti attivi: 16 nell'ultimo minuto, 43 negli ultimi cinque minuti, 95 negli ultimi 15 minuti