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

    Tabella con DIV, Firefox "ok", IE no

    Ciao a tutti! Mi chiamo Cristian...piacere di conoscervi
    Premetto che non conosco questo linguaggio, ci sto perdendo tempo da qualche giorno ma senza grandi risultati!!! Vorrei creare una tabella utilizzando i div, ma prima di tutto vorrei capire se l'idea è buona...

    Utilizzo DotNetnuke e dovrei creare una pagina dove inserire 8 partner (quindi 8 tabelle come quella che segue), a sinistra andrà il logo, una breve descrizione al centro, il titolo e dei pulsanti nella prima riga, un contorno sulla destra ed in basso.

    Domanda 1: Posso ripetere 8 volte la stessa tabella creata con div?

    Domanda 2: Con firefox la visualizzo in maniera corretta (finchè non ci scrivo qualcosa dentro, poi si incasina tutto), mentre con IE la vedo incasinata anche senza scriverci dentro!! Magari qualcuno ha 2 minuti per spiegarmi come funziona? ^^

    Domanda 3: Ne vale la pena?

    Grazie mille a tutti!!!



    codice:
    <div class="partner">
     <div class="partner_www">
     <div class="partner_title"></div>
     <div class="partner_city"></div>
     </div>
     <div class="partner_logo">
     <div class="partner_text"></div>
     </div>
    </div>
    
    .partner {
    	margin: auto;
    	width: 600px;
    	height: 225px;
    	background-color: #0066ff;
    }
    
    .partner_www {
    	width: 210px;
    	height: 20px;
    	background-color: #736699;
    
    }
    
    .partner_title {
        margin-left:210px;
    	width: 290px;
    	height: 20px;
    	background-color: #992299;
    	float:left;
    
    }
    .partner_city {
        margin-left:500px;
    	width: 100px;
    	height: 20px;
    	background-color: #136699;
    	
    
    }
    .partner_logo {
    	width: 210px;
    	height: 205px;
    	background-color: #999999;
    	
    }
    
    .partner_text {
    	width: 385px;
    	height: 200px;
    	margin-left: 210px;
    	background-color: #FFFFFF;
    }

  2. #2
    Ciao Cristian e benvenuto soprattutto.
    Un esempio che viene generato tramite questo CSS?
    Così, tanto per capire il contesto generale...

    1) Tabelle e div non vanno granchè d'accordo; meglio, anzi SOLO div nel caso in cui i dati da rendere non siano "tabellari".
    «Se non vi è rimasta molta anima e lo sapete, vi resta ancora dell'anima.»
    Occhio all' Ursupanaru!

  3. #3
    Originariamente inviato da Henry.Chinaski
    Ciao Cristian e benvenuto soprattutto.
    Un esempio che viene generato tramite questo CSS?
    Così, tanto per capire il contesto generale...

    1) Tabelle e div non vanno granchè d'accordo; meglio, anzi SOLO div nel caso in cui i dati da rendere non siano "tabellari".
    Ciao Henry! Innanzitutto grazie per la risposta

    La tabella è 600x225 a grandezza fissa indipendentemente dal contenuto!
    In questo caso vorrei utilizzare i soli div, ma non ho le necessarie conoscenze del linguaggio!!!

    Ecco un'esempio pratico..
    Immagini allegate Immagini allegate

  4. #4
    Utente di HTML.it
    Registrato dal
    Sep 2008
    Messaggi
    142
    non è molto chiaro quello che chiedi, comunque per creare una tabella usando i div, puoi usare questo sistema:

    codice:
    <div class="tab">
     
     <div class="riga">
      
      <div class="cella">
      </div>
      
      <div class="cella">
      </div>
      
      <div class="cella">
      </div>
      
      <div class="cella">
      </div>
      
      <div class="fienriga"></div>
      
     </div>
     
    </div>
    e il relativo css:

    codice:
    .tab {
    	/* imposti la larghezza totale della tabella */
    	width:408px;
    }
    
    .riga {
    	/* imposti l'altezza della riga (facoltativo) */
    	height:30px;
    }
    
    .cella {
    	/* imposti la larghezza totale della cella */
    	width:100px;
    	/* imposti il bordo della cella */
    	border: 1px solid #000;
    	/* fai si che le celle siano una difianco all'atra */
    	float:left;
    }
    
    .fineriga {
    	clear:both;
    }
    prova, e poi cerca di adattarlo alle tue esigenze.

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.