aiuto con un sito, risolto

Mi-ka

Posted on 25/11/2008, 14:50

con le poche conoscenze che ho sull'html dei template, ho provato a realizzare il layout di un sito.
http://di4ever.altervista.org/
oltre a qualche considerazione su errori o meno, vorrei sapere se qualcuno può spiegarmi:
-come inserire un colora di background(il codice che ho io non me lo accetta)
-come fissare bene la pagina siccome me la muove con lo scroolbar e la vorrei fissa.
grazie a tutti! ^__^ :yeeh:

Forgotten Memories

Posted on 25/11/2008, 21:46

Nel body:

HTML

body

background-color:#f3cfc8;
background-attachment: fixed;
background-position: 0px;
font-family: Bellerose;
color: #f3cfc8;
font-size: 6px;
text-align: left;
letter-spacing:1px;
scrollbar-Track-Color:#f5aad3;
scrollbar-Face-Color:#f5aad3;
scrollbar-Arrow-Color:#dc2c40;
scrollbar-3dLight-Color:#dc2c40;
scrollbar-DarkShadow-Color:#dc2c40;
scrollbar-Highlight-Color:#dc2c40;
scrollbar-Shadow-Color:#dc2c40;}

Manca l'apertura della graffa ({).
La parte di css con "background-color:#blabla" può anche essere scritta come "background:#blabla", dovrebbe vedersi in entrambi i casi dopo aver aggiunto {.

Cosa intendi per 'fissare bene la pagina'? La scrollbar compare nel momento in cui superi la quantità di testo equivalente all'altezza (height) immessa qui:

HTML

<div style="width:310px;height:380px;overflow-y: scroll; border:;">

Se non intendevi questo magari specifica così provo a darti un aiuto migliore ^^

Mi-ka

Posted on 26/11/2008, 13:56

intendevo nella pagina stessa: come adesempio qui a destra del cm troviamo la scoolbar, c'è pure da me. io vorrei che non ci fosse. che il layou stesse fermo...
ehm... nn so se forse ora si capisce meglio...

Forgotten Memories

Posted on 26/11/2008, 17:05

E' una cosa normale. Innanzitutto dipende dal browser e dalla risoluzione del tuo schermo, ad esempio se io apro il tuo sito con Firefox (ad una risoluzione 1280x1024) non vedo alcuna scrollbar ai lati, e la posizione della pagina è fissa.
Invece, con la stessa risoluzione ma utilizzando Internet Explorer, vedo la scrollbar pur non potendola utilizzare, visto che il contenuto non è tale da richiederla.
Se posso darti un consiglio, per poter testare i tuoi layout (o template) scarica Firefox, è molto più utile per verificare l'esattezza del codice ed in ogni caso non dà fastidi come scrollbar visualizzate inutilmente.
In ogni caso, pur vedendosi, non fa muovere la pagina neanche con l'Explorer ^^ almeno questo.

Mi-ka

Posted on 26/11/2008, 17:18

a me però la fa andare un po avanti ede indietro ç.ç nn c'è un modo x evitare che si veda pure cn la mia risoluzione?

Forgotten Memories

Posted on 26/11/2008, 17:20

Purtroppo non credo, perchè vuol dire che è un'esigenza per visualizzare in modo ottimale la pagina.
Mmh, a quanto corrisponde la tua risoluzione? In ogni caso ora dò un'occhiata al tuo codice, così vedo se c'è qualcosa che non va (anche se mi pare non ci sia altro, ma guardo meglio)

Ecco qui, ho fatto tutte le correzioni possibili, anche se erano cose stupide per la maggior parte:

SPOILER (click to view)

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">


<html>
<head>
<style type="text/css">
body
{
background-color:#f3cfc8;
background-attachment: fixed;
background-position: 0px;
font-family: Cambria;
color: #df7d6c;
font-size: 10px;
text-align: left;
letter-spacing:1px;
scrollbar-Track-Color:#f29b8b;
scrollbar-Face-Color:#f29b8b;
scrollbar-Arrow-Color:#f3cfc8;
scrollbar-3dLight-Color:#f3cfc8;
scrollbar-DarkShadow-Color:#f3cfc8;
scrollbar-Highlight-Color:#f3cfc8;
scrollbar-Shadow-Color:#f3cfc8;}

img{
border: none;
}

.header {
border: 1px dotted #ffffff;
font-family: Verdana;
font-size: 14px;
color: #ffffff;
background:#df7e6d
}

a:active { color:#000000; text-decoration: none; font-weight:normal; cursor: crosshair;}
a:link { color: #000000; text-decoration: blink; font-weight: normal; cursor: crosshair;}
a:visited { color: #000000; text-decoration: none;}
A:hover {color: #000000; font-weight: bold; text-decoration: blink}
</style>
</HEAD>

<div id="Header&Distanze" style="position: absolute; top: 0; left: 100px; width: 700px; height: 600px">
<img src="http://i287.photobucket.com/albums/ll152/Di4ever/Layout%20Siti/ll.png" width="806" height="550"></div>

<div id="Affiliati" style="position: absolute; left: 125px; top: 30px; width: 180px; height: 50px">

<center>
<MARQUEE direction=left scrollAmount=1 style="width: 170px; height:40px">
<a href="http://shojo.forumfree.net/"><img src="http://img150.imageshack.us/img150/7816/shojo4beannergrandewf9.png"></a>
</MARQUEE> 
</center>
</div>

<div id="Colonna Centrale" style="position: absolute; left: 370px; top: 150px; width: 310px; height: 380px">

<div style="width:310px;height:380px;overflow-y: scroll; border:none;">

<MARQUEE direction="up" scrollAmount=1 style="width: 130px; height:40px">
Benvenuti nel mio sito!?!</MARQUEE> 

Welcome
sito in costurzione

hhhhhhhhhhhhhhh

<table class="body" width="80%" cellspacing="0" cellpadding="0"><tr>
<td align="center" valign="top" class="header">Credits</td>
</tr>
</table> 
Template by: <a href="http://www.splinder.com/profile/Di4ever">Di4ever</a> 
Edit&Publishing by: <a href="http://shojo.forumfree.net/">Shojo</a>
 
Hosting by: <a href="http://photobucket.com/">PB</a>

jjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjkkkkkkkk
benvenuti

 
</div>
</div>

<div id="Colonna Destra" style="position: absolute; left: 720px; top: 30px; width: 160px; height: 95px">
<center>

<div style="width:160px;height:95px;overflow-y: scroll; border:none;">

<a href="INDIRIZZO">Link</a> 
<a href="INDIRIZZO">Link</a> 
<a href="INDIRIZZO">Link</a> 
<a href="INDIRIZZO">Link</a> 
<a href="INDIRIZZO">Link</a> 
<a href="INDIRIZZO">Link</a> 
<a href="INDIRIZZO">Link</a> 
 

<table class="body" width="80%" cellspacing="0" cellpadding="0"><tr>

<td align="center" valign="top" class="header">Credits</td>
</tr>
</table> 
Layout by: <a href="http://www.splinder.com/profile/Di4ever">Di4ever</a> 
Edit&Publishing by: <a href="http://shojo.forumfree.net/">Shojo</a>
 
Hosting by: <a href="http://photobucket.com/">PB</a>
 
</div>
</div>

</BODY>
</HTML>

Mi-ka

Posted on 26/11/2008, 18:22

ti ringrazio ^__^
ho una visualizzazione 1024x768

Forgotten Memories

Posted on 26/11/2008, 20:21

Uhm, effettivamente è riduttiva come risoluzione, tranquilla che la visualizzazione della scrollbar è normale ^^ gli altri utenti, se ne hanno impostata una più grande, non la visualizzeranno.
Magari in futuro prova a cambiarla, ti troverai meglio a lavorare con lavori di dimensioni maggiori. Ah, per il codice ti consiglio di usare Dreamweaver ^^ è molto comodo e facile da usare, considerando che hai già avuto modo di utilizzare l'html

Mi-ka

Posted on 27/11/2008, 18:04

grazie 1000,
infatti me lo sono procurato...
ma nn ho ancora capito come usarlo.. ^^"

Forgotten Memories

Posted on 28/11/2008, 17:48

Pian piano ci farai l'abitudine, se hai qualche problema in particolare chiedi pure e vedrò se posso aiutarti ^^

Mi-ka

Posted on 30/11/2008, 10:57

grazie 1000 ^__^

10 replies since 25/11/2008, 14:50 125 views