Benvenuto Ospite Cerca | Topic Attivi | Utenti | | Log In | Registra

Centrare immagine in una cella Opzioni
archimede70
Inviato: Sunday, October 31, 2010 11:19:33 PM

Rank: AiutAmico

Iscritto dal : 10/19/2010
Posts: 66
Salve di nuovo..
Sto imparando i CSS ma prima di crearne uno esterno (ridisegnando,di conseguenza, tutta la pag)
ho aggiunto qualcosa "in-line" PERO':
ho creato una tabella (che simula un "menù laterale" per le immagini) ma non riesco a centrarle
specialmente una bassa e larga che mi sta attaccata al bordo di DX !!
Mi sono un po' perso visto anche che tra in-line ed esterni cambia la sintassi!
Mi date una mano a fare un attimo il punto? (il link è questo: http://www.pausacaffepg.it)
GRAZIE!!Brick wall
Sponsor
Inviato: Sunday, October 31, 2010 11:19:33 PM

 
ecofive
Inviato: Monday, November 01, 2010 12:41:40 AM

Rank: AiutAmico

Iscritto dal : 6/20/2008
Posts: 7,111
Nella cella hai messo dei valori in percentuale:

<td style="width: 14%; text-align: center; vertical-align: top;"
bordercolordark="#800000" bordercolorlight="#800000"><img
style="width: 156px; height: 60px;" alt="Galleria Immagini"

Per risolvere il problema usa i pixel:

<td style="width: 300px; text-align: center; vertical-align: top;"
bordercolordark="#800000" bordercolorlight="#800000"><img
style="width: 156px; height: 42px;" alt="Galleria Immagini"

Due altri consiglietti: 1) i nomi dei file e delle cartelle vanno scritti in carattere minuscolo e senza spazi o caratteri speciali
2) usa anche title (va bene per chi usa Firefox) insieme ad alt (va bene per chi usa Explorer). Es.:
<img src="panorama.jpg" alt="Panorama di Perugia" title="Panorama di Perugia" >.

Infine, se vuoi centrare l'immagine del testo della settimana , metti questo codice:

<td style="vertical-align: top; text-align: center;"><a href="#" onmouseover="MOver('Img2')" onmouseout="MOut('Img2')">

(Il tuo era:
<td style="vertical-align: top;"><a href="#" onmouseover="MOver('Img2')" onmouseout="MOut('Img2')"> ).

Ciao.


archimede70
Inviato: Monday, November 01, 2010 4:06:27 PM

Rank: AiutAmico

Iscritto dal : 10/19/2010
Posts: 66
ecofive ha scritto:
Nella cella hai messo dei valori in percentuale:

Per risolvere il problema usa i pixel

Due altri consiglietti: 1) i nomi dei file e delle cartelle vanno scritti in carattere minuscolo e senza spazi

Infine, se vuoi centrare l'immagine del testo della settimana , metti questo codice:..........

Ciao.

PIXEL: (modificato)....ora va un po'meglio. Grazie
NOMI FILE:E' una vita che i miei file li nomino come più mi fa comodo e solo ora,facendo HTML mi accorgo dei brutti viziacci! d'oh! d'oh! d'oh!
IL Testo della settimana invece deve stare così: La manina dev'essere attaccata al bordo...
e poi di fianco ci va un'altra cosa:....ci sto lavorando: (una specie di giochino ma visto che con flash è meglio che ancora non mi ci confonda
sto facendo una Image Map coi vari link>>ma devo usare un CSSesterno perchè mi servono i layer per sovrapporre le immagini
vediamo che scappa fòri!!
ecofive
Inviato: Monday, November 01, 2010 4:50:34 PM

Rank: AiutAmico

Iscritto dal : 6/20/2008
Posts: 7,111
Ho visto che usi Front Page: non è il massimo. Tra l'altro, KompoZer usa come codice proprio i CSS in linea.

