Impaginazione html

† Katherine.

Posted on 24/8/2008, 15:50

.

Group: Team Ice

Posts: 14,029

Status: Offline

Non riesco a mettere a sinistra dei link e a destra delle scritte/immagini su altervista!!!
Le scritte vanno praticamente sopra ai link, ho provato anche a mettere due colonne, left e right, ma non cambia nulla!! Help please

.

BOH

Posted on 24/8/2008, 16:05

.

User deleted

devi semplicemente fare una tabella con 2 colonne....in quella di destra metti le scritte in quella di sinistra metti i link

.

† Katherine.

Posted on 24/8/2008, 16:07

.

Group: Team Ice

Posts: 14,029

Status: Offline

Mi dai il codice?? Please, mi hanno incaricata di fare il sito dato che sono la fondatrice, ma non è che me ne intendi molto xd

.

BOH

Posted on 24/8/2008, 16:19

.

User deleted

HTML

<table border="0">
<tr>
<td align="left">qua scrivi il testo</td>
<td align="right">qua metti i link</td>
</tr>
</table>

.

† Katherine.

Posted on 24/8/2008, 16:49

.

Group: Team Ice

Posts: 14,029

Status: Offline

Guarda cos'è successo:
http://won.altervista.org/home.html

.

BOH

Posted on 25/8/2008, 14:05

.

User deleted

allora, siccome tu non mi hai dato il tuo codice di base, e a quanto vedo nn sai molto sull'html, mi risulta difficile aiutarti.

cmq partiamo dal codice attuale della tua pagina che è il seguente

HTML

<html><HEAD>
<TITLE>World Of Nature</TITLE>
</HEAD>
<CENTER><h1><font color=red></font></h1></CENTER>
<body><font size=4>
<body bgcolor="#293010" link="#B8B166" text="#B8B166" background="http://www.greenforest.altervista.org/Immagine9.jpg" vlink="#B8B166" alink="#B8B166">
<font face="Verdana" size=1 color#0033FF><tr>
<td width="55">
<img border="0" src="http://won.altervista.org/immagini/grafica.png"></td>
</tr>
<table border="0">
<tr>
<td align="left"><font face="Segoe Script" size 14 font color=FF0000>Benvenuti su World Of Nature!</font>
 
<font face="Verdana" size 1 font color=#EFE3CE>La vita è fatta di molti sentieri, se non li percorri non saprai mai dove ti porteranno; R. Battaglia</font></td>
<td align="right"> 
<tr>
<td> <font face="Times New Roman" size 1><tr>
<a target="I10" href="grafica/contatori.php">Contatori</a></font></td>
</tr>
 
<tr>
<td> <font face="Times New Roman" size 1 color #FFCC33><tr>
<a target="I10" href="grafica/userbar.php">Userbar</a></font></td>
</tr>
 
<tr>
<td> <font face="Times New Roman" size 1 color#FFCC00><tr>
<a target="I10" href="grafica/wallpaper.php">Wallpaper</a></font></td>
</tr>
 
<tr>
<td> <font face="Times New Roman" size 1 color#FFCC00><tr>
<a target="I10" href="grafica/glitter.php">Sfondi e Glitter</a></font></td>
</tr>
 
<tr>
<td> <font face="Times New Roman" size 1 color#FFCC00><tr>
<a target="I10" href="grafica/gif.php">Gif Animate</a></font></td>
</tr>
 
<tr>
<td> <font face="Times New Roman" size 1 color#FFCC00><tr>
<a target="I10" href="grafica/avatar.php">Avatar</a></font></td>
</tr>
 
<tr>
<td> <font face="Times New Roman" size 1 color#FFCC00><tr>
<a target="I10" href="grafica/letter.php">Letter Incredimal</a></font></td>
</tr>
 
<tr>
<td> <font face="Times New Roman" size 1 color#FFCC00><tr>
<a target="I10" href="grafica/scritte.php">Scritte Glitter</a></font></td>
</tr>
 
<tr>
<td> <font face="Times New Roman" size 1 color#FFCC00><tr>
<a target="I10" href="grafica/tag.php">Tag</a></font></td>
</tr>
 
<tr>
<td width="55">
<img border="0" src="http://won.altervista.org/immagini/Speciali.png"></td>
</tr>
 
<tr>
<td> <font face="Times New Roman" size 1 color#FFCC00><tr>
<a target="I10" href="speciali/parole.php">Parole nel Vento</a></font></td>
</tr>
 
<tr>
<td width="55">
<img border="0" src="http://won.altervista.org/immagini/Won.png"></td>
</tr>
 
<tr>
<td> <font face="Times New Roman" size 1 color#FFCC00><tr>
<a target="I10" href="won/trama.php">Cosa significa??</a></font></td>
</tr>
 
<tr>
<td> <font face="Times New Roman" size 1 color#FFCC00><tr>
<a target="I10" href="won/obiettivi.php">Cosa vuole fare??</a></font></td>
</tr>
 
<tr>
<td> <font face="Times New Roman" size 1 color#FFCC00><tr>
<a target="I10" href="won/compiuti.php">Cosa ha fatto??</a></font></td>
</tr>
 
<tr>
<td> <font face="Times New Roman" size 1 color#FFCC00><tr>
<a target="I10" href="won/iscrizioni.php">Diventa uno di noi!!</a></font></td>
</tr>
 
<tr>
<td> <font face="Times New Roman" size 1 color#FFCC00><tr>
<a target="I10" href="won/dogland.php">Dog Land</a></font></td>
</tr>
 
<tr>
<td> <font face="Times New Roman" size 1 color#FFCC00><tr>
<a target="I10" href="won/serra.php">Speciale: Effetto Serra</a></font></td>
</tr>
 
