Ciao a tutti! Sapreste dirmi come fare per impedire che gli elementi contenuti all'interno di una tabella vadano a capo? Ho una serie di immagini e vorrei che stessero tutte su una solo riga all'interno di una cella. Che proprietà devo applicare? Grazie!
Chi non punisce il male comanda che si faccia.
in html
in xhtmlcodice:nowrap
codice:nowrap="nowrap"
E in css?
Chi non punisce il male comanda che si faccia.
puoi usare
Ma se hai una cella io ti consiglio di settare il nowrap sul documento html. Non ho mai provato il white space per cui non so esattamente come renda il resto nella cella.codice:white-space:nowrap;
Sono onesto.
:maLOL:Originariamente inviato da creattivo
Sono onesto.
Mamma mia! Ho inserito il nowrap però c'è un problema... questa tabella è contenuta in un iframe. In pratica voglio realizzare delle miniature di immagini da poter scorrere e cliccare per visualizzare l'immagine ingrandita in un altro iframe. Mettendo il nowrap però mi sparisce la barra orizzontale che mi permette di far scorrere queste immagini. Ho già applicato un "float: left" alle immagini ma queste vanno ugualmente a capo alla fine dell'iframe. Cosa posso fare? Grazie!
Chi non punisce il male comanda che si faccia.
cioè, che c'è da ridere. Spiega.Originariamente inviato da andrea.paiola
:maLOL:
Raw,
scusa ci puoi postare il codice o il link?
Purtroppo prima di sabato prossimo non te lo posso postare... Per favore, abbi un po' di pazienza che appena posso aggiorno la discussione, ok? Grazie e ciao!
Chi non punisce il male comanda che si faccia.
Ciao e scusate il periodo di silenzio!
Questo è il codice della pagina in questione:
ed il css è:codice:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Tutti in riga!</title> <link rel="stylesheet" type="text/css" href="css/body.css"> </head> <body style="background-color: #EE1010;"> <table cellspacing="0" cellpadding="0" style="padding-top: 5px;"> <tr> <td> <a href="#" target="foto_index" class=img> [img]01_min.gif[/img]</a> <a href="#" target="foto_index" class=img> [img]02_min.gif[/img]</a> <a href="#" target="foto_index" class=img> [img]03_min.gif[/img]</a> <a href="#" target="foto_index" class=img> [img]04_min.gif[/img]</a> <a href="#" target="foto_index" class=img> [img]05_min.gif[/img]</a> <a href="#" target="foto_index" class=img> [img]06_min.gif[/img]</a> <a href="#" target="foto_index" class=img> [img]07_min.gif[/img]</a> <a href="#" target="foto_index" class=img> [img]08_min.gif[/img]</a> </td> </tr> </table> </body> </html>
... come già detto vorrei modificare il css in modo da far rimanere sempre affiancate le immagini sulla stessa riga senza mai andare a capo (indipendentemente, cioè, dalla larghezza della pagina).codice:A.img:link, A.img:visited, A.img:active, { width: 67px; height: 50px; color: white; float: left; display: block; margin-right: 4px; margin-bottom: 3px; border: 1px solid white; } A.img:hover { color: #CCCCCC; border: 1px dashed #CCCCCC; }
Ciao e grazie!
Chi non punisce il male comanda che si faccia.
... non c'è l'equivalente di nowrap in css?
Chi non punisce il male comanda che si faccia.
Permessi di invio
Rispondi quotando