Ciao.
wubullo
Inviato: Monday, November 01, 2010 5:03:54 PM

Rank: AiutAmico

Iscritto dal : 12/9/2009
Posts: 345
archimede70 ha scritto:
Sto facendo una Image Map coi vari link>>ma devo usare un CSSesterno perchè mi servono i layer per sovrapporre le immagini


Se proprio non ti piace l'idea di usare il CSS esterno (anche se ancora non ho capito il perché), gli attributi per la sovrapposizione dei livelli puoi gestirli in-line con style="z-index:#;" dove '#' sta per un numero.

Ciao!


Edit: Attenzione però: "z-index" funziona solo con gli elementi posizionati (cioè dotati degli attributi --> style="position:absolute;" oppure style="position:relative;" oppure style="position:fixed;").
wubullo
Inviato: Monday, November 01, 2010 5:14:36 PM

Rank: AiutAmico

Iscritto dal : 12/9/2009
Posts: 345
OFF TOPIC: nell'head del tuo sito vedo

Code:
<link rel="shortcut icon" href="http://www.pausacaffepg.it)/favicon.ico">


Correggi con

Code:
<link rel="shortcut icon" href="http://www.pausacaffepg.it/favicon.ico" />


o semplicemente

Code:
<link rel="shortcut icon" href="/favicon.ico" />


per far funzionare la tua favicon (nell'indirizzo c'è una parentesi di troppo).

A presto,

ecofive
Inviato: Monday, November 01, 2010 7:22:50 PM

Rank: AiutAmico

Iscritto dal : 6/20/2008
Posts: 7,111
www.pausacaffepg.it) : occhio di lince!!

Ciao.
archimede70
Inviato: Tuesday, November 02, 2010 1:26:14 PM

Rank: AiutAmico

Iscritto dal : 10/19/2010
Posts: 66
ecofive ha scritto:
Ho visto che usi Front Page: non è il massimo. Tra l'altro, KompoZer usa come codice proprio i CSS in linea.

Ciao.

Whistle Ho iniziato con FP (appena mi sono iscritto qui) ma l'ho abbandonato subito...è una linea che mi ha generato lui
(e che cancellerò subito)
Anche Kompozer cerco di usarlo solo per generare i Macro-blocchi che inserisco ex-novo poi copio e incollo in
notepad++ e/o in html-kit e me lo ripulisco e ordino a parte.
Grazie a wubullo per l'occhio di lince: correggerò anche quello...
Con gli editor è come usare un tornio che ti crea un oggetto con la forma giusta ma pieno di sbecchettature che vanno limate !!!
I CSS esterni li sto imparando....
Grazie a tutti del contributo. A Presto
ecofive
Inviato: Tuesday, November 02, 2010 4:17:58 PM

Rank: AiutAmico

Iscritto dal : 6/20/2008
Posts: 7,111
"Con gli editor è come usare un tornio che ti crea un oggetto con la forma giusta ma pieno di sbecchettature che vanno limate !!!".
Vedo che hai capito perfettamente.
Un web editor va benissimo per cominciare a realizzare dei siti abbastanza semplici ed anche per imparare a leggere il codice sorgente; per fare le cose per bene è quasi necessario lavorare con i CSS.
Buon lavoro.

Ciao.
Utenti presenti in questo topic
Guest


Salta al Forum
Aggiunta nuovi Topic disabilitata in questo forum.
Risposte disabilitate in questo forum.
Eliminazione tuoi Post disabilitata in questo forum.
Modifica dei tuoi post disabilitata in questo forum.
Creazione Sondaggi disabilitata in questo forum.
Voto ai sondaggi disabilitato in questo forum.

Main Forum RSS : RSS

Aiutamici Theme
Powered by Yet Another Forum.net versione 1.9.1.8 (NET v2.0) - 3/29/2008
Copyright © 2003-2008 Yet Another Forum.net. All rights reserved.