altro aiuto template

19-09-2009, 13.57.59

questo è il codice..

Codice:

<html>
<head>
<title>home page sito di cactua</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<style type="text/css"> 
body {
background-color: ffffff;    
background-image: url('http://i32.tinypic.com/1z4v6ew.jpg');
background-repeat: repeat-y;   
}
</style>

</head>

<body>

<div id="immagine" style="position: absolute; top: 0px; left: 0px;"><img src="http://i37.tinypic.com/16kosit.jpg" border="0"></div>

<div id="post" style="position: absolute; top: 200px; left: 110px; width: 435px; ">
<p><font size="5"><div align="center">salve a tutti<br><script type="text/javascript">
var counter_style = 25;
</script>

</div></font>
benvenuti nel mio sito web,inizialmene volevo realizare un sito di pokemon ma ho deciso di crearne uno che riguardasse molte cose insieme.
per fare un esempio, quasi tutti voi conoscere forumfree e forumcommunity, esistono alcuni rari forum che parlano di off topic, cioè molte cose insieme senza un argomento in generale, questo sito piu o meno è la stessa cosa.
uno degli argomenti piu trattati credo sarà pokemon visto che sono un loro fan, questo gioco mi appassiona molto perchè esistendo un numero elevato di pokemon che supera i 400 puoi creare infiniti team diversi, ogni volta la strategia sarà diversa e vedere che funziona come vorresti è molto appagante.
mentre un altro degli argomenti trattati credo sarà la scuola, come tutti ormai saprete la scuola è appena iniziata quindi ho decideso di dedicare un po del mio tempo a parlare di questa disgrazia che affligge il mondo di tutti i ragazzi.
parleremo delle materie piu odiate delle abituini dei professori potremo anche insultarli, quasi tutto su questo argomento è permesso ad ecezzione di argomenti volgari o pornografici.<br>
e siamo arrivati al terzo argomento, ormai ogni giorno guardiamo la televisione, e i programmi piu seguiti sono:film e cartoni, io sceglierò di parlare dei siti, in particolare io preferisco i film horror, tra i miei preferiti ci sono: the groudge e sanvalentino, tutti e due film molto belli, il primo si concentra nel terrorizzare le persone in ogni azione della vita quotidiana, andare in ascensore scendere o salire le scale andare in autobus ecc.. ecc.., mentre l'altro di per se non fa molto paura ma grazie al suo fantastico effeto 3d diventa accettabile.
naturalmente esistono anche i fllm umoristici romantici ecc.. ecc.., non pensate che me li sia scordati!.
per il momento questo è tutto vi aspettiamo al prossimo aggiornamento<br>
<hr><b>iscriviti alla nostro news letter<br>per iscriverti inserisci il tuo<br> indirizzo di posta eletronica</b><br>
<script type="text/javascript" src="http://www.altervista.org/js_tags/newsletter.js"></script>
 <hr size="4" color="#FF6600" /></p>
 <p>
</div> 

<div id="titolo-post" style="position: absolute; top: 130px; left: 110px; width: 435px; height: 506px;">
<p><b>la mia home page </b> </p>

<div id="layout-sopra a sinistra" style="position: absolute; top: -70px; left: 20px; width: 350px; height: 506px;">
<p><b><a href="http://sitodicactua.altervista.org/index.html">home page</a> | 
<a href="http://sitodicactua.altervista.org/pokemon/pokemon.html">pokemon</a> |
 <a href="http://sitodicactua.altervista.org/scuola/scuola.html">scuola</a>|
<a href="http://sitodicactua.altervista.org/film/film.html">film</a> |
<a href="http://sitodicactua.altervista.org/staff/staff.html">staff</a> |
<a href="http://sitodicactua.altervista.org/affiliati/affiliati.html">affiliati</a></p>
</div> 
</div> 

<div id="colonna destra dei link" style="position: absolute; top: 200px; left: 755px; width: 120px; ">
<p><script type="text/javascript" src="http://www.altervista.org/js_tags/contatore.js"></script><hr>
<a href="http://sitodicactua.altervista.org/chat.html">questbook</a></p>
</div> 

<div id="titolo link" style="position: absolute; top: 130px; left: 760px; width: 245px; height: 506px;">
<p>link discussioni </p>
</body>
</html>

ecco il link della pagina
http://sitodicactua.altervista.org/index.html

il problema è che nella colonna di destra non si possono cliccare i link

19-09-2009, 16.08.22

Ti consiglio di farlo da capo e bene.