<tr>
<td> <font face="Times New Roman" size 1 color#FFCC00><tr>
<a target="I10" href="won/alberi.php">Alberi e Piante</a></font></td>
</tr>
 
<tr>
<td> <font face="Times New Roman" size 1 color#FFCC00><tr>
<a target="I10" href="won/animali.php">Animali</a></font></td>
</tr>
 
<tr>
<td> <font face="Times New Roman" size 1 color#FFCC00><tr>
<a target="I10" href="won/inquina.php">Inquinamento</a></font></td>
</tr>
 
<tr>
<td> <font face="Times New Roman" size 1 color#FFCC00><tr>
<a target="I10" href="won/centrali.php">Speciale: Centrali Nucleari</a></font></td>
</tr>
 
<tr>
<td> <font face="Times New Roman" size 1 color#FFCC00><tr>
<a target="I10" href="won/tradimento.php">Il tradimento dell'uomo</a></font></td>
</tr>
 
<tr>
<td> <font face="Times New Roman" size 1 color#FFCC00><tr>
<a target="I10" href="won/sforziamoci.php">Quello che ci resta di fare...</a></font></td>
</tr>
 
<tr>
<td> <font face="Times New Roman" size 1 color#FFCC00><tr>
<a target="I10" href="won/ricicla.php">Speciale: Ricicliamo!!</a></font></td>
</tr>
 
<tr>
<td width="55">
<img border="0" src="http://won.altervista.org/immagini/Altro.png"></td>
 
<tr>
<td> <font face="Times New Roman" size 1 color#FFCC00><tr>
<a target="I10" href="http://won.forumcommunity.net">Forum</a></font></td>
</tr>
 
<tr>
<td> <font face="Times New Roman" size 1 color#FFCC00><tr>
<a target="I10" href="altro/contatti">Contatti</a></font></td>
</tr>
 
<tr>
<td> <font face="Times New Roman" size 1 color#FFCC00><tr>
<a target="I10" href="altro/news">News</a></font></td>
 
</tr></td>
</tr>
</table>
<div align="center"><img border="0" src="http://www.won.altervista.org/immagini/bannervolpe.bmp"></div></gif>
</font></body></html>

come prima cosa ti consiglio di mettere un pò di a capo e un pò di spazi per fare in modo di capirci qualcosa quando torni a leggere.
secondariamente ti devo chiedere cosa vuoi fare...vuoi mettere nella colonna di destra tutti i link e le immagini e in quella di sinistra la scritta rossa e il pezzo bianco sotto?

intanto ti comunico degli errori un pò gravi che hai fatto

1-hai messo una scritta rossa fuori dal body che ovviamente è come nn scriverla
2-hai aperto 2 body....e come se nn bastasse ne hai chiuso solo 1...cmq devi aprirne sempre e solo 1.
3-hai messo degli url come link che nn hanno estensione, tipo quello dei contatti e che quindi ti darà sempre errore 404 clikkandoci sopra.
4-hai inserito una riga di tabella ogni link, quando il consiglio spassionato è di usare solo il tag dell'accapo perchè sennò ti perdi di sicuro tra le tabelle.

ah si un'altra cosa, ti consiglio di inserire un tag style nell'intestazione, o meglio ancora di usare un foglio di stile css....perchè mi sembra inutile ripetere per ogni link tutto il tag font con i relativi parametri...

.

† Katherine.

Posted on 25/8/2008, 16:21

.

Group: Team Ice

Posts: 14,029

Status: Offline

Io vorrei mettere al centro sopra l'immagine con la foca.
Poi fare link a sinistra e scritte a destra
Poi al centro alla fine l'immagine della volpe.

Ora sai tutto quello che devo scrivere ecc, ti dispiacerebbe darmi direttamente il codice completo??
Tanto per cambiare di tutto quello che mi hai detto ho capito poco xD

.

BOH

Posted on 26/8/2008, 09:43

.

User deleted

ti do l'abbozzo poi tu ci metti quello che vuoi.

HTML

<html>

<HEAD>
<TITLE>World Of Nature</TITLE>
<style>
Qui mettici i dati in css sui colori dei link, sui bordi delle immy e sulla formattazione del testo
</style>
</HEAD>

<body bgcolor="#293010" background="http://www.greenforest.altervista.org/Immagine9.jpg">

<table border="0">

<tr>
<td colspan="2">
Qui mettici l'iimagine che sta sopra al centro
</td>
</tr>

<tr>
<td width="50%">
Qui mettici tutti i link, senza usare i tag font e separando ogni tag a solo da 2 accapo
</td>
<td width="50%">
Qui mettici il testo
</td>
</tr>

<tr>
<td colspan="2">
Qui mettici la immy che sta sotto
</td>
</tr>

</table>

</body>

</html>

.

† Katherine.

Posted on 26/8/2008, 18:02

.

Group: Team Ice

Posts: 14,029

Status: Offline

Glasshie, ora provo

.

BOH

Posted on 30/8/2008, 16:28

.

User deleted

scusa ma perchè non hai seguito il mio schema?

.

† Katherine.

Posted on 14/11/2008, 16:37

.

Group: Team Ice

Posts: 14,029

Status: Offline

BOH! E' una cosa banale, ma da risolvere, e io non riesco:
http://lifenature.altervista.org/lifenature_0002.html
Questo è il sito. Come vedi ho inserito la tabella e tutto, il problema si fa più avanti: tutti i link. Ecco, quello dei Volatili, è un pò più grande. Puoi aiutarmi??

.

† Katherine.

Posted on 15/11/2008, 14:54

.