E' possibile eliminare un <br /> dai CSS?

[NeroInferno]

Ciao a tutti,
è possibile eliminare un tag
dai CSS, considerando il fatto che è stato assegnato un class ad ogni br?

Grazie

[fcaldera]

eliminarlo no
nasconderlo sì, basta dare display: none all'elemento br.classe

[NeroInferno]

Ciao caldera,
grazie come sempre per correre in aiuto!

Ho provato con:

br.clr {
   display: none;
}

..ma gli spazi sono sempre visibili :\ E' normale?

E' questa la pagina (mi riferisco allo spazio tra i due quadrati blu, con il
non mi flotta a sinistra un quadrato accanto all'altro..):
http://electricsheep.stampasucommiss...&category_id=3

Grazie

[Noodle]

Potresti selezionare il br attraverso selettori discendenti tipo:

#contenitore br {
display:none;
}

Oppure assegnargli una classe

<br class="accapo" />

.accapo {
display:none;
}

[NeroInferno]

Ho provato in tutti e due i modi ma niente da fare.. :|

Ho notato inoltre che i br (che come dicevo sono tutti <br class="clr"> ), hanno la seguente proprietà:

.clr {
  clear:both;
  overflow:hidden;
}

..per ovviare ho provato a dare le seguenti proprietà:

.clr {
  clear: none !important;
  display: none;
}

..ma non cambia nulla :\

Non è che qualche anima buona può guardarmi il codice qui:

http://electricsheep.stampasucommiss...&category_id=3

Grazie

[fcaldera]

.clr {
clear: none !important;
}

la presenza di questa regola fa cambiare la spaziatura almeno su FF3

comunque non mi è chiaro perchè vorresti eliminare i
visto che senza la regola sopra è come se non ci fossero (visivamente parlando)

[Mich_]

Non vedo relazione tra la domanda e il codice della pagina.

Nella pagina ci sono una decina di blocchi coinvolti: la semplificazione del coidce postato e` troppa rispetto alla complessita` della pagina.


Se vuoi fare delle prove, devi partire da un layout pulito, assolutamente senza Javascript, e limitando al massimo i blocchi coinvolti.

Prova questo codice in una pagina:

<div class="browseProductImageContainer">
  <p class="browseProductTitle">
    Male orange t-shirt
  </p>
  <p class="browsePriceContainer">&amp;euro;10.00</p>
</div>

<div class="browseProductImageContainer">
  <p class="browseProductTitle">
    Male red brick tshirt
  </p>
  <p class="browsePriceContainer">&amp;euro;10.99</p>
</div>

E poi inizia a sistemare i CSS per questo pezzetto.

Nota che questo pezzo e` semanticamente corretto, oltre che sintatticamente.