Se vuoi dare uno sfondo a qualcosa, usa il background mettendolo nel CSS, e non incollare le immagini per poi scriverci di sopra (es. http://i37.tinypic.com/16kosit.jpg).

Alcuni tag non possono essere messi lì alla rinfusa, ma devono avere un ordine.

Codice:

<div id="post" style="position: absolute; top: 200px; left: 110px; width: 435px; ">
<p><font size="5"><div align="center">salve a tutti<br><script type="text/javascript">
var counter_style = 25;
</script>

</div></font>

Visto che utilizzi i <div>, puoi impostare attraverso il CSS, la grandezza del carattere, per cui non c'è bisogno di mettere il tag <font>.
E casomai, il <font> non può racchiudere i <div>.

Al limite, se non vuoi usare il CSS, puoi fare così (molto più semplice e pulito):

Codice:

<div style="font-size:10pt;">contenuto</div>

Oppure se proprio vuoi:

Codice:

<div id="post"><font size="5">contenuto</font></div>

Un altro errore:

Codice:

 <p>
</div> 

<div id="titolo-post" style="position: absolute; top: 130px; left: 110px; width: 435px; height: 506px;">
<p><b>la mia home page </b> </p>

Ha aperto il tag <p> prima della chiusura di un </div> e guardando nel testo, non c'è la chiusura.

Lasciare tag aperti e/o messi male, può compromettere il risultato.

Un'altra cosa, perchè scrivi così:

Codice:

<div id="post">

se poi non hai nemmeno un foglio di stile. Cioè, perchè dai dei nomi agli elementi, se poi effettivamente non esistono?!

Per finire, può tornarti utile, il validator html della pagina che hai linkato => http://validator.w3.org/check?uri=ht...Inline&group=0 (con gli errori e le spiegazioni).

21-09-2009, 21.27.16

allora.. quello quello del font l'avevo messo perchè quella parte della scritta è un po piu grande dell'altro testo, poi devo ancora inserire il css ma prima di continuare il codice volevo sapere perchè la parte sopra della pagina non puo essere cliccata

22-09-2009, 00.05.54

Originalmente inviato da cactua

allora.. quello quello del font l'avevo messo perchè quella parte della scritta è un po piu grande dell'altro testo, poi devo ancora inserire il css ma prima di continuare il codice volevo sapere perchè la parte sopra della pagina non puo essere cliccata

Ho trovato il problema.

Codice:

<div id="layout-sopra a sinistra" style="position: absolute; top: -70px; left: 20px; width: 350px; height: 506px;">
<p><b><a href="http://sitodicactua.altervista.org/index.html">home page</a> | 
<a href="http://sitodicactua.altervista.org/pokemon/pokemon.html">pokemon</a> |
 <a href="http://sitodicactua.altervista.org/scuola/scuola.html">scuola</a>|
<a href="http://sitodicactua.altervista.org/film/film.html">film</a> |
<a href="http://sitodicactua.altervista.org/staff/staff.html">staff</a> |
<a href="http://sitodicactua.altervista.org/affiliati/affiliati.html">affiliati</a></p>

</div> 
</div>

Se vedi, nello style hai messo un top - 70px, infatti nella pagina, questi link vengono nascosti, perchè sono 70px sopra della pagina.
Poi metti un height di 506 px, in pratica questa altezza copre tutto ciò che c'è nell'arco dell'altezza di 506 px della pagina, rendendo impossibile il selezionamento del testo od il "cliccaggio" dei link.

Per risolvere cancella quel pezzo ed inserisci al suo posto questo:

Codice:

<div id="layout" style="padding:0 0 0 100px;">
<p><b><a href="http://sitodicactua.altervista.org/index.html">home page</a> | 
<a href="http://sitodicactua.altervista.org/pokemon/pokemon.html">pokemon</a> |
 <a href="http://sitodicactua.altervista.org/scuola/scuola.html">scuola</a>|
<a href="http://sitodicactua.altervista.org/film/film.html">film</a> |
<a href="http://sitodicactua.altervista.org/staff/staff.html">staff</a> |
<a href="http://sitodicactua.altervista.org/affiliati/affiliati.html">affiliati</a></p>
</div>
</div>

E' ovvio che è una soluzione per accomodare, ma ti consiglio di rivedere bene tutto il codice della pagina.

In questo pezzettino:

Codice:

padding:0 0 0 100px;

Il primo 0 si riferisce al numero di pixel che deve distare dal div che c'è di sopra, il secondo zero è la distanza da destra, il terzo 0 è la distanza da sotto e 100px si riferisce alla distanza da sinistra.
Puoi modificarlo come vuoi, io ti ho messo un esempio...

22-09-2009, 18.43.09

risolto grazie millissime ^^

Discussione: altro aiuto template

LinkBack

Strumenti discussione

Display

altro aiuto template

Regole di scrittura