Wie können Sie ausblenden der Titel-tag mit CSS?

<article id="node-13" class="node node-article node-promoted node-teaser contextual-links-region clearfix" about="/fos/node/13" typeof="sioc:Item foaf:Document">

<header>

<h2 class="title" property="dc:title" datatype="">

 <a href="/fos/node/13">TITLE GOES HERE.....</a>

</h2>

</header>

</article>

Ich mich verstecken muss sich der Titel mit CSS.

Wie kann ich das machen...

So, ich bin Total neu auf CSS-freundlicherweise Ratschläge, wie dies zu tun..

UPDATE:

Für die eindeutige Artikel-id

wenn wir geben, Titel:hidden wird es nicht angezeigt, für alle Knoten.

In meinem Fall sollte es nicht die Anzeige nur für bestimmte Knoten.

InformationsquelleAutor Fero | 2012-11-29

  1. 3

    Geben es display:none;:

    article#node-13 h2.title { display: none; }

    Alternativ verwenden visibility:hidden;

    article#node-13 h2.title { visibility:hidden;}

    display:none bedeutet, dass der tag in Frage gestellt werden, erscheinen nicht auf der Seite bei all - rhere wird kein Speicherplatz reserviert, die es zwischen den anderen tags.

    visibility:hidden bedeutet, dass im Gegensatz zu display:none, der tag ist nicht sichtbar, aber der Platz ist reserviert für Sie auf der Seite.

    InformationsquelleAutor lifetimes

  2. 3

    Entfernen Sie das element aus dem Fluss der Seite:

    display:none;

    Verstecken das element aber halten Sie es in den Fluss der Seite:

    visibility:hidden;

    InformationsquelleAutor George

  3. 2

    Versuchen article#node-13 h2.title { display: none; } nur, verstecken die "title" - element, wenn es in Knoten 13,

    Demo: http://jsfiddle.net/SO_AMK/2QQDd/

    Wenn Sie möchten, zu verbergen, die den gesamten Artikel, dann könnte man dies tun: article#node-13 { display: none; }.

    Bitte beachten Sie, dass display: none; komplett entfernt das element aus der Seite fließen, bedeutet dies, dass das element nicht nur unsichtbar, sondern es wird völlig zusammenbrechen.

    Wenn Sie möchten, um lediglich ausblenden element und nicht "zusammenbrechen", dann sollten Sie verwenden article#node-13 h2.title { visibility: hidden; }. Wie Sie sehen können, in der demo, es dauert noch, bis Raum über den zweiten link,

    Demo: http://jsfiddle.net/SO_AMK/wwRsa/

    InformationsquelleAutor A.M.K

Schreibe einen Kommentar