Scoutnet vzw

We connect scouts!
Het is momenteel 28 Mrt 2024 23:16

Alle tijden zijn UTC + 1 uur




Plaats een nieuw onderwerp Reageren op dit onderwerp  [ 4 berichten ] 
Auteur Bericht
BerichtGeplaatst: 10 Sep 2010 15:46 
Offline
 
 

Geregistreerd: 02 Sep 2008 20:36
Berichten: 17
Woonplaats: La Hulpe
Hi all,

I am trying, without succes up to now, to display a html page in 3 columns, where a span coming from the left column can overwrite the date in the midden (and right) column.
To be a little bit more clear :

1st column (the left one) is given with a float: left; status in the CSS
3rd column (the right one) is given with a float: right; status in the CSS
2nd column, the column between the left and the right, the midden one.

Code:
div#sectiong {
   position: absolute;
   top: 1em;
   float: left;
   width: 200px;
   z-index: 50;
   }

div#sectiond {
   position: absolute;
   top: 1em;
   width: 110px;
   float: right;
   z-index: 50;
   }


When the visitor navigates over a thumb image in the left column, normally, you will see the same image enlarged via a <span> coming from hidden to visible (trough a :hover span definition) on the right of the thumb.
It works, but the enlarged image is under the 2nd column.

I need to place in the <body> the different blocks in a special order in order to respect a correct display... It means I need to put first the left and right columns befor the midden one... And, of course, the midden is over the others...

Can you propose me a solution to allow the <span> display to be over all in my page ?

_________________
lh661.be & saintnicolaslahulpe.org Webmaster
Staff d'Unité GCB 16èBW - St-Exupéry


Omhoog
 Profiel  
 
BerichtGeplaatst: 10 Sep 2010 15:48 
Offline
 
 

Geregistreerd: 02 Sep 2008 20:36
Berichten: 17
Woonplaats: La Hulpe
Hereunder is the CSS code for the <span>

Code:
.thumbnail:hover span{ /*CSS enlarged pic*/
   visibility: visible;
   position: absolute;
   top: 85px;
   left: 180px;
   z-index: 250;   
   }


Hope it can help you...

_________________
lh661.be & saintnicolaslahulpe.org Webmaster
Staff d'Unité GCB 16èBW - St-Exupéry


Omhoog
 Profiel  
 
BerichtGeplaatst: 13 Sep 2010 15:09 
Offline
 
 
Gebruikers-avatar

Geregistreerd: 22 Mrt 2005 0:00
Berichten: 353
I'm not sure whether I understand your problem for a 100%, but I think you should try to set the z-index for the 2nd column as well.


Omhoog
 Profiel  
 
BerichtGeplaatst: 23 Sep 2010 18:23 
Offline
 
 

Geregistreerd: 02 Sep 2008 20:36
Berichten: 17
Woonplaats: La Hulpe
Thank you for your help, but I found the problem... It was due to the fact that in the second column I placed a <object>. I changed the <object> with <iframe> to incorporate other html page, and it works...

_________________
lh661.be & saintnicolaslahulpe.org Webmaster
Staff d'Unité GCB 16èBW - St-Exupéry


Omhoog
 Profiel  
 
Berichten weergeven van de afgelopen:  Sorteer op  
Plaats een nieuw onderwerp Reageren op dit onderwerp  [ 4 berichten ] 

Alle tijden zijn UTC + 1 uur


Wie is er online?

Gebruikers in dit forum: Geen geregistreerde gebruikers en 8 gasten


U mag geen nieuwe onderwerpen plaatsen in dit forum
U mag geen reacties plaatsen op onderwerpen in dit forum
U mag uw berichten niet wijzigen in dit forum
U mag uw berichten niet verwijderen in dit forum
U mag geen bijlagen plaatsen in dit forum

Zoeken naar:
Ga naar:  
cron
Powered by phpBB® Forum Software © phpBB Group
Vertaald door phpBBservice.nl.