Visualizzazione dei risultati da 1 a 3 su 3
  1. #1

    Ordinare div senza tabella

    Ciao!!

    Mi rivolgo a voi che siete sicuramente più esperti di me in materia di css...

    E' possibile creare uno schema simile a quello usato in questa pagina (https://europass.cedefop.europa.eu/i...s/cv//step6.do) senza utilizzare tabelle???

    Mi riferisco alla disposizione delle immagini relative al possesso della patente.

    Grazie mille dei vostri consigli, ciao!!

  2. #2
    Utente bannato
    Registrato dal
    Sep 2009
    Messaggi
    1,737
    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>
    		<title>Documento senza titolo</title>
    		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <style type="text/css">
    .div-1 {
    	border: none;
    	height: 95px;
    	margin-left: auto;
    	margin-right: auto;
    	text-align: left;
    	width: 491px;
    }
    
    .div-1-1 {
    	border: none;
    	clear: both;
    	float: left;
    	height: 19px;
    	padding: 0px;
    	text-align: left;
    	width: 164px;
    }
    
    .div-1-2 {
    	border: none;
    	float: left;
    	height: 19px;
    	padding: 0px;
    	text-align: left;
    	width: 164px;
    }
    
    .div-1-3 {
    	border: none;
    	float: left;
    	height: 19px;
    	padding: 0px;
    	text-align: left;
    	width: 163px;
    }
    
    .div-1-13 {
    	border: none;
    	clear: both;
    	float: left;
    	height: 19px;
    	padding: 0px;
    	text-align: left;
    	width: 491px;
    }
    </style>
    	</head>
    	<body>
    		<div class="div-1">
    			<div align="left" class="div-1-1">1</div>
    			<div align="left" class="div-1-2">2</div>
    			<div align="left" class="div-1-3">3</div>
    			<div align="left" class="div-1-1">4</div>
    			<div align="left" class="div-1-2">5</div>
    			<div align="left" class="div-1-3">6</div>
    			<div align="left" class="div-1-1">7</div>
    			<div align="left" class="div-1-2">8</div>
    			<div align="left" class="div-1-3">9</div>
    			<div align="left" class="div-1-1">10</div>
    			<div align="left" class="div-1-2">11</div>
    			<div align="left" class="div-1-3">12</div>
    			<div align="left" class="div-1-13">13</div>
    			<div style="clear: both;"></div>
    		</div>
    	</body>
    </html>

  3. #3
    Funziona alla grande!!!!
    Sei il mio mito!!!!

    GRAZIEEEEEE!!!!

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.