Problema testo a capo

[giona2000]

Ciao a tutti,

ho un problema sul mio sito che non riesco a risolvere.
Ho un sito di testi di canzoni; inserisco il testo in questo modo:

A parte che gli anni passano per non ripassare più

e il cielo promette di tutto ma resta nascosto lì dietro il suo blu

ed anche le donne passano qualcuna anche per di qua

qualcuna ci ha messo un minuto

qualcuna è partita ma non se ne va



Niente paura, niente paura

Niente paura, ci pensa la vita mi han detto così...

Niente paura, niente paura

niente paura, si vede la luna perfino da qui.

La giusta visualizzazione del testo dovrebbe essere questa:

A parte che gli anni passano per non ripassare più
e il cielo promette di tutto ma resta nascosto lì dietro il suo blu
ed anche le donne passano qualcuna anche per di qua
qualcuna ci ha messo un minuto
qualcuna è partita ma non se ne va

Niente paura, niente paura
Niente paura, ci pensa la vita mi han detto così...
Niente paura, niente paura
Niente paura, si vede la luna perfino da qui.

Ed invece è cosi:

http://www.italianhost.org/public/im...a0309bc78c.JPG

Qualcuno può aiutarmi magari anche tramite l'ausilio di MSN ?

Sto passando notti insonni per questo problema che non riesco a risolvere !

Ho provato a modificare la larghezza ma niente !

[H5N1_Aviaria]

Aspetta che prendo la sfera di vetro o leggo le budella del gatto del mio vicino...
Un po' di codice comunque aiuterebbe....

[danicotra]

Originariamente inviato da H5N1_Aviaria
Aspetta che prendo la sfera di vetro o leggo le budella del gatto del mio vicino...

Divertente! :quote:

Cmq Giona, prova a scrivere le righe che non vuoi vadano a capo in questo modo:

<span style="white-space: nowrap">e il cielo promette di tutto ma resta nascosto lì dietro il suo blu</span>

Devi scirverlo per ogni riga lunga che non vuoi vada a capo.
Ciao.

[giona2000]

Hai perfettamente ragione

Codice HTML:

<table width="100%" cellspacing="5" cellpadding="0">
<tr>
<td valign="top">
<?php
echo "<table width='100%' cellspacing='0' cellpadding='0'>";
echo "<tr><td colspan='2'>";
if($r == 1) echo "";
else echo "";
echo "".$title."

</td><td></td></tr>";
echo "<tr><td width='90'><font class='listingtitle'>Artista:</font></td><td>".$artist."</td><td rowspan='9' valign='top'>

<table width='100%' cellspacing='0' cellpadding='0' style='padding-right:10px;'>
<tr><td align='center'>";

echo show_artwork($j, 150);

echo "</td></tr>";
if(strlen($amazonid) > 0) {
$amazonurl = construct_amazon_url($artist, $album);
echo "<tr><td align='center' class='buylink'><a href='".$amazonurl."' target='_blank' class='buylink'></td></tr>";
}
echo "</table>

</td></tr>";
echo "<tr><td width='90'><font class='listingtitle'>Album:</font></td><td>".$album."</td></tr>";
echo "<tr><td width='90'><font class='listingtitle'>Canzone:</font></td><td>".$title."</td></tr>";

echo "<tr><td style='padding-top:4px;'></td><td></td></tr>";
echo "<tr><td style='padding-top:4px;'><font class='listingtitle'>Inserito il:</font></td><td style='padding-top:4px;'>".$dateadded."</td></tr>";
if(number_format($votestartotal, 0) == 0) $rating = "Nessun voto";
else $rating = number_format($votestartotal, 0)." stars";
echo "<form method='POST' action='view-".$j."-".trim(substr(urlconvert($joke), 0, 50)).".html'><tr><td style='padding-top:4px;'><font class='listingtitle'>Voto:</font></td><td style='padding-top:4px;'>[img]themes/".$theme."/images/small-stars-".number_format($votestartotal, 0).".gif[/img]";
if(!$vote) echo "<select name='vote' class='smallform'>
<option value=''> Vota </option>
<option value='1'>1 su 5</option>
<option value='2'>2 su 5</option>
<option value='3'>3 su 5</option>
<option value='4'>4 su 5</option>
<option value='5'>5 su 5</option>
</select><input name='submit' type='submit' value='Vota ora' class='smallform'>";
echo "</td></tr></form>";
echo "<tr><td style='padding-top:4px;'><font class='listingtitle'>Visite:</font></td><td style='padding-top:4px;'>".$newviews."</td></tr>";

echo "<tr><td style='padding-top:4px;'></td><td></td></tr>";
echo "<tr><td valign='top' style='padding-top:45px;'><font class='listingtitle'>Testo:</font></td><td width='100%' style='padding-top:45px; width:auto'>".$lyrics."</td></tr>";

echo "<tr><td style='padding-top:4px;'></td><td></td></tr>";
$this_url = $site_path."view-".$j."-".urlconvert($artist)."_".urlconvert($title).".htm l";
$this_title = $title." by ".$artist." lyrics";
echo "<tr><td style='padding-top:8px;'></td><td style='padding-top:8px;'>
[img]themes/".$theme."/images/delicious.png[/img]Add to del.icio.us
[img]themes/".$theme."/images/digg.png[/img]Digg this
[img]themes/".$theme."/images/reddit.png[/img]Reddit
</td></tr>";

