Problema con rollover

[locas78]

Ciao a tutti, scrivo per un problema (penso di codice) a delle immagini in roll over.
I link è il seguente   http://wb1978.altervista.org/

Il problema è che la dimensione del box di destra influenza il box di sinistra per quanto nel codice io abbia messo le giuste dimensioni per ogni immagine. Come faccio a renderle indipendenti? spero di essermi spiegato. Allego codice. Grazie in anticipo a chi vorrà aiutarmi. Buona giornata.

__________________________________Prima del tag head

Codice:

Only registered users can see contents. Please click here to Register or Login.

[skeggia]

ad una prima lettura del codice, senza fare prove, le differenze le riscontro qui:

<img width="637" height="369" class="attachment-thumbnail" src="files/image.jpg" />

e qui:[/font]

.item{
position: relative;
text-align: center;
width: 637px;
height: 396px;
float: left;
margin: 0px auto;
}e anche nelle altre due classi collegate (.item .thumb e .item .item-title) compare 396 invece di 369, poi bisognerebbe fare delle prove... (ad es. al posto di width: 637px;  prova a mettere width:100%);

[skeggia]

aaa

[lemonsong]

Oltre al suggerimento di skeggia, prova a vedere questo esempio:

http://lemonsong.altervista.org/test_jq_fadeTo/

Ho cambiato l'id item1870 del div della seconda immagine in item1871.

Ho anche modificato il CSS che puoi trovare qui: http://lemonsong.altervista.org/test_jq_fadeTo/res/home.css (tra i commenti /* -- Custom code START -- */ e /* -- Custom code END -- */ ).



Grazie a Silvana per l'aiuto.

[skeggia]

difatti stavo scrivendo che ho modificato anche io il codice, ma postando ho ricevuto il msg che c'era un altro posto che in pratica dice la stessa cosa, quindi soprassiedo. ciao.

P.S. - Ho visto le modifiche di lemon, io ho fatto una modifica diversa, ho duplicato lo script js cambiandogli dentro il riferimento ad "item" in "itema", ho cambiato anch'io l'id in 1871, e duplicando le classi relative aggiungendo la "a", quindi "itema" e funziona lo stesso.

[locas78]

Ora da dove sono non ho modo di provare, ma da quanto visto nella pagina di lemonsong sembra proprio che funzioni.
Domattina provo. Grazie a tutti.

S

[locas78]

Finalmente ho provato, tutto funzionante, sono riuscito anche a personalizzarlo un po'. Come ho finito posto il link con il codice personalizzato magari può tornare utile a qualcuno. L'unica cosa che non riesco è cambiare il tipo di font. Da "impostazioni generali/esperto" ho importato dei font che uso senza problemi, ma non riesco a cambiarlo all'interno del rollover. Qualcuno sa come dovrei specificarlo nel css?
Grazie ancora mi state insegnando un sacco di cose.

S

[lemonsong]

Qualcuno sa come dovrei specificarlo nel css?

Senza sapere le personalizzazioni che hai fatto, si va alla cieca.

Se ti riferisci alle scritte IMAGE e IMAGE1 (tag h4), puoi inserire la proprietà font-family (per esempio):

h4 {
color: #696969;
font-size: 12px;
padding-top: 100px;
text-transform: uppercase;
font-family: nometuofont;
}

[locas78]

L'unica personalizzazione fatta è stata quella di abbassare il box bianco così da far apparire un rettangolo in basso, niente di più che qualche padding....allego codice. Con font-family ho provato specificando il nome del font precedentemente caricato con @font face su "impostazioni generali/esperto". Ho provato anche a ricaricarlo da "file allegati al codice" ma dice che è già in uso. Sarebbe possibile cspecificare un url dopo font-family?

Allegato codice personalizzato

Codice:

Only registered users can see contents. Please click here to Register or Login.

[skeggia]

per utilizzare la font caricata con font-face all'interno dei tag h4 o simili (h1 h2 h3, ecc...) (gli devi attribuire una classe) devi scrivere una cosa del tipo:

h4.fontface {font: 60px/68px 'tuafont', Arial, sans-serif;letter-spacing: 0;color:yellow;}
e poi la richiami così:

<h4 class="fontface">Tuo testo tuo testo tuo testo </h4>

[locas78]

Non lo carica neanche così...

[skeggia]

dove ho scritto "tuafont" li ci va il nome esatto della font, comunque se vuoi prova a postare una pagina con questa font e vediamo il codice...