Webmaster forum - help with css layout, please!

Author

help with css layout, please!

Fulvia

2005-05-27, 7:33 pm

hi, I'm newbie and I hope in your help with a css layout!
I have a liquid page with 3 columns, with background-color only, works
fine; but I need in the same page to make a similar effect for the
title; more, I'll put two images with fixed size in the extreme left and
in the extreme right of the title...
It's simple to do with frameset, but I don't like frames, and I'll do
this with css if it's possible...
any help, idea, link? please!
thanks!!!
Fulvia

William Tasso

2005-05-27, 7:33 pm

From the relative comfort of the NC Numericable boardroom,
<fulvia_romano@yahoo.fr> patched in a new connection to
news:alt.www.webmaster and said:

> hi, I'm newbie and I hope in your help with a css layout!
> I have a liquid page with 3 columns, with background-color only, works
> fine; but I need in the same page to make a similar effect for the
> title; more, I'll put two images with fixed size in the extreme left and
> in the extreme right of the title...
> It's simple to do with frameset, but I don't like frames, and I'll do
> this with css if it's possible...
> any help, idea, link? please!

ok - how far have you got? this is a fairly general query, some specifics
may be useful.

in general, I'd suggest you wrap the header in a container 'div' and
proceed as you did with the main content.

--
Whatever you do - do something.

Fulvia

2005-05-27, 7:33 pm

William Tasso wrote:

> ok - how far have you got? this is a fairly general query, some
> specifics may be useful.
>
> in general, I'd suggest you wrap the header in a container 'div' and
> proceed as you did with the main content.
>
not so far... just a little, first attempt...
if you want, you can see at:
http://marcodellazucca.free.fr/

for the moment with... sorry, frames! :-(
seems work in mozilla and firefox, not in i.e. because it lost the image
on the right...
however, I will make it only with css...
if you have some advices thanks, and anyway thanks for your first, kind
answer! (and sorry for my poor english)
Fulvia

Charles Sweeney

2005-05-27, 7:33 pm

Fulvia wrote

> (and sorry for my poor english)

Don't apologise, your English is very good! Much better than most people's
French!

--
Charles Sweeney
http://CharlesSweeney.com

Fulvia

2005-05-27, 7:33 pm

Charles Sweeney wrote:
> Fulvia wrote
>
>
>
>
> Don't apologise, your English is very good! Much better than most people's
> French!
>
thanks Charles!
hehe, my french is very good, yes I live in France... but my italian is
better, because I'm italian ;-)
ciao,
Fulvia

William Tasso

2005-05-27, 7:34 pm

From the relative comfort of the NC Numericable boardroom,
<fulvia_romano@yahoo.fr> patched in a new connection to
news:alt.www.webmaster and said:

> http://marcodellazucca.free.fr/
> ...
> seems work in mozilla and firefox,

and Opera 8

> however, I will make it only with css...

ok - you need to decide what you want to happen if the visible area is not
large enough to accomodate both images side by side

--
Whatever you do - do something.

Eric Jarvis

2005-05-27, 11:22 pm

Fulvia fulvia_romano@yahoo.fr wrote in
<42973094$0$167$a3f2974a@nnrp1.numericable.fr>:
> ..
> if you have some advices thanks, and anyway thanks for your first, kind
> answer! (and sorry for my poor english)
>

It's far better than my French, which is extremely "rusty".

The secret of css lay out is to understand the "box model". You lay out
the page by setting the properties of the boxes/divs. So you use float (or
positioning) to roughly align the design elements, and then use padding
(space inside the box) and margins (space outside the box) to do the fine
tuning.

--
eric
www.ericjarvis.co.uk
"live fast, die only if strictly necessary"