tabelle con css esterno

FAX

Utente Attivo
25 Giu 2004
103
0
0
48
www.mothersmilk.it
ciao a tutti.

qualcuno sa darmi una rapida illuminazione su come definire le classi per <table> e <td> delle tabelle in un CSS esterno??

io ho provato così

.tabella1{
width: 809px;
height: 492px;
margin: 0px;
padding: 0px;
spacing: 0xp;
border: 0px;
border-collapse: collapse;
}

.td1{
width: 210px;
height: 492px;
border: 0px;
}

e via dicendo...

la struttura viene fuori ma con uno spazio tra tutte le celle della tabella.

dove sbaglio???

:byebye:
 

grottafelix

Utente Attivo
5 Mar 2003
2.410
2
38
45
Parco chiuso -
www.girsms.com
FAX ha scritto:
ciao a tutti.

qualcuno sa darmi una rapida illuminazione su come definire le classi per <table> e <td> delle tabelle in un CSS esterno??

io ho provato così

.tabella1{
width: 809px;
height: 492px;
margin: 0px;
padding: 0px;
spacing: 0xp;
border: 0px;
border-collapse: collapse;
}

.td1{
width: 210px;
height: 492px;
border: 0px;
}

e via dicendo...

la struttura viene fuori ma con uno spazio tra tutte le celle della tabella.

dove sbaglio???

:byebye:

posta il link
 

FAX

Utente Attivo
25 Giu 2004
103
0
0
48
www.mothersmilk.it
non esiste!!!!

mi sto buttando sui css x la prima volta e sto sperimentando in locale.

poi nel file html metto <table class=tabella1> , <td class=td1> etc etc...

mi chiedevo solo se nella definizione del CSS (sono tutte definite così così...) ho messo qualche parametro che non serve a nulla... oppure qualche vaccata.. :D

oppure se mi sapete indicare un link dove viene spiegato tutto in maniera dettagliata.

tnx!
 

jan267

Utente Attivo
6 Mar 2003
1.950
2
38
35
Milano
twitter.com
A casa mia lo chiamavano Offtopic :D