echo "</table>";

?>

Ed ecco il css:

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #453159;
}
td,th {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #453159;
}
input, textarea, select {
border-style:solid;
border-width:1px;
border-color:#666666;
font-size:13px;
color:#000000;
}
a {
font-size: 11px;
text-decoration: underline;
color: #444444;
}
a:hover {
font-size: 11px;
text-decoration: none;
color: #A392B4;
}
.slogan {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #FFFFFF;
}
.mainnav {
font-size: 13px;
text-decoration: none;
color: #2A2A2A;
}
.mainnav:hover {
font-size: 13px;
text-decoration: underline;
color: #2A2A2A;
}
.mainnavbreak {
color: #9A7A1B;
}
.footer {
font-size: 9px;
text-decoration: none;
color: #CCCCCC;
}
.footer a:hover {
font-size: 9px;
text-decoration: underline;
color: #CCCCCC;
}
.footernav a {
font-size: 10px;
text-decoration: none;
color: #FFFFFF;
}
.footernav a:hover {
font-size: 10px;
text-decoration: underline;
color: #FFFFFF;
}
.footernavbreak {
color: #7575D0;
}
.menuheader {
font-size: 12px;
color: #FFFFFF;
font-weight: bold;
}
.menuitem {
font-size: 10px;
text-decoration: none;
font-weight: bold;
color: #453159;
}
.menuitem a:hover {
font-size: 10px;
text-decoration: underline;
font-weight: bold;
}
.smallBr{
font-size: 1px;
line-height: 2;
}
.listingtitle {
color: #414D6C;
}
.morelink a {
font-size: 11px;
text-decoration: underline;
color: #A392B4;
}
.morelink a:hover {
font-size: 11px;
text-decoration: none;
color: #A392B4;
}
.smallform {
border-style:solid;
border-width:1px;
border-color:#666666;
font-size:10px;
color:#666666;
}
.buylink a {
font-size: 10px;
text-decoration: none;
color: #666666;
}
.buylink a:hover {
font-size: 10px;
text-decoration: none;
color: #A392B4;
}
.menualpha {
font-size: 13px;
text-decoration: none;
color: #666666;
}
.menualpha:hover {
font-size: 13px;
text-decoration: none;
color: #A392B4;
}
.lyrics {
font-size: 11px;
text-decoration: none;
align: center;
}

Più che altro non capisco perchè va a capo tipo dopo una parola.....capisco andare a capo quando la frase è troppo lunga ma perchè staccare dopo una parola ?

Bo.......spero possiate essermi di aiuto!

[H5N1_Aviaria]

Credo sia un problema di posizionamento del container dove viene visualizzato il testo e non di white-space.
Inoltre IE6 in quirks mode se ne infischia del valore white-space.
A volte un float o un clear o anche un width:100% possono essere risolutivi.
Ma un link al sito proprio no?
Comunque sembrerebbe che il container del testo sia troppo "stretto" e laddove il testo non può continuare, va a capo.

[giona2000]

Originariamente inviato da H5N1_Aviaria
Credo sia un problema di posizionamento del container dove viene visualizzato il testo e non di white-space.
Inoltre IE6 in quirks mode se ne infischia del valore white-space.
A volte un float o un clear o anche un width:100% possono essere risolutivi.
Ma un link al sito proprio no?
Comunque sembrerebbe che il container del testo sia troppo "stretto" e laddove il testo non può continuare, va a capo.

Ciao,

ti ringrazio per la risposta !

Il link al sito è questo.

Grazie ancora per eventuali aiuti

[H5N1_Aviaria]

E' come pensavo: la cella che contiene il testo è troppo stetta ed il testo va automaticamente a capo. Il problema è dovuto al fatto che la tabella ha tre colonne, poi due, e si intersecano laddove c'è la foto.
Difatti per spostare il testo in basso hai dovuto impostare un padding.

[giona2000]

Originariamente inviato da H5N1_Aviaria
E' come pensavo: la cella che contiene il testo è troppo stetta ed il testo va automaticamente a capo. Il problema è dovuto al fatto che la tabella ha tre colonne, poi due, e si intersecano laddove c'è la foto.
Difatti per spostare il testo in basso hai dovuto impostare un padding.

Come mi consigli di risolvere ?

[H5N1_Aviaria]

Layout senza tabelle?
Vabbè, ormai.... si tratterebe di ricostruire tutto il sito.
Dopo la cella con "testo:" crea un'altra riga che occupi tre colonne e lì inserisci il testo.

[giona2000]

Originariamente inviato da H5N1_Aviaria
Layout senza tabelle?
Vabbè, ormai.... si tratterebe di ricostruire tutto il sito.
Dopo la cella con "testo:" crea un'altra riga che occupi tre colonne e lì inserisci il testo.

Ciao,

il tuo ragionamento è più che logico ma cercando di unire le 3 colonne nella riga sotto ho questo errore !

Parse error: syntax error, unexpected T_LNUMBER, expecting ',' or ';' in

Ho provato creando una nuova tabella e inserendo il testo ma il risultato è più o meno il medesimo.....dopo un pò il testo va a capo da solo ! Quindi non capisco....ho smanettato a lungo sul file css ma non cambia niente, penso sia un problema del layout.......ma non capisco come poter risolvere

HELP !?