Hello,
I'm doing a new website for a Choir Association.
ACQ (<!-- m --><a class="postlink" href="http://www.guyverville.com/divers">http://www.guyverville.com/divers</a><!-- m -->)
The goal here is to have a right photograph that will be changed (the whole stuff will be in ASP) during the navigation.
The CSS can be found at: ACQCSS (<!-- m --><a class="postlink" href="http://www.guyverville.com/divers/acqcss.css">http://www.guyverville.com/divers/acqcss.css</a><!-- m -->)
There are
1. a div wrapper called "#cadreprincipal"
2. a div container called "#contenu" (which holds the text but also the curved slope image at left)
3. an #imagefond for placing the right image.
Everything looks almost fine in IE and Firefox. But in Opera, this #imagefond hides part of the text of #contenu. I've tried to put a z-index to #contenu, but to no avail...
Any idea?
And how come the #imagefond displays differently from each browsers?
Is there a better way to do all this? Remember, I have to be able to change the #imagefond according to the page activated.
Thanks!
GuyWhat version of Opera are you using? I looked at the page in version 5.02, 6.00, 7.11 and 7.23 and it was fine in all of them. Although in version 5.02 the image on the right is about 50px too far left. I don't know why you don't just set it as a background image.I have 7.25. The page appears OK, but note that the text is masked by the image...
Launch IE or Firefox and compare.I see now. Just put another div tag inside id="cadreprincipal" and then set the choir image as a background to it. Then set some right padding on the div tag to keep the text from going over the top of the image.Thanks, but what I wanted is to have some part of the text going over the image. Anyway, in the meantime, I've decided to change the design, making it more simple... It's a work in progress...If you were to do what I suggested and set the image as a background, you could change the amount of right padding on the div tag to allow more or less text over the image.By the way, the site looks awful with CSS disabled. You might want to fix that.
Building on Scott's comment, simple use body {background: url(img/ligne.jpg);} in your CSS rather than
background="img/ligne.jpg" in your HTML. That's really all you need to do to make it look right with CSS disabled.
I'm doing a new website for a Choir Association.
ACQ (<!-- m --><a class="postlink" href="http://www.guyverville.com/divers">http://www.guyverville.com/divers</a><!-- m -->)
The goal here is to have a right photograph that will be changed (the whole stuff will be in ASP) during the navigation.
The CSS can be found at: ACQCSS (<!-- m --><a class="postlink" href="http://www.guyverville.com/divers/acqcss.css">http://www.guyverville.com/divers/acqcss.css</a><!-- m -->)
There are
1. a div wrapper called "#cadreprincipal"
2. a div container called "#contenu" (which holds the text but also the curved slope image at left)
3. an #imagefond for placing the right image.
Everything looks almost fine in IE and Firefox. But in Opera, this #imagefond hides part of the text of #contenu. I've tried to put a z-index to #contenu, but to no avail...
Any idea?
And how come the #imagefond displays differently from each browsers?
Is there a better way to do all this? Remember, I have to be able to change the #imagefond according to the page activated.
Thanks!
GuyWhat version of Opera are you using? I looked at the page in version 5.02, 6.00, 7.11 and 7.23 and it was fine in all of them. Although in version 5.02 the image on the right is about 50px too far left. I don't know why you don't just set it as a background image.I have 7.25. The page appears OK, but note that the text is masked by the image...
Launch IE or Firefox and compare.I see now. Just put another div tag inside id="cadreprincipal" and then set the choir image as a background to it. Then set some right padding on the div tag to keep the text from going over the top of the image.Thanks, but what I wanted is to have some part of the text going over the image. Anyway, in the meantime, I've decided to change the design, making it more simple... It's a work in progress...If you were to do what I suggested and set the image as a background, you could change the amount of right padding on the div tag to allow more or less text over the image.By the way, the site looks awful with CSS disabled. You might want to fix that.
Building on Scott's comment, simple use body {background: url(img/ligne.jpg);} in your CSS rather thanbackground="img/ligne.jpg" in your HTML. That's really all you need to do to make it look right with CSS disabled.