Perche` non vi scambiate i numeri di telefono? Almeno vi fate delle belle chiaccherate... oppure vi trovate in chat! :D :fonzie:
 

FAX

Utente Attivo
25 Giu 2004
103
0
0
48
www.mothersmilk.it
vero, chiedo scusa pure io, cmq GROTTAFELIX mi hai illuminato di brutto!!!

questo si che è un bel modo di programmare!!!
ho già ricreato tutta la tabella e ho capito bene o male come strutturare un sito con i CSS.

solo un appunto mi rimane...
definita la tabella principale (es: 809x492px) che contiene tutti gli altri <div> come faccio a centrarla nello schermo???
così come mi hai mostrato viene centrata in orizzontale ma non in verticale.

body {
text-align:center;
background:#000000;
}/*serve per gli ie in quirk*/


cmq per la centratura in orizzontale provvede quel text-align:center; ????

grazie mille!
spero tu possa illuminarmi anche in questo caso!!
 
Ultima modifica:

grottafelix

Utente Attivo
5 Mar 2003
2.410
2
38
45
Parco chiuso -
www.girsms.com
FAX ha scritto:
vero, chiedo scusa pure io, cmq GROTTAFELIX mi hai illuminato di brutto!!!

questo si che è un bel modo di programmare!!!
ho già ricreato tutta la tabella e ho capito bene o male come strutturare un sito con i CSS.

solo un appunto mi rimane...
definita la tabella principale (es: 809x492px) che contiene tutti gli altri <div> come faccio a centrarla nello schermo???
così come mi hai mostrato viene centrata in orizzontale ma non in verticale.

body {
text-align:center;
background:#000000;
}/*serve per gli ie in quirk*/


cmq per la centratura in orizzontale provvede quel text-align:center; ????

grazie mille!
spero tu possa illuminarmi anche in questo caso!!

eheheh ti è piacituo il nuovo layout del mio sito allora???


centra cosi:


body {text-align:center}/*serve per gli ie in quirk*/

#table_01 {
width:809px;
margin:auto;
position:relative;
}
 

FAX

Utente Attivo
25 Giu 2004
103
0
0
48
www.mothersmilk.it
mh...

avevo già fatto così:

#principale {
width:809px;
margin:auto;
position:relative;
}

ma non centra in verticale... :(

cmq ho un problema se utilizzo i bottoni...
ecco un estratto dal codice:

file CSS:

body {
text-align:center;
background:#000000;
}/*serve per gli ie in quirk*/

#principale {
width:809px;
margin:auto;
position:relative;
}

#logo {
background: url("home/top-left.jpg") no-repeat;
position:absolute;
left:0px;
top:0px;
width:210px;
height:100px;
}

#curriculum {
position:absolute;
left:0px;
top:50px;
width:210px;
height:37px;
}

#spazio1 {
background: url("home2/spazio1.jpg") no-repeat;
position:absolute;
left:0px;
top:137px;
width:210px;
height:10px;
}

#servizi {
position:absolute;
left:0px;
top:73px;
width:210px;
height:37px;
}
...
...


questo invece tutto il file html:

<html>
<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="author" content="FAX">
<meta name="title" content="LORENZO POLETTI - YOUR LANGUAGE PARTNER">
<meta name="keywords" content=">
<meta name="description" content="">
<meta name="robots" content="all">
<title>LORENZO POLETTI - YOUR LANGUAGE PARTNER</title>

<style type="text/css" media="all">@import url(index.css);
</style>

<script language="JavaScript" type="text/javascript" src="rollover.js"></script>

</head>

<body>

<div id="principale">

<div id="logo"></div>

<div id="curriculum">
<a href="#" target="dx" onmouseover="MM_swapImage('curriculum','','home2/curriculum2.jpg',1)" onmouseout="MM_swapImgRestore()"><img src="home2/curriculum1.jpg" name="curriculum" width="210" height="37" border="0" id="curriculum"></a>
</div>

<div id="spazio1"></div>

<div id="servizi">
<a href="#" target="dx" onmouseover="MM_swapImage('servizi','','home2/servizi2.jpg',1)" onmouseout="MM_swapImgRestore()"><img src="home2/servizi1.jpg" name="servizi" width="210" height="37" border="0" id="servizi"></a>
</div>

<div id="spazio2"></div>

<div id="top-main"></div>

<div id="center-main">

<!-- pagina principale - iframe -->
<IFRAME src="prova.html" width="100%" height="100%" frameborder="0" overflow="auto" name="dx">
</IFRAME>

</div>
<div id="bottom-main"></div>
<div id="right"></div>

</div>
</body>

</html>


prendi ad esempio #curriculum
il suo posizionamento dall'alto dovrebbe essere 100px.
invece per vederlo al posto giusto devo mettere 50px...

se tolgo il bottone e ci metto la sua immagine come sfondo, invece devo mettere 100px per vederlo al posto giusto...
sia su IE che su MOZILLA....

e tutto questo mi provoca dei problemi vista l'altezza dispari delle immagini dei bottoni... argh...

come mai????
non è magari un conflitto col javascript x il rollover???
se si, che devo fare???

grazie di brutto.
questo si che si chiama fare web!!!
:D
 
Ultima modifica:

FAX

Utente Attivo
25 Giu 2004
103
0
0
48
www.mothersmilk.it
grottafelix ha scritto:
ammazza hai copiato di sana piantan iol mio css :dormo:

ma no...

io ho guardato come era costruito il tuo sito e come erano fatti questi sconosciuti DIV... ho visto come si fceva il background, come funzionava il posizionamento..., mi sono preso un foglio, ho disegnato la mia tabella con le misure e ci ho ricavato le posizioni...

www.mothersmilk.it/lp/

:confused:
 

FAX

Utente Attivo
25 Giu 2004
103
0
0
48
www.mothersmilk.it
mh...
ma trovi davvero che ho scopiazzato e basta???
:(

cmq non trovo il modo per centrare in verticale...

non ci sono i corrispondenti di align e valign in css???
 

FAX

Utente Attivo
25 Giu 2004
103
0
0
48
www.mothersmilk.it
allora, ho spulciato per la rete e ho trovato il modo per centrare una box in verticale.
nel mio esempio centro una box di dimensioni conosciute e fisse:

body,html {
width:100%; /* imposto la larghezza al massimo */
height:100%; /* imposto l'altezza al massimo */
background:#000000;
text-align:center; /*serve per gli ie in quirk*/
}

#principale {
width:809px;
height:492px;
position:relative;
top:50%; /* abbasso al centro il bordo superiore di questo box (809x492px) */
display:block; /* x Mozilla, altrimenti non funziona */
margin:auto; /* centra orizzontalmente coi browser che vanno in standard mode*/
margin-top:-246; /* alla fine si rialza questo box della metà della sua altezza */
}

spero possa tornare utile a qualcuno!!
 
Discussioni simili
Autore Titolo Forum Risposte Data
B Problema di inserimento "menu con css" in pagina web "con tabelle" HTML e CSS 5
M tabelle con i css e nn tramite echo"<table border='1'> HTML e CSS 1
T Query su due tabelle con totali Database 4
M Problemi con query a più tabelle PHP 3
M Aggiornare simultaneamente i campi di due tabelle collegate con id PHP 4
M Esportare tabelle mdb con relazioni in mysql MS Access 0
Spenalzo Creare tabelle multiple con Access via VBA MS Access 2
L [PHP] CMS con DB/tabelle perdsonale PHP 0
P [PHP] Stampare record di diverse tabelle ma con nomi uguali PHP 6
D [MySQL] Tabelle "molti a molti", SELECT con troppe QUERY MySQL 7
trattorino [PHP] Scaricare utenti che hanno due tabelle con dati uguali PHP 15
trattorino [PHP] Scaricare utenti che hanno due tabelle con dati uguali PHP 0
P [MYSQL] Query su tabelle con clausola "essenziale" MySQL 10
N [MS Access] report da più tabelle con campi memo MS Access 0
M Problemi con query su due tabelle PHP 2
M Creare stampe pdf con tabelle relazione uno a molti PHP 0
M Problema relazione uno a molti con 3 tabelle MySQL 4
I unire piu tabelle con gli stessi dati PHP 1
R visualizzare immagine con 2 tabelle differenti PHP 6
T Query con due tabelle Database 4
L Realizzare script con grafico e tabelle che si aggiornano automaticamente jQuery 1
A Cancellare record su più tabelle con PHP PHP 27
elpirata Form con tabelle HTML e CSS 6
P problemi con la creazione tabelle phpmyadmin 4.1.12 PHP 0
novello88 creare e distruggere collegamenti a tabelle con VBA MS Access 0
P Problema inserimento articolo con piu' tabelle PHP 1
Monital Copiare e modificare tabelle Mysql con php PHP 3
I estrarre record da 2 tabelle mysql con riferimento id_utente uguale Database 3
E Prelevare dati diversi da 3 tabelle con gli stessi campi e accodarli per data PHP 1
asevenx unificare tabelle con campo uguale phpBB 4
E tabelle con K2 Joomla 0
L Inner Join con più tabelle PHP 5
M problema con estrazione dati da più tabelle MySQL 1
V Problema con le tabelle in html HTML e CSS 35
M interrogare un dbase con più tabelle MySQL 2
L Problema tabelle con fpdf PHP 2
A Inner join con tre tabelle PHP 0
B Due tabelle con un unico form PHP 16
R Richiamare due tabelle con id comune MySQL 0
U Tabelle differentemente visualizzate con ie6 e firefox HTML e CSS 1
P problema con le tabelle di fpdf PHP 1
P problema con due tabelle PHP 1
F accesso su tabelle access con dati comuni in campi diversi Classic ASP 0
M JAVASCRIPT e tabelle con intestazione fissa Javascript 0
G Problemi con tabelle HTML e CSS 1
S tabelle con front page HTML e CSS 1
D problemi con le tabelle nel mio sito HTML e CSS 7
grottafelix Tabelle con contenuto dinamico Classic ASP 4
max75 query su due tabelle e dati doppioni MS Access 2
S Consiglio si relazione tabelle MS Access 1

Discussioni simili