Precedente :: Successivo |
Autore |
Messaggio |
LuckyBoy Eroe in grazia degli dei


Registrato: 14/07/05 14:23 Messaggi: 96 Residenza: Lago di Garda
|
Inviato: 04 Set 2005 11:05 Oggetto: |
|
|
Grazie !
ci smacchino un'po e poi vi aggiorno... |
|
Top |
|
 |
juzo kun Dio maturo


Registrato: 19/04/04 09:32 Messaggi: 1853 Residenza: tra la tastiera e la sedia
|
Inviato: 04 Set 2005 11:25 Oggetto: |
|
|
Mi inserisco di soppiatto nel thread... LuckyBoy, se il discorso di pasticciare con l'HTML ti interessa, prova a dare un'occhiata qui: Guida HTML
Reb, se l'hai già consigliato e mi fosse sfuggito, abbatti pure questo messaggio
Cià
JK |
|
Top |
|
 |
rebelia Dio maturo


Registrato: 17/07/03 09:22 Messaggi: 7987
|
Inviato: 04 Set 2005 11:49 Oggetto: |
|
|
juzo kun ha scritto: | Mi inserisco di soppiatto nel thread... LuckyBoy, se il discorso di pasticciare con l'HTML ti interessa, prova a dare un'occhiata qui: Guida HTML
Reb, se l'hai già consigliato e mi fosse sfuggito, abbatti pure questo messaggio
Cià
JK |
nu, anzi! ne approfitto per riproporre il thread in evidenza che provvedero' a completare con questo link ed altri che nel frattempo sono sprofondati nei meandri del forum (ho ritrovato stamane quello sul contrasto colori!)
- |
|
Top |
|
 |
LuckyBoy Eroe in grazia degli dei


Registrato: 14/07/05 14:23 Messaggi: 96 Residenza: Lago di Garda
|
Inviato: 04 Set 2005 11:55 Oggetto: |
|
|
ok grazie do un'occhiata...
a proposito mi hanno attivato il dominio... (vedi topic INTERNET) ...
Me ne sto approfittando ???? Dai quando passate per la zona del lago di Garda mi offrirete una birretta !
ciao |
|
Top |
|
 |
rebelia Dio maturo


Registrato: 17/07/03 09:22 Messaggi: 7987
|
Inviato: 04 Set 2005 11:59 Oggetto: |
|
|
LuckyBoy ha scritto: | ok grazie do un'occhiata...
a proposito mi hanno attivato il dominio... (vedi topic INTERNET) ...
Me ne sto approfittando ???? |
tranquillo, e' un'occasione per dare informazioni che possono tornar utili anche agli altri forumisti
se ti hanno attivato il dominio, allora puoi gia' scaricare la tua pagina: ricordati di spostare sia il file index.htm che il file stile.css, altrimenti la pagina non sara' formattata!
- |
|
Top |
|
 |
LuckyBoy Eroe in grazia degli dei


Registrato: 14/07/05 14:23 Messaggi: 96 Residenza: Lago di Garda
|
Inviato: 04 Set 2005 16:16 Oggetto: |
|
|
Eccomi di nuovo alla carica.... pazientate...
1- Come mai le scritte benvenuto non assumono i parametri assegnati con P1 nel css ???
2- Come mai la scritta MIO NOME si è spostata così in basso ???
I due DIV contenitore e alternativo non si sovrappongono ???
Trasmetto i file:
**********************
<html>
<head>
<title>www.MIONOME.net</title>
<link href="stile.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="alternativo">
<p1>Benvenuti Welcome Wilkommen Bienvenue Bemvindos</p1>
</div>
<div id="contenitore">
<h1>MIONOME</h1>
<a href="mailto:info@mionome.net">info@mionome.net</a>
</div>
**************************
body {
background-color: black;
color: white;
font-family: "Century Gothic", sans-serif;
font-size: 14px;
text-align: center;
}
#contenitore {
width: 75%;
margin-top: 30%;
margin-left: auto;
margin-right: auto;
margin-bottom: auto;
}
#contenitore h1 {
font-weight: normal;
font-size= 55px;
color: #c0c0c0;
}
#contenitore a {
color: yellow;
}
#contenitore a:hover {
color: orange;
}
#alternativo {
width: 15%;
margin-top: 10%;
margin-left: auto;
margin-right: auto;
margin-bottom: auto;
}
#alternativo p1 {
font-weight: normal;
font-size= 14px;
color: yellow;
}
********************
Grazie! |
|
Top |
|
 |
rebelia Dio maturo


