Visualizzazione dei risultati da 1 a 4 su 4

Discussione: Testo attorno a DIV

  1. #1

    Testo attorno a DIV

    Ciao ragazzi, sto cercando di creare un testo attorno ad un div, come solitamente si fa per l'immagine usando il float, ma proprio non riesco.

    codice:
    <div  style="float: left;" >
        
        
    
    
        Lorem Ipsum è un testo segnaposto utilizzato nel settore della tipografia e della stampa. Lorem Ipsum è considerato il testo segnaposto standard sin dal sedicesimo secolo, quando un anonimo tipografo prese una cassetta di caratteri e li assemblò per preparare un testo campione. È sopravvissuto non solo a più di cinque secoli, ma anche al passaggio alla videoimpaginazione, pervenendoci sostanzialmente inalterato. Fu reso popolare, negli anni ’60, con la diffusione dei fogli di caratteri trasferibili “Letraset”, che contenevano passaggi del Lorem Ipsum, e più recentemente da software di impaginazione come Aldus PageMaker, che includeva versioni del Lorem Ipsum.
        Perchè lo utilizziamo?
    
        </p>
        
        
           
           <div
           style="
        
           
             float: right; 
             width: 270px; 
             height: 400px; 
             border: 1px solid red; "
           
           >
           
           aaaaaaaaaaaaaaaaa aaaaaaaaaaaa aaaaaaaaaaaa aaaaaaaaaaaaaaa      
           aaaaaaaaaaaaaaaa aaaaaaaaaaaaaaa aaaaaaaa
           a aaaaaaa aaaaaaaaa aaaaaaaaaaa aa a a aaaaaaaaaaaaaa a aa aaaaaaaaaaaaaaa
           
           
           </div>
           
           
        
        </div>

  2. #2
    codice:
    <!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=utf-8" />
    <title>Documento senza titolo</title>
    <style type="text/css">
    <!--
    #box {
    	background-color: #CCC;
    	float: left;
    	height: 200px;
    	width: 200px;
    	margin-right: 5px;
    }
    #contenitore {
    	width: 450px;
    	clear: both;
    }
    -->
    </style>
    </head>
    
    <body>
    <div id="contenitore">
      <div id="box"></div>
      
    
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam,  justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam  ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo  porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis  ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean  sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at,  odio. Donec et ipsum et sapien vehicula nonummy. Suspendisse potenti. Fusce  varius urna id quam. Sed neque mi, varius eget, tincidunt nec, suscipit id,  libero. In eget purus. Vestibulum ut nisl. Donec eu mi sed turpis feugiat  feugiat. Integer turpis arcu, pellentesque eget, cursus et, fermentum ut,  sapien. Fusce metus mi, eleifend sollicitudin, molestie id, varius et, nibh.</p>
      <div style="clear:both;"></div>
    </div>
    </body>
    </html>

  3. #3
    Utente di HTML.it L'avatar di sandrone65
    Registrato dal
    May 2009
    residenza
    Guidonia Montecelio
    Messaggi
    129
    Questo dovrebbe andare bene, ho messo tutto dentro un container di 400px per rendere evidente l'effetto:

    <!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" xml:lang="en" lang="en">
    <head>
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
    <title>Test</title>
    </head>
    <body>
    <div id="container" style="width: 400px;border: 1px solid red;text-align:justify;">
    <div style="float:right;width: 150px;border: 1px solid red;margin-left:10px;">
    aaaaaaaaaaaaaaaaa aaaaaaaaaaaa aaaaaaaaaaaa aaaaaaaaaaaaaaa aaaaaaaaaaaaaaa aaaaaaaaaaaaaaa aaaaaaaa a aaaaaaa aaaaaaaaa aaaaaaaaaaa aa a a aaaaaaaaaaaaaa a aa aaaaaaaaaaaaaaa
    </div>



    Lorem Ipsum è un testo segnaposto utilizzato nel settore della tipografia e della stampa. Lorem Ipsum è considerato il testo segnaposto standard sin dal sedicesimo secolo, quando un anonimo tipografo prese una cassetta di caratteri e li assemblò per preparare un testo campione. È sopravvissuto non solo a più di cinque secoli, ma anche al passaggio alla videoimpaginazione, pervenendoci sostanzialmente inalterato. Fu reso popolare, negli anni ’60, con la diffusione dei fogli di caratteri trasferibili “Letraset”, che contenevano passaggi del Lorem Ipsum, e più recentemente da software di impaginazione come Aldus PageMaker, che includeva versioni del Lorem Ipsum.
    Perchè lo utilizziamo?
    </p>
    </div>
    </body>
    </html>

  4. #4
    Grazie Sandro è perfetto

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.