[RISOLTO] Titolo articolo con comportamento bizzarro

[xeinar]

Ciao a tutti, e grazie per il supporto che state per darmi. Ho scarsa conoscenza di PHP e CSS quindi siate comprensivi 
Sto aggiornando il template del mio sito, e sto utilizzando una versione customizzata di Protostar. Ho appena scoperto che i titoli di articoli che cominciano con "il" vengono spezzati, e la parola "il" viene riportata su una riga a parte, a destra (nell'user.css ho specificato l'allineamento a sinistra).
 Esempi: [URL rimosso come da richiesta dell'utente]


Gli articoli che iniziano con altre parole non hanno questo problema: [URL rimosso come da richiesta dell'utente]

Credo che sia un qualche bug di codice, perche' e' stranissimo lo faccia solo con "il". Come se il testo venisse invece interpretato come un comando...Potete aiutarmi? Posso eventualmente mettere a disposizione i vari file index.php, template.css (che non ho modificato) e user.css
Grazie!!

[tonicopi]

Non lo fa solo con il ma in molti altri casi mette in quel modo la parte iniziale del titolo. Peraltro solo con chrome.
Benvenuto nel forum intanto 

[adottauncane]

Ciao
A me lo fa anche con FF...
Secondo me è solo Il che è troppo corto.
Aumenta un pochino il size dell'h2. Tipo:

Codice: [Seleziona]

h2 {

    font-size: 41px;
    color: #FF4E00;

}Non dovrebbe farlo più.
Ciao Tonicopi 

[xeinar]

Ciao, e grazie per i suggerimenti fin qui giunti.
Ho provato a modificare l'altezza del font, ma anche la soluzione a 41px non ha aiutato. Facendo ulteriori prove ho capito che si tratta di qualcosa collegato al resize fluido della finestra, tanto che paradossalmente riducendo la finestra del browser il titolo veniva riprodotto (sia su FF che su Chrome) sulla stessa linea.Alla fine sembra che abbia risolto mettendo nel .page-header un width: 95%, anche se non so se si tratti oggettivamente della soluzione piu' pulita...
Intanto grazie. Metto "risolto" ma se vogliamo continuare a investigare sono a disposizione, magari puo' servire a qualcun altro.

[tonicopi]

Soluzione trovata capo ha. Io non mi sono MAI imbattuto in un problema simile e ancora non ho capito come si verifichi 

[danielecr]

Al posto che modificare il width come hai fatto, puoi levare l'istruzione word-wrap, nel file template.css

Codice: [Seleziona]

h1, h2, h3, h4, h5, h6 {
    margin: 12px 0;
    word-wrap: break-word;
}

il word-wrap ti spezza una singola parola se la parola eccede il container dentro al quale sta; io la leverei, non mi piacerebbe che una singola parola andasse a capo.Me lo fa solo con chrome, non con firefox, forse un bug di chrome.

[tonicopi]

Bravo Daniele! Ecco cos'era! Neanche a me piace quella regola! Mi resta lo stesso difficile capire perchè la parola, anzi la frase, si rompesse, dato che lo spazio c'era... 

[xeinar]

Ho provato ma non ho ottenuto i risultati sperati. Ci riprovo nei prossimi giorni come rifinitura, dopo che ho completato il grosso del lavoro. Grazie ancora!