Formattare contenuto in blockquote

**miki92** · 05-01-2009, 14.03.28

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

**miki92** · 05-01-2009, 18.27.07

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?

**miki92** · 05-01-2009, 18.39.15

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! ^^

**miki92** · 05-01-2009, 21.30.10

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

**miki92** · 05-01-2009, 22.05.24

Mi dispiace, purtroppo il risultato non cambia...

**dreadnaut** · 05-01-2009, 22.19.30

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.

**miki92** · 05-01-2009, 22.46.02

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">
&lt;link&nbsp;rel="alternate"&nbsp;type="application/rss+xml"&nbsp;title="MyFeedTitle"&nbsp;href="http://miki92.altervista.org/nome_file.xml"&nbsp;/&gt;</span>
</code></blockquote>
</div>

</div>
<div class="footer">Copyright &copy; 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>

**dreadnaut** · 05-01-2009, 23.15.34

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

Piazzaci un ritorno a capo in mezzo con uno \n nel php, e sia.

**miki92** · 06-01-2009, 11.10.01

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?

Discussione: Formattare contenuto in blockquote

LinkBack

Strumenti discussione

Display

Formattare contenuto in blockquote

Regole di scrittura