[HTML/CSS] Box per contenere codice

[miki92]

Salve,
avrei bisogno di un un contenitore (che non sia una textarea) nella quale io possa inserire tutto il codice che voglio senza modificare il suo stato.

Per esempio, attualmente utilizzo:

.css

pre{
    /*background-color:#FFFF99;
    border-left:1px #000000 solid;*/
    border/*-top*/:1px #000000 solid;
    overflow:auto;
    padding:1% 0 1% 0;
    text-align:left;
    width:100%
} 

.html

<pre><a href="http://miki92.altervista.org" title="Miki92: Portale per webmaster ed utenti di MSN"><img src="http://miki92.altervista.org/banners.php?type=blue" alt="Miki92: Portale per webmaster ed utenti di MSN" /></a></pre>

Fin qui tutt'ok...ma se io inserisco in questo tag del codice che mi auto-genera PHP:

<pre><?php highlight_string($codice_prelevato_da_un_sito); ?></pre>

Crea:

<pre><object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/VytMkAmY3lk&hl=it&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/VytMkAmY3lk&hl=it&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object></pre>

Creando questo codice allarga il contenitore fino ad uscire all'esterno della pagina, cioè si allunga come vuole...io invece ho bisogno di un contenitore che si auto-ridimensioni in base all'altezza e alla larghezza del codice a dispetto di ciò che scrivo io o che gli viene inserito tramite

highlight_string($codice_prelevato_da_un_sito); 

Cosa mi consigliate a riguardo, che codice posso utilizzare?

[dreadnaut]

... un contenitore che si auto-ridimensioni in base all'altezza e alla larghezza del codice a dispetto di ciò che scrivo io o che gli viene inserito ...

"a dispetto" non ha senso nella tua frase, perche' indica antagonismo. Puoi dire "un contenitore che non si ridimensioni ... a dispetto di ...", oppure "un contenitore che si ridimensioni ... a seconda di ...". Ed il significato cambia assai, quindi non saprei che consigliarti al momento.

Ma se ho capito, una textarea readonly come qua su altervista non va bene? Altrimenti, l'unica soluzione e' comunque con una scrollbar - word-wrap: break funziona al momento qua e la, in attesa di css3.

Deja-vu... non avevi gia' aperto un thread sull'argomento?

[miki92]

Ti riferisci a questo per altro topic? Lì chiedevo come formattare il codice in un campo blockquote poi siamo finiti su altro...non mi sembrava adatto quel topic per questo argomento...poi se ritieni che questo argomento sia adatto in quel topic sei tu che devi fare la magia (positiva e negativa )

Comunque...

Si, intendevo un qualsiasi tipo di codice che mi permetta di auto-ridimensionare un contenitore che abbia del codice che io ho scritto manualmente o che mi è stato generato da PHP.

P.S. Non utilizzo le textarea per contenitore di codice perchè una volta andai a validare il mio sito e mi risultò invalido in quanto (motivazione) "una textarea non può contenere codice html".

[...] P.S. Non utilizzo le textarea per contenitore di codice perchè una volta andai a validare il mio sito e mi risultò invalido in quanto (motivazione) "una textarea non può contenere codice html".

Usa le entità.

Io nel mio sito comunque utilizzo gli <input> e non ho problemi di validazione

[miki92]

In verità vorrei, se possibile, evitare input, textarea e campi simili...

Scusami, ma se nel codice non ci spazi bianchi è ovvio che continua e quindi sborda, mentre se ne ha anche uno, la linea si deve "spezzare" quindi andare a capo, o no?!

[miki92]

Aspetta, ma per spazi bianchi che intendi? Lo spazio tra due lettere/caratteri di punteggiatura/ecc? Comunque poi a quale codice ti riferisci...a quello prelevato da youtube?

A quello postato, cioè, il browser nn dovrebbe vedere il testo come un editor di testo del PC?

Se legge ............................ ripetuto per un metro mica va a capo

ma se c'è .............. .................... .................. quelle tre linee se sono più lunghe del container, vengono spezzate no?

[miki92]

A quello postato, cioè, il browser nn dovrebbe vedere il testo come un editor di testo del PC?

Se legge ............................ ripetuto per un metro mica va a capo

ma se c'è .............. .................... .................. quelle tre linee se sono più lunghe del container, vengono spezzate no?

Giusto ma qui lo spazio c'è...quindi perchè non mi viene "spezzato" il codice?

<pre><object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/VytMkAmY3lk&hl=it&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/VytMkAmY3lk&hl=it&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object></pre>

[acsocmel]

hai provato con code invece di pre?