Io non posso ancora mettere on line perche' non ho pass e ID ancora del suo spazio web! :pensare:
Ciao Gianni,intanto grazie mille! :Cartelli36:
Giorgio mi inviava per e-mail la pagina come la vedi nella cartella dei documenti e mi diceva:cliccaci due volte,in questo modo potevo vederla! Po' esse?
Io non posso ancora mettere on line perche' non ho pass e ID ancora del suo spazio web! :pensare:
si tratta del sito di un laboratorio di automobili d'epoca e repliche di alfa romeo sempre d'epocaAllora la cosa si fa interessante, almeno per me, visto che mi piacciono le auto d'epoca e sono un' Alfista :okkey:
mi ha fatto i disegni su un foglio di come lo vuole,per cui l'ho fatto come mi ha detto:okkey: se hai dubbi posta anche il disegno
prima vedo i vostri consigli ,correzioni e suggerimenti poi gliela faccio vedere:okkey: scaldo la tastiera :hihihi:
e se Bloum si attiva, chi la ferma più.....Grazie Damiano, troppo buono :sm102:
P.S. In attesa di una tua risposta ho riprodotto ([url]http://www.maxgladia.altervista.org/test/mar/[/url]) fedelmente la tua pagina con codice validato :Amore152:
In attesa di una tua risposta ho riprodotto fedelmente la tua pagina con codice validato
PS. Sto morendo di caldo... anche a quest'oraSi effettivamente si muore, ma io mi sono piazzata sotto il condizionatore :evilgrin0030:
Il layout deve essere liquido, cioè si adatta a ogni risoluzione?
Il fondo deve essere ripetuto in orizontale e verticale volutamente?
SE mi mandi anche il disegno ti creo una struttura solida e valida a livello di codice...ho riprodotto fedelmente la tua pagina con codice validatoOra per favore dimmi quali di queste affermazioni non ti sono chiare
Tag..... corretto....= validato =chiusura giusta.In effetti le chiusure del tag, ovvero dei comandi, sono indispensabili ai fini della validazioni, ma io non ne ho fatto menzione perchè mar non ha usato neanche il DOCTYPE e qui la cosa si fa dura.
Il layout deve essere liquido, cioè si adatta a ogni risoluzione?
Mbeh io sono la scolara piu' "anomalaNo Mar è che mi ricordo le :testate: che ho dato quando ero agli inizi e avrei pagato oro per trovare chi mi spiegava passo passo.
Maestra al massimo vado dietro la lavagna!Tranquilla, per te è presto andare dietro la lavagna, Fadamia invece se non corregge ci va :arr:
OK ma posso rifare lo sfondo lasciando il foglio di stile senza rovinare niente?Fai una bella cosa, rifai la pagina da capo, chiamala con un altro nome come la sai fare tu, poi vediamo insieme il codice
Se vuoi rifarla con i css per farmi vedere come sarebbe per me va bene!Se vuoi te la faccio io, oppure se non hai troppi problemi di tempo puoi provare a farlo tu e io ti aiuto.
<table border="0" width="100%">
<tr>
<td height="340" background="pellicola.jpg"><div align="center">
<img border="0" src="marchietto.gif" width="340" height="341"></div></td>
</tr>
<tr>
<td height="50" bgcolor="#Fe0000"><div align="center"><img src="banda.jpg" width="421" height="36" >
<img border="0" src="freccetta.gif" width="84" height="50"></div></td>
</tr>
</table>
Diventerà<table>
<tr>
<td><div align="center" >
<img border="0" src="marchietto.gif" width="340" height="341"></div></td>
</tr>
<tr>
<td height="50" bgcolor="#Fe0000"><div align="center"><img src="banda.jpg" width="421" height="36" >
<img border="0" src="freccetta.gif" width="84" height="50"></div></td>
</tr>
</table>
csstable{width:100%; border:none;}
tr{........}
td1{height:340px; background:url(pellicola.jpg;}
il resto prova
Laura non ho capito! Lo vedi cosi'?Cioe' col bianco sotto?:Cartelli32: :Cartelli32: :Cartelli32:
Io la pellicola la vedo finita da entrambi i lati,dipende dalla risoluzione?:Cartelli32: :Cartelli32: :Cartelli32:
Sei superbrava!:tanks: lo puoi diventare anche tu, certo la mia è passione e ci passo molto tempo a studiare
per esempio il foglio che hai creato tu dovrebbe bastare per tutto il sito?il foglio di stile contiene le istruzioni che servono fino ad ora, ma ciò non toglie che può essere implementato
Nella seconda pagina io dovrei fare sempre un fondo con immagine pero' tutta intera,questa informazione andra' messa nel foglio?Si, in questo caso faremo un css dedicato per quella pagina, in quanto lo sfondo va messo nel background, e se sostituisci quello che c'è ora ti cambia anche la prima, In linea di massima tieni a mente di fare uno stile.css per i comandi generali del sito, poi per le varie cose o sezioni particolari, se devono essere differenti, si possono fare dedicati, come ad esempio i menù.
Devo pur iniziare a fare una prova altrimenti solo leggere gli esempi non mi serve!Come dicona dalle mie parti "quanno te sbrighi fai sempre a tempo!" :hihihi:
Laura perche' non vedo nel codice la chiusura di body e html?boh, eppure mancano :Cartelli2:
Eppure li ho messi!
<!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>Documento senza titolo</title>
</head>
<body>
</body>
</html>
A questo punto, a parte i codici aggiuntivi (CSS, JS, Metatag specifici, ecc) che debbo mettere tra <head>
.........
</head>il mio lavoro comincia sempre tra i tag<body>
............
</body>Di conseguenza un mio semplice lavoro potrebbe esprimersi in questo modo:<!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>Documento senza titolo</title>
</head>
<body>
<p>Ciao mondo</p>
</body>
</html>
Che a schermo mostrerà il messaggio:<html>
<head>
..........codice per il governo della pagina
</head>
<body>
............ codice dei contenuti della pagina
</body>
</html>body {
background-image: url(../img/erba.jpg);
background-attachment: fixed;
.................
}
In questo modo l'immagine viene ripetuta nella pagina sia in larghezza che in altezza. Però rimane fissa (ossia non scorre con la pagina) Se si desidera che scorra assieme alla pagina basta togliere "background-attachment: fixed;"#testata {
background-image: url(../img/top.jpg);
background-repeat: repeat-x;
background-position: 0 0;
.....................
}
In questo modo l'immagine viene ripetuta in tutta la larghezza della pagina#telaio {
background: #EDE3D1 url(../img/left.jpg);
background-repeat: repeat-y;
background-position: 0 0;
............
}
In questo caso l'immagine viene ripetuta per tutta l'altezza della pagina#fondo {
background: #FFF url(../img/rosa.jpg);
background-repeat: no-repeat;
background-position: center;
....................
}
un problema altrove , di cui sono a conoscenza anche altri che vengono qui mi ha molto coinvolta e impedito di concentrarmi su qualunque altra cosa finche' non fosse stato risolto!Ora sembra tutto chiarificato!:okkey:
solo per mostrarvi come la vuole Felice,cioe' il look!
Per di piu' la freccia enter che dovrebbe essere posta sulla banda deve essere cliccabile!
Per me in generale sta pagina e' "Mission impossible"!Non preoccuparti Ethan Hunt raduna la squadra e si dirige in missione a Mantova :hihihi:
Spero coi vostri suggerimenti di capirci qualcosa per poi fare le altre!!!Certo altrimenti noi cosa ci stiamo a fare qui :pensare:
PS FP l'ho messo da parte!Questo mi rende molto ma molto felice :Banane27: :Banane27: :Banane27:
...................
........................
va beh vado a farmi un giro :Car1:
Circa l'immagine del logo appunto :cosa vuol dire
alt=marchio e title=marchio se l'immagine si chiama marchietto a cosa si riferisce marchio?
Dove trovo le spiegazioni del significato di tag o attributi o come si chiamano di preciso?
Lo sfondo andrebbe bene ma perche' tutto quello spazio grigio a destra?
Poi la freccetta enter vorrei che fosse posta sulla banda rossa all'estrema destra!
la freccetta deve essere cliccabile.
@charset "utf-8";
body {
font: 100% Verdana, Arial, Helvetica, sans-serif;
background: #666666 url(../img/sfondoprova_copia.jpg);
background-repeat: repeat-y;
background-position: center;
margin: 0;
padding: 0;
text-align: center;
color: #000000;
}
/* niente di particolare per questo TAG eccetto l'immagine che viene evocata come sfondo che si ripete verticalmente */
/* e che viene posta centralmente rispetto alla pagina */
#container {
/* width: 46em;*/
margin: 0 auto;
text-align: center;
}
/* viene definita la larghezza del contenitore principale della pagina */
#mainContent {
padding: 0 20px;
}
/* ha un padding di 20 px a dx ed a sn per spostarsi leggermente da detti margini */
#banda {
height: 58px;
width: 911px;
background-image: url(../img/bandacopia.jpg);
background-position: center;
background-repeat: no-repeat;
}
/* questo è importante */
/* rimane difficile sovrapporre 2 immagini in HTML */
/* allora la prima immagine la imposto come sfondo al <div> */
/* in questo modo in questo <div> posso inserire una diversa immagine o quel che voglio quando serve */
.frwccetta {
margin: 4px auto;
}
/* l'immagine da inserire nel <div> sovrastante la faccio slittare verso il basso di 4 px */
<link href="css/stile.css" rel="stylesheet" type="text/css" />
<div id="container">
<div id="mainContent">
<br />
<img src="img/marchietto.gif" alt="marchio" title="marchio" align="middle" />
<br /><br /><br />
<div id="banda"> <!-- questo div ha una sua immagine di sfonfo -->
<div align="right"><a href="pagina1.html">
<img class="frwccetta" border="0" src="img/freccetta.gif" alt="freccetta" title="freccetta" /></a>
</div>
</div>
</div><!-- end #mainContent -->
</div><!-- end #container -->
La freccetta la vedo :tutto è OK pero' non c'è la banda ! ( forse perche' la banda passo'....!
#banda {
height: 58px;
width: 911px;
background-image: url(../img/bandacopia.jpg);
background-position: center;
background-repeat: no-repeat;
}
Nella pagina c'è solo il <div> che si riferisce a questa regola: <div id="banda"> <!-- questo div ha una sua immagine di sfonfo (la banda) -->
.....................
</div>
In questo <div>, spostato a destra (<div align="right"> ............ </div>) è stata messa l'immagine della freccetta. <div id="banda"> <!-- questo div ha una sua immagine di sfonfo -->
<div align="right"><a href="pagina1.html">
<img class="frwccetta" border="0" src="img/freccetta.gif" alt="freccetta" title="freccetta" /></a>
</div>
</div>
<div id="container">
<div id="mainContent">
<br />
<img src="img/marchietto.gif" alt="marchio" title="marchio" align="middle" />
<br /><br /><br />
<div id="banda"> <!-- questo div ha una sua immagine di sfonfo -->
<div align="right"><a href="pagina1.html">
<img class="frwccetta" border="0" src="img/freccetta.gif" alt="freccetta" title="freccetta" /></a>
</div>
</div>
</div><!-- end #mainContent -->
</div><!-- end #container -->
O quasi, secondo me :hihihi:
Ora è a posto:..........
.freccia {
margin: 10px 840px;
}In questo modo la freccia non è centrata verticalmente rispetto alla banda, ma è allineata al bordo superiore..frwccetta {
margin: 4px auto;
}
stava sulla destra della pagina! Lui non voleva la barra scorrevole orizzontale!la barra di scorrimento orizzontale dipende dalla risoluzione, una volta stabilito con quale risoluzione vede la pagina si aggiusta
La sua posizione dipende dagli oggetti presenti?Cioe' se metto altre cose prima ( tipo il marchietto per capirci)la banda si sposta in giu' automaticamente?per come è strutturato ora il css si, altrimenti devi rimetterlo come te lo avevo messo io agendo su margin e padding
In attesa di una tua risposta ho riprodotto fedelmente la tua pagina con codice validato
PS. Sto morendo di caldo... anche a quest'ora. :sm205:e questo messaggio è del 05. dicembre ! :okkey: .... quello prima, di Laura , del 31.Luglio ! :what:
Mieze .... svelami l'arcano !
Certo che solo una "super precisina", come te, poteva far tutto quel lavoro per delle faccine ! Quando si dice ... precisi al decimo di millimetro !
Messaggi come questo:
non mi piacciono molto... almeno non se si tratta dei miei.
Allora Mieze ti consiglio un giretto anche qui ([url]http://www.nel-web.org/forum/index.php?topic=1326.0[/url])
Purtroppo si sa che questi spazi, come photobucket, appunto, ogni tanto fanno pulizia e chi ci capita ci capita.