Registrato: 17/07/03 09:22 Messaggi: 7987
|
Inviato: 04 Set 2005 16:34 Oggetto: |
|
|
perche' p1 non esiste
occhio, devi rivedere i tag!
una pagina e' composta da UN titolo contrassegnato (taggato) con h1, da uno o piu' titoli taggati con h2 etc e da una serie di paragrafi etc
io direi di rivedere il codice in questo modo
Codice: |
...
<body>
<div id="contenitore">
<h1>nomesito</h1>
<p>frasi di benvenuto</p>
<p id="nome">tuonome</p>
<p><a href="mailto..."></a></p>
</div>
</body>
|
e rivedi il css cosi':
Codice: |
body {...}
#contenitore h1 {...}
#contenitore a {...}
#contenitore a:href {...}
#nome {...}
|
gli elementi p saranno formattati secondo la font ed il colore impostati in body, se li vuoi diversi non dovrai far altro che scrivere #contenitore p oppure dare ad ognuno un id
se devi usare le stesse caratteristiche piu' volte nella pagina (mettiamo che tu abbia 5 paragrafi, due dei quali li vuoi blu), creerai NON un id, ma una classe, che segnalerai nel css attraverso un punto anziche' un cancelletto in questo modo:
Codice: |
.formattaparagrafo {
color: blue;
}
|
e nel codice metterai:
Codice: |
<p> bla bla bla</p>
<p class="formattaparagrafo">bla bla bla</p>
<p> bla bla bla</p>
<p class="formattaparagrafo">bla bla bla</p>
<p> bla bla bla</p>
|
(i paragrafi pari saranno del colore impostato nel body, quelli dispari saranno blu)
ogni pagina contiene al massimo UN solo id, ma quante classi vuoi
come al solito, se qualcosa non e' chiaro chiedi; se intendi aggiungere piu' e piu' cose alla tua pagina, forse e' il caso di avere l'elenco completo, cosi' da usare gia' da subito i tag giusti anziche' farti tornare indietro a correggere
- |
|
Top |
|
 |
LuckyBoy Eroe in grazia degli dei


Registrato: 14/07/05 14:23 Messaggi: 96 Residenza: Lago di Garda
|
Inviato: 04 Set 2005 16:42 Oggetto: |
|
|
grazie... riprovo... |
|
Top |
|
 |
SverX Supervisor Macchinisti


Registrato: 25/03/02 12:16 Messaggi: 11828 Residenza: Tokelau
|
Inviato: 05 Set 2005 10:32 Oggetto: |
|
|
Gateo ha scritto: | LuckyBoy ha scritto: | ... del codice che mi ha proposto oSOLEmio (ioSOLOIO - ahahah scherzo)... Come mai ???
Grazie... | Dopo questa sei entrato nelle mie grazie (ed uscito da quelle di qualcun altro...) |
io sono con Gateo, anche per la battuta sui 240 Euro che _tutto sommato_ sarebbero stati spesi bene
hihihi  |
|
Top |
|
 |
rebelia Dio maturo


Registrato: 17/07/03 09:22 Messaggi: 7987
|
Inviato: 05 Set 2005 10:38 Oggetto: |
|
|
SverX ha scritto: | io sono con Gateo, anche per la battuta sui 240 Euro che _tutto sommato_ sarebbero stati spesi bene  |
sobillatore
- |
|
Top |
|
 |
LuckyBoy Eroe in grazia degli dei


Registrato: 14/07/05 14:23 Messaggi: 96 Residenza: Lago di Garda
|
Inviato: 05 Set 2005 16:27 Oggetto: |
|
|
Dai RIbellia non fare così ... che poi litigate per causa mia!  |
|
Top |
|
 |
holifay Dio maturo


Registrato: 08/03/05 10:48 Messaggi: 2912 Residenza: Milano
|
Inviato: 05 Set 2005 17:07 Oggetto: |
|
|
LuckyBoy ha scritto: | Dai RIbellia non fare così ... che poi litigate per causa mia!  |
non male!  |
|
Top |
|
 |
rebelia Dio maturo


Registrato: 17/07/03 09:22 Messaggi: 7987
|
Inviato: 05 Set 2005 18:51 Oggetto: |
|
|
LuckyBoy ha scritto: | Dai RIbellia non fare così ... che poi litigate per causa mia!  |
- |
|
Top |
|
 |
LuckyBoy Eroe in grazia degli dei


Registrato: 14/07/05 14:23 Messaggi: 96 Residenza: Lago di Garda
|
Inviato: 07 Set 2005 16:43 Oggetto: |
|
|
Ok e fin qui piu o meno ci siamo...
Ora nella mia paginetta semplice semplice vorrei inserire due immagini (bandiera italiana e bandiera inglese) naturalmente clikkabili e collegabili ad un'altra pagina...
Devo sempre inserirle come immagine ??? come faccio a renderle clikkabili ???
Ciao |
|
Top |
|
 |
