Formattare contenuto in blockquote

Printable View

05-01-2009, 14.03.28
miki92

Formattare contenuto in blockquote

Buongiorno,
avrei bisogno di formattare un testo presente tra i tag blockquote che praticamente supera, se tutto su una riga, la pagina.

Praticamente se ho un contenitore che è 400px e un testo tra i blockquote con righe molto lunghe esso uscirà fuori dal contenitore di 400 e si allungherà fino a quando la riga non va a capo.

E' possibile tramite CSS far in modo che giunto al termine del contenitore vada automaticamente accapo?

Il mio codice CSS:

Codice PHP:

blockquote{ border-left:5px #808080 solid; padding-left:7px; }
05-01-2009, 14.19.53

Puoi postare la frase che dovrebbe andare? Perchè ho provato in locale e non sborda, rispetta le dimensioni date!

Prova a dare la grandezza nel css al posto di definirla direttamente nel tag :wink:
05-01-2009, 18.27.07
miki92

Allora la frase varia perchè mi viene generata dal mio feed rss generator quindi il codice varia, per ora posso postarti un esempio ottenuto e la parte di css/html utilizzata:

Codice HTML:

<div class="pagina"><blockquote<link rel="alternate" type="application/rss+xml" title="MyTitleFeedByMiki92FeedsGenerator" href="http://miki92.altervista.org/feed.xml" /></blockquote></div>

CSS:

Codice PHP:

blockquote{ border-left:5px #808080 solid; padding-left:7px; } .pagina{ background-color:#FFFFFF; float:inherit; margin:0 13% 0 13%; padding:3px 3px 3px 3px; }

Naturalmente prima di postare ho fatto una ricerca ma ho trovato solo come aggiungere determinati campi (quali »,«,<,>) all'inizio e alla fine del tag blockquote, ma non ho trovato come formattarlo. Ho provato a mettere un width ma dopo capita che il testo comunque superi il div di contenimento e l'inizio va a sovrapporsi sul menù laterale.

Non ditemi che devo utilizzare i div ora...ho troppi div e questo tag potrebbe aiutarmi molto per quello che mi serve.
05-01-2009, 18.33.04

Hai notato che hai il tag blockquote aperto? :mrgreen:
05-01-2009, 18.39.15
miki92

Si errore di copia...ho saltato l'header che non serve a molto...ed ho errato a tagliuzzare...
05-01-2009, 19.13.29

Codice PHP:

blockquote { border-left:5px solid #808080; padding-left:7px; }

Codice PHP:

<blockquote>ciaociaociao</blockquote>

Prova...ciao! ^^
05-01-2009, 21.30.10
miki92

Scusa è cosa dovrebbe cambiare? Hai solo specificato come deve essere il bordo e poi il colore mentre io ho fatto al contrario...non cambia nulla!
05-01-2009, 22.02.01

Prova ad associargli un display:block;...se non dico una cretinaggine
05-01-2009, 22.05.24
miki92

Mi dispiace, purtroppo il risultato non cambia...
05-01-2009, 22.19.30
dreadnaut

dal codice che hai scritto su, si capisce poco, ed il poco che si capisce sembra sbagliato. Che tu lo abbia fatto o no, ti ricordo solo che un <link> non può andare in un <blockquote>, ed un <blockquote> non può andare nell' <head>.

Poi, un blockquote da solo non cambia la gestione delle righe: dovrebbero andare a capo come sempre. O c'è un <pre> apreto da qualche parte direi, oppure hai toccato gli attributi overflow o word-wrap nel css, in qualche regola che viene applicata a quel testo.
05-01-2009, 22.46.02
miki92

Si evidentemente hai ragione, sono io che mi sono espresso male:

Il blockquote si trova nel body in un div di contenimento ed il risultato che compare tra questo tag viene generato da PHP, posto l'intero codice CSS e quello della pagina:

Codice PHP:

body{ background-color:#C6EDFE; /* #00B0F0 */ font-family:Arial, Helvetica, sans-serif; /* "Gill Sans", "Trebuchet MS", "Gill Sans MT", sans-serif */ font-size:12pt; margin:0 auto; text-align:center; } img{ border:0px; } a:link, a:visited{ color:#0000FF; text-decoration:none; } a:hover{ color:#FF4400; text-decoration:underline; } h2{ border-bottom:1px #FF0000 dashed; color:#000099; margin-top:0; text-align:center; } hr{ text-align:center; width:50%; } table{ text-align:left; } blockquote{ border-left:5px #808080 solid; padding-left:7px; } /* Inizio Struttura Grafica */ .contenitore{ /*background-color:#FFFFFF;*/ margin:0 auto; text-align:left; width:99%; } .header{ background-color:#33BBFF; color:#FFFFFF; margin-bottom:12px; text-align:center; } .sinistra{ font-size:10pt; float:left; width:12%; } .destra{ float:right; text-align:center; width:12%; } .box{ background-color:#FFFFFF; border:1px #000000 solid; /*margin-bottom:12px; margin-top:7px;*/ padding:0 0 0 3px; } .box hr{ width:100%; } .pagina{ background-color:#FFFFFF; float:inherit; margin:0 13% 0 13%; padding:3px 3px 3px 3px; } .paginascm{ background-color:#FFFFFF; float:inherit; margin:0 auto; padding:3px 3px 3px 3px; width:99%; } .footer{ background-color:#FFFFFF; border:1px #000000 dashed; clear:both; font-size:10pt; margin:0 auto; margin-top:12px; padding:7px 0 7px 0; text-align:center; width:30%; } .errore{ background-color:#F6CECE; background-image:url('../immagini/alert.png'); background-repeat:no-repeat; border:1px #FF0000 dashed; color:#800000; font-family:"Trebuchet MS"; font-size:10pt; font-weight:bold; height:130px; margin:0 auto; padding:3px 0 0 130px; text-align:left; width:35%; } .rosso{ color:#FF0000; font-weight:bold; } .nascosto{ display:none; } .ok{ border:1px #00CC00 solid; } .ko{ border:1px #FF0000 solid; }

Codice HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <meta http-equiv="Content-Language" content="it" /> <meta http-equiv="Cache-control" content="no-cache" /> <meta name="Pragma" content="no-cache" /> <meta name="description" content="Questo magnifico strumento made Miki92 permette di creare velocemente un Feed RSS 2.0 compatibile con la validazione W3C." /> <meta name="keywords" content="feed, rss, feed rss, feed rss 2.0, generatore di feed rss, feed rss generator, generatore di feed rss 2.0, feed rss 2.0 generator" /> <meta name="Copyright" content="2006 ~ 2009 Miki92" /> <meta name="Author" content="MichelangelO" /> <meta name="Robot" content="Index,Follow" /> <meta name="Distribution" content="Global" /> <meta name="Revisit-After" content="7 days" /> <meta name="Title" content="Feed RSS 2.0 Generator | Generatore di Feed RSS 2.0" /> <title>Feed RSS 2.0 Generator | Generatore di Feed RSS 2.0</title> <link href="../css/style.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="../js/feedrssgenerator.js"></script> </head> <body> <div class="contenitore"> <div class="header"><table style="width:100%"><tr><td style="width:425px"><a href="../" title="Home Page"><img src="../immagini/logo.png" alt="Logo Miki92" /></a></td> <td><script type="text/javascript" src="../js/banner.js?TYPE=grande"></script></td></tr></table></div> <div class="sinistra"><div class="box"><h2>Menù</h2>» <a href="../" title="Home Page">Home Page</a><br /> <br />» <a href="../messenger/avatar-msn/" title="Tanti avatar (immagini personali) per MSN Messenger e Windows Live Messenger">Avatar MSN</a> <br />» <a href="../messenger/animoticons.php" title="Animoticons gratis per MSN">Animoticons MSN</a> <br />» <a href="../messenger/emoticons.php" title="Tante emoticons per MSN divise per categoria">Emoticons MSN</a> <br />» <a href="../messenger/bot-msn.php" title="I bot (computers) che chattano su MSN">ReBot MSN</a> <br />» <a href="../messenger/weird-maker.php" title="Crea tante scritte strane con il Weird Maker 2">Weird Maker v2</a> <br />» <a href="../glitter-maker/" title="Crea delle scritte/frasi glitter con questo strumento!">Glitter Maker</a> <br />» <a href="../scambio-contatti-msn/" title="Tanti contatti di ragazzi e ragazze di tutta Italia per MSN">Scambio Contatti MSN</a> <br />» <a href="../windows-live-spaces/strumenti-e-gadgets.php" title="Tanti strumenti per arricchire il vostro Blog (Windows Live Spaces)">Utility per Blog (Spaces)</a> <br /> <br />» <a href="../strumenti-per-webmaster.php" title="Tanti strumenti per i webmasters">Tools per Webmaster</a> <br />» <a href="../script-javascript.php" title="Tanti Script JavaScript (JS) suddivisi in categoria">Script JavaScript (JS)</a> <br />» <a href="../script-php.php" title="Tanti script php per tutti i webmaster">Script PHP</a> <br />» <a href="../whois/" title="Scopri tutto su un dominio">Whois Domain</a> <br />» <a href="../scambio-link.php" title="Uno Scambio Link Automatico">Scambio Link</a> <br />» <a href="../scambio-banner.php" title="Uno Scambio Banners Automatico">Scambio Banner</a> <br /> <br />» <a href="../chat.php" title="Conversa con altri utenti Miki92 con la Miki92's Instantan Chat">Chat</a> <br />» <a href="../blog/" title="">Blog</a> <br />» <a href="../contatti.php" title="Scrivi al webmaster o a chi di dovere">Contattami</a></div> <br /><div class="box" style="text-align:center"><h2>On-line</h2><a href="../online.php" title="Utenti Attualmente on-line" /><img src="../online/a3d9e7e4febf604bfc1bd97cca70b392.png" alt="Utenti Attualmente on-line" /></a><br /><br /></div></div> <div class="destra"><div class="box"><h2>TOP 100</h2><script type="text/javascript" src="..//js/top100.js"></script><br /><br /></div><br /> <div class="box"><h2>Pubblicità</h2><script type="text/javascript" src="..//js/banner.js?TYPE=bottone"></script><br /><br /></div></div> <div class="pagina"> <blockquote><code><span style="color: #000000"> <link rel="alternate" type="application/rss+xml" title="MyFeedTitle" href="http://miki92.altervista.org/nome_file.xml" /></span> </code></blockquote> </div> </div> <div class="footer">Copyright © 2006 ~ 2009 <a href="http://miki92.altervista.org/">Miki92</a>. Tutti i diritti riservati.<br />Questo/a opera è pubblicato sotto una <a rel="license" href="http://creativecommons.org/licenses/by-nc-nd/3.0/deed.it">Licenza Creative Commons</a>.</div> </body> </html>

Il codice HTML qui sopra riportato viene stampato da una generazione avvenuta tramite php, la parte interessata è questa:

Codice PHP:

<blockquote><?php highlight_string("<link rel=\"alternate\" type=\"application/rss+xml\" title=\"$tit\" href=\"".$url."nome_file.xml\" />"); ?></blockquote>
05-01-2009, 23.15.34
dreadnaut

beh, il colpevole direi sia <code>, che cambia il font in monospace e probabilmente disattiva il word-wrap perché un pezzo di codice è meglio non mandarlo a capo a caso :tongue

Piazzaci un ritorno a capo in mezzo con uno \n nel php, e sia.
06-01-2009, 11.10.01
miki92

Grazie dreadnaut anche io avevo pensato ad andare a capo manualmente o con PHP.

Ora volendolo fare a mano posso capire ma se volessi farlo con PHP automaticamente, che funzione dovrei utilizzare? Penso che non ci sia un funzione che faccia questo e che mi aiuti con le varie risoluzioni...cioè essendo il mio un sito fluido a seconda della risoluzione si adatti...ammettiamo che la 1024x768 dopo (per esempio) 49 caratteri va a capo e si vede bene, con la 800x600 non sarà di sicuro così è li si vedrà di nuovo tutto sballato...se non c'è un modo per formattare questo tag cosa mi consigli? Di utilizzare lo stesso effetto con un div?