<h1> con sfondo allineato a destra

**cla83** · 23-12-2009, 01:59

Ciao a tutti,
premetto che ho cercato un po' nel forum la soluzione a questo problema, ma non saprei bene come cercare questa cosa.
Vorrei creare uno stile per il tag <h1> che consenta di avere uno sfondo rosso e che il testo si posizioni alla destra della pagina.
Il problema che mi si presenta (e che non so come risolvere) è che tutta la riga mantiere lo sfondo rosso, io vorrei invece che lo sfondo si limitasse ad essere presente solo al di sotto del testo che ho scritto.

Per motivi SEO non vorrei utilizzare un div con attibuto float:right.

E' possibile trovare una soluzione?

Ciao e grazie per l'aiuto

**Mich_** · 23-12-2009, 09:43

Una cosa di questo tipo?

codice:

HTML:
<h1><span>titolo</span></h1>

CSS:
h1 {
  width: 100%; 
  text-align: right;
  background-color: green;   /* serve per le prove - poi dovrai toglierlo */
}
h1 span {
  background-color: red;
}

**wino_7** · 24-12-2009, 11:54

Scusa ma perchè la regola float potrebbe dare problemi con il posizionamento?
Una cosa del genere se è vera è assurda.

**cla83** · 31-12-2009, 00:10

Preferisco che tutto il contenuto della pagina rimanga all'interno dello stesso div, sia i titoli (<h1><h2>ecc) che i paragrafi (

).

<div>
<h1>titolo</h1>

contenuto</p>
</div>

e non
<div>
<div><h1>titolo</h1></div>

contenuto</p>
</div>

I div creano delle sezioni logiche che da qualche motore di ricerca potrebbero anche essere interpretate male. Inoltre l'uso dei CSS dovrebbe poter evitare l'utilizzo di formule come <div><h1></h1></div>

**mucu** · 31-12-2009, 00:50

ma nulla ci impedisce di applicare il float: right all' <h1>

**wino_7** · 31-12-2009, 13:16

L'HTML consente di fare questo <div><h1></h1></div>, quindi non capisco il problema.

E' una cosa abbastanza logica ed è consentito.

**mucu** · 31-12-2009, 18:05

Originariamente inviato da wino_7
L'HTML consente di fare questo <div><h1></h1></div>, quindi non capisco il problema.

E' una cosa abbastanza logica ed è consentito.

è quasi come il paragone fra legalità e giustizia

**wino_7** · 31-12-2009, 18:54

Vabbè già ho perso troppo tempo in questa discussione, ma mi potete dire come c'è di strano nel fare questo ?

Codice PHP:


<html>

<head>

<title>Festa in piazza a capodanno</title>

</head>

<body>

  <div id="articolo">

    <h1>Festa in piazza</h1>

    

bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla </p>

  </div>

</body>

</html>

Discussione: <h1> con sfondo allineato a destra

Strumenti discussione

Ricerca discussione

Visualizza

<h1> con sfondo allineato a destra

Permessi di invio