rebelia Dio maturo


Registrato: 17/07/03 09:22 Messaggi: 7987
|
Inviato: 07 Set 2005 16:50 Oggetto: |
|
|
LuckyBoy ha scritto: | Ok e fin qui piu o meno ci siamo...
Ora nella mia paginetta semplice semplice vorrei inserire due immagini (bandiera italiana e bandiera inglese) naturalmente clikkabili e collegabili ad un'altra pagina...
Devo sempre inserirle come immagine ??? come faccio a renderle clikkabili ???
Ciao |
si, devi sempre inserirle come immagini e se tra l'una e l'altra non ci metti nessun <br>, ti finiranno pure sulla stessa riga, che immagino sia quel che cerchi
il codice e':
Codice: |
<a href="..." title="Versione italiana"><img class="bandiera" src="..." alt="Vai alla versione italiana"></a>
<a href="..." title="English version"><img class="bandiera" src="..." alt="Go to the english version"></a>
|
se vuoi evitare il bordino blu tutt'attorno, nel css aggiungi appena sotto body
Codice: |
body {
...
}
img {
border: 0px;
}
|
per le dimensioni delle due immagini (che presumo identiche), ti consiglio di creare una classe (vedi codice) che inserirai nel css in questo modo:
Codice: |
.bandiera {
width: 200px;
height: 100px;
}
|
naturalmente con le misure delle tue immagini  |
|
Top |
|
 |
LuckyBoy Eroe in grazia degli dei


Registrato: 14/07/05 14:23 Messaggi: 96 Residenza: Lago di Garda
|
Inviato: 07 Set 2005 17:07 Oggetto: |
|
|
Grande Ribe
fosse per me ti candiderei al Nobel...  |
|
Top |
|
 |
rebelia Dio maturo


Registrato: 17/07/03 09:22 Messaggi: 7987
|
Inviato: 07 Set 2005 18:34 Oggetto: |
|
|
LuckyBoy ha scritto: | Grande Ribe
fosse per me ti candiderei al Nobel...  |
esagerato  |
|
Top |
|
 |
LuckyBoy Eroe in grazia degli dei


Registrato: 14/07/05 14:23 Messaggi: 96 Residenza: Lago di Garda
|
Inviato: 07 Set 2005 22:17 Oggetto: |
|
|
Le due bandiere sono sulla stessa riga ma sono troppo vicine... come faccio a spaziarle ???
grazie ! |
|
Top |
|
 |
LuckyBoy Eroe in grazia degli dei


Registrato: 14/07/05 14:23 Messaggi: 96 Residenza: Lago di Garda
|
Inviato: 07 Set 2005 22:23 Oggetto: |
|
|
un'altra cosa...
adesso devo collegare le bandiere ad un'altra pagina... come posso fare ???
grazie  |
|
Top |
|
 |
rebelia Dio maturo


Registrato: 17/07/03 09:22 Messaggi: 7987
|
Inviato: 08 Set 2005 00:15 Oggetto: |
|
|
dai ad esempio un padding tutt'attorno (padding: 3px;) oppure un padding-right: 2px; e un padding-left: 2px; e ti inserira' in totale 4 pixel tra l'una e l'altra immagine
ti inserira' anche 2 pixel a sinistra dell'immagine a sinistra e altri due a destra dell'immagine a destra, ma non credo abbia troppa importanza, vero? nel caso ce l'abbia, sostituisci la classe delle due bandiere con un id (es. id="italiano" e id="inglese") e inserisci nel css per ognuna larghezza, altezza e ad esempio solo un tot di pixel a destra dell'immagine a sinistra
esempio
Codice: |
<a href="..."><img id="italiano" src="..."></a>
<a href="..."><img id="inglese" src="..."></a>
|
e nel css
Codice: |
#italiano {
width: 200px;
height: 100px;
padding-right: 20px;
}
#inglese {
width: 200px;
height: 100px;
}
|
vedi tu se ti conviene di piu' sostituire la classe comune con due id distinti, oppure se aggiungendo anche qualche pixel extra ai lati esterni delle due immagini non ti danno fastidio
per inserire le immagini in un'altra pagina, semplicemente copia pari pari il codice <a ...><img ...></a> e compariranno identiche
un consiglio: se devi costruire un sito di piu' pagine, ti conviene preparare una pagina-modello contenente tutti gli elementi comuni a tutte le pagine e poi da quella clonare le altre, completando con l'inserimento delle parti diverse
di solito gli elementi comuni e percio' presenti nella pagina-modello sono l'intestazione in alto, il menu di navigazione principale ed il pie' di pagina: in questo modo, tutte le pagine saranno identiche con un bell'effetto ordinato  |
|
Top |
|
 |
|