Div e Tabelle

**manu.aretuseo** · 30-06-2006, 13:11

Ciao a tutti...
Il codice che segue fa parte di un CSS ed è associato ad un DIV, precisamente "nav" è il nome!
Siccome sono in dreamW, ho importato il sito da photoshop ma su di una struttura tabellare.
Domanda:
Il CSS seguente può funzionare anche con le tabelle?Basta dare lo stesso ID alla Tabella?

codice:

#header {
background: #092F85;
position: relative;
height: 193px;
}
#nav{
position: absolute;
top: 166px;
right: 0;
}

PS:In ogni cella ho delle immagini, tagliate dal photoshop!Le ho ottenute tramite lo strumento sezione....
Posso agire su di esse con i css?
Bye

**Al_katraz984** · 30-06-2006, 14:12

Mmh prova a mettere anche il codice ke hai nella pagina html..

Ti dico ke cmq secondo me dovresti proprio cambiare modo di lavoro..

Cmq si puoi agire su di esse coi css anche se: "Usando i CSS le tabelle nn le dovresti usare se nn per soli dati tabellari!!!!"

Quindi intano prova a postare il pezzo dela pagina html e poi vediamo..

**manu.aretuseo** · 30-06-2006, 15:04

Partendo dal presupposto che nn cosco i CSS (sto leggendo una guida)...
Il codice rappresenta index.asp dopo aver "importato da photoshop" quindi nn ci sono ancora impostati i DIV!!!
Il codice che avevo precedentemente postato riguardava ciò che avrei voluto usare?
Comunque:

codice:

<html>
<head>
<title>Layout_1_0_copia</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script src="includes/cssmenus2/js/cssmenus.js" type="text/javascript"></script>
<link href="includes/cssmenus2/skins/arktic_orange/vertical.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
#absLayer1 {
	position:absolute;
	width:200px;
	z-index:1;
	height: 163px;
	top: 193px;
	left: 31px;
}

-->
</style>
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<table id="Tabella_01" width="840" height="841" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td colspan="4">
			[img]file:///C|/Documents%20and%20Settings/m.aglieco/Desktop/Sito/immagini/Layout_1_0_copia_01.gif[/img]</td>
	</tr>
	<tr>
		<td colspan="4">
			<img src="file:///C|/Documents%20and%20Settings/m.aglieco/Desktop/Sito/
                          immagini/Layout_1_0_copia_02.gif" width="840" height="121" alt=""></td>
	</tr>
	<tr>
		<td colspan="3">
			<img src="file:///C|/Documents%20and%20Settings/m.aglieco/Desktop/Sito/
                           immagini/Layout_1_0_copia_03.gif" width="452" height="22" alt=""></td>
		<td>
			<img src="file:///C|/Documents%20and%20Settings/m.aglieco/Desktop/Sito/
                          immagini/Layout_1_0_copia_04.gif" width="388" height="22" alt=""></td>
	</tr>
	<tr>
		<td rowspan="3">
			<img src="file:///C|/Documents%20and%20Settings/m.aglieco/Desktop/Sito/
                          immagini/Layout_1_0_copia_05.gif" width="31" height="572" alt=""></td>
		<td>
          <div id="absLayer1">
            <div id="cssMenu1" class="vertical">
              <ul class="arktic_orange">[*] Sezione Documentabile
                    <ul>[*] Nome di Riferimento [*] Progetto [*] Partner [*] Documenti [/list]
                [*] Contatti
                    <ul>[*] Direzione [*] Segreteria [*] Altri [/list]
                [*] News
                    <ul>[*] Storico [*] Motore di Ricerca [*] Pannello Amministrazione [/list]
                [*] Links Utili
                    <ul>[*] Regioni [*] Comuni [*] Enti Istituzionali [*] Altri [/list]
                
				 [/list]
              

              <script type="text/javascript">
   <!--
    var obj_cssMenu1 = new CSSMenu("cssMenu1");
    obj_cssMenu1.setTimeouts(400, 200, 800);
    obj_cssMenu1.setSubMenuOffset(0, 0, 0, 0);
    obj_cssMenu1.setHighliteCurrent(true);
    obj_cssMenu1.show();
   //-->
          </script>
            </div>
          </div>
          <img src="file:///C|/Documents%20and%20Settings/m.aglieco/Desktop/Sito/
            immagini/Layout_1_0_copia_06.gif" width="197" height="163" alt=""></td>
		<td colspan="2" rowspan="3">
			<img src="file:///C|/Documents%20and%20Settings/m.aglieco/Desktop/Sito/
                          immagini/Layout_1_0_copia_07.gif" width="612" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="file:///C|/Documents%20and%20Settings/m.aglieco/Desktop/Sito/
                          immagini/Layout_1_0_copia_08.gif" width="197" height="47" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="file:///C|/Documents%20and%20Settings/m.aglieco/Desktop/Sito/
                          immagini/Layout_1_0_copia_09.gif" width="197" alt=""></td>
	</tr>
	<tr>
		<td colspan="4">
			<img src="file:///C|/Documents%20and%20Settings/m.aglieco/Desktop/Sito/    
                          immagini/Layout_1_0_copia_10.gif" width="840" height="86" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="file:///C|/Documents%20and%20Settings/m.aglieco/Desktop/Sito/
                          immagini/spaziatore.gif" width="31" height="1" alt=""></td>
		<td>
			<img src="file:///C|/Documents%20and%20Settings/m.aglieco/Desktop/Sito/
                          immagini/spaziatore.gif" width="197" height="1" alt=""></td>
		<td>
			<img src="file:///C|/Documents%20and%20Settings/m.aglieco/Desktop/Sito/
                          immagini/spaziatore.gif" width="224" height="1" alt=""></td>
		<td>
			<img src="file:///C|/Documents%20and%20Settings/m.aglieco/Desktop/Sito/
                          immagini/spaziatore.gif" width="388" height="1" alt=""></td>
	</tr>
</table>

</body>
</html>

**Al_katraz984** · 30-06-2006, 15:44

Coi CSS puoi modificare qualsiasi tag di HTML quindi anche le tabelle..

Dipende da quello ke vuoi ottenere mi sono un pò perso con i discorsi..

Agire sulle tabelle

Guarda questo...

Discussione: Div e Tabelle

Strumenti discussione

Ricerca discussione

Visualizza

Div e Tabelle

Permessi di invio