- Home
- Categorie
- Coding e Sistemistica
- HTML e CSS
- Allineamento
-
Allineamento
Come faccio a porre due oggetti, tipo un testo e un'immagine, su una stessa riga, quindi ad allinearli?
A me escono sempre uno sopra e uno sotto...
-
[url=http://www.ico1989.altervista.org/tave.php]Esempio
Come faccio ad allineare le tabelle?
-
Potresti provare ad usare inserendo nel foglio di stile float:left; come classe per la prima tabella (o immagine) e float:right; come classe per la seconda tabella (o testo).
Utile come guida ed esempi questo link:
http://www.html.it/css/guida_css_26.htm
-
Consapevole che qualcuno dirà che bisogna usare i css etc. etc. (non mi riferisco a te King, ma ad un altro post di un utente di qualche giorno fa) la soluzione piu' semplice e affidabile per chi non è espertissimo rimane sempre quella di raccogliere tutti gli elementi in una tabella con tante celle quanti sono gli elementi da allineare.
Nel tuo esempio metti quelle tabelle in un una tabella di tre celle (la noti in rosso nel codice seguente) che le contenga.
Ho corretto qualche errorino che avevi commesso. Guarda le differenze tra il codice che avevi creato e questo.
In particolare la prima parte dove per fare un buon lavoro devi mettere tutta questa roba che ho messo io, e poi qualche tag div di troppo e qualche <td> che doveva essere </td>.<!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=iso-8859-1" />
<title>Untitled Document</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<table>
<tr valign="top">
<td><table cellspacing="1" cellpadding="1">
<tr>
<td class='th' align="center"><div>Ultime dal Forum</div></td>
</tr>
<tr>
<td bgcolor="#ECF2FA" align="center">:o </td>
</tr>
<tr>
<td bgcolor="#ECF2FA" align="center">Eccomi </td>
</tr>
<tr>
<td bgcolor="#ECF2FA" align="center">Sondaggio </td>
</tr>
<tr>
<td bgcolor="#ECF2FA" align="center">Guarda qui! </td>
</tr>
<tr>
<td bgcolor="#ECF2FA" align="center">Anch'io sono del daprocida! </td>
</tr>
</table></td><td>
<table a cellspacing="1" cellpadding="1">
<tr>
<td class='th' align="center"><div>Ultime dal Blog</div></td>
</tr>
<tr>
<td bgcolor="#ECF2FA" align="center">PHP </td>
</tr>
<tr>
<td bgcolor="#ECF2FA" align="center">Come va? </td>
</tr>
</table></td><td>
<table cellspacing="1" cellpadding="1">
<tr>
<td class='th' align="center"><div>Presenti in Chat</div></td>
</tr>
<tr>
<td bgcolor="#ECF2FA" align="center">ico </td>
</tr>
<tr>
<td bgcolor="#ECF2FA" align="center">ciao </td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>Ciao
-
Claudio sei un grosso
Proverò secondo i tuoi consigli. Comunque, visto che è un file .php da includere, devo sempre inserire:<!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=iso-8859-1" /> <title>Untitled Document</title>?
Grazie anche a te King
-
[url=http://www.ico1989.altervista.org/tave.php]Ecco qui
Allora quelle tre tabelle, anche se sono separate, è come se fossero un'unica tabella, giusto?
-
@ico1989 said:
Comunque, visto che è un file .php da includere, devo sempre inserire:
<!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=iso-8859-1" /> <title>Untitled Document</title>?
No, in questo caso hai fatto bene a non inserirlo, l'imporatente e' che l'head sia completo nella pagina php passata all'utente finale.@ico1989 said:
[url=http://www.ico1989.altervista.org/tave.php]Ecco qui
Allora quelle tre tabelle, anche se sono separate, è come se fossero un'unica tabella, giusto?
In pratica c'e' una tabella che al suo interno contiene le altre tabelle (potrebbero essere immagini, o altro) posizionandole nella posizone che desideravi.
E' un po' come le parentesi in matematica, immagina le parentesi quadre che sono una tabella principale e quelle tonde altre tabelle contenute al suo interno.
Normalemente sarebbe questa la disposizione:
(tab 1)
(tab 2)
(tab 3)Invece in questo modo vengono raccolte:
[ (tab 1) (tab 1) (tab 1) ].Potresti reiterare la cosa per strutture ancora piu' complesse.
P.S. comunque anche se il codice che ti ho indicato funziona ed e' abbastanza semplice, dai un'occhiata alla guida ai css che ti ha segnalato King, cosi' piano piano impari a usare anche i css. Quella e' la corretta via verso il futuro...
-
@claudioweb said:
In pratica c'e' una tabella che al suo interno contiene le altre tabelle (potrebbero essere immagini, o altro) posizionandole nella posizone che desideravi.
E' un po' come le parentesi in matematica, immagina le parentesi quadre che sono una tabella principale e quelle tonde altre tabelle contenute al suo interno.
Normalemente sarebbe questa la disposizione:
(tab 1)
(tab 2)
(tab 3)Invece in questo modo vengono raccolte:
[ (tab 1) (tab 1) (tab 1) ].
Sì sì, capito. E' solo che me le aspettavo unite, non so perchè@claudioweb said:
P.S. comunque anche se il codice che ti ho indicato funziona ed e' abbastanza semplice, dai un'occhiata alla guida ai css che ti ha segnalato King, cosi' piano piano impari a usare anche i css. Quella e' la corretta via verso il futuro...
Oky, ci proveròGrazie di tutto