[css-d] CSS Wrap background problem

[Nouhad]

Hi there,
I am trying to include a 'background' on the left and right hand sides of my
square wrap container in Divs. Currently my HTML is as follows :





















I tried to do the following:



//Div Style
background:url(images_03.jpg);
background-repeat:no-repeat;
width:37px;
height:448px;
top:85px;
left:400px;
position:fixed;




 *other divs*




//Div Style
background:url(images_04.jpg);
background-repeat:no-repeat;
width:37px;
height:448px;
top:85px;
left:400px;
position:fixed;



But it didn't work - resizing the browser caused the left and right bg divs
to act weird.

My wrap style is :

width: 800px;
margin: 0 auto;

I would be grateful if someone could help me out with this problem.
Thanks,
Nouhad.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Simple layout positioning

[Nouhad A]

Hi there,

I was wondering if anyone could help me with the layout problem I'm having.

I am trying to get my layout to look like this
image
.

Basically it's a logo positioned inside a div and centered to the middle of
the page and below it i'm trying to have 3 different boxes with text and
small images insides, each box will be about 50 pixels away from each
other..

Any thoughts? I tried float: left and it didn't turn out the way i expected
it.

Thanks a lot :)
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Layout Help

[nouhad]

Hello there,

I'm having problems starting this design from scratch; I'm working on a
project for a NGO. Can anyone help me start off on the right foot:

I'm trying to have a fluid 3-column layout. Left column : Navbar. Right
column : 3 buttons. Middle column : Content.

The Layout structure i drew up can be seen
here<http://img144.imageshack.us/img144/9085/comporg5.jpg>

The top navbar list seen in the compo has around 11 items in it, how would i
set the width of the nav  to accommodate its container?

The navbar containing vertical lists on the left side of the website
contains many links that have sub level links, again how would i code its
container or the layouts length to fluidly suit this?

One last question : Does anyone have suggestions for font sizes? I'm trying
to have large serif fonts that are spaced out and easy to read.

Thanks,
Nouhad
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Layout help

[nouhad]

Hello there. I'm having a hard time coding my CSS to position divs exactly
the way I want it to. Could someone help me out and let me know where I'm
going wrong, i do not know what positioning method I should use.

How i want the website to look :
http://img212.imageshack.us/img212/7094/compolf6<http://img212.imageshack.us/img212/7094/compolf6.gif>
.gif

CSS coding  :
#container
{width: 600px;
height: 100%;
background:url(images/wallpaper.png) no-repeat bottom left;
color:#FF;
position:relative; }
#banner
{
width: 500px;
height: 110px;
background:url(images/banner.png) no-repeat; }

#navbar {
background:url(images/horizontalbar.png) no-repeat;
height: 41px; }

#leftbox{
width:225px;}

#rightbox{
width:250px;
background:url(images/rightbox.png);
height:156px;}

HTML coding




Banner




Leftbox


Rightbox    



-- 
nouhad
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Help needed

[nouhad]

Hello again,
I'm having a few problems
First of
1) Is there a practical way in which i can center my text divs within
a div within without doing the whole 'enter value, check if value
centers text' process
2) How would I go about coding the 'showcase' div class, the way i
have done it, paddings overflow and the layout is compromised.
3) I cannot seem to get rid of the gap between the header and the top
of the page, any suggestions on how i can 'push' it up?
4) This is more of an opinion; what is the most suitable way of
referring to a CSS stylesheet document, i.e., "href="test.css" or 
"import"
5) Any suggestions on how I can make my code more flexible? The way I
see it now, it would be hard for me to adjust the website if i needed
to , later on.
Thanks.
--
nouhad
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Arrangement Attempt

[nouhad]

Hello again :)
Here <http://nouhad.technat.org/2square/Re-done/index2.html> is how the page
looks after I applied my CSS Coding to it.
CSS Source can be found here <http://www.shortText.com/ve5f>.
HTML Source can be found here <http://www.shortText.com/a6mw>.
My mock-up can be found
here<http://img208.imageshack.us/img208/6393/compo1he.png>
.

1) How do i float About and Services properly so that they look like how
they should in the mockup
2) How would i make the background of About an image, and put another image
(the image of the Post-It Note) on top of it?
3) What have i done wrong?

Thanks Alot.

nouhad
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Arrangement

[nouhad]

Hello there :D
I'm having problems arranging stuff here and there :(
My compo is here <http://img208.imageshack.us/img208/6393/compo1he.png>
Does anyone know how i should arrange the elements keeping in mind min
height to be around 480pixels?

--
nouhad
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Positioning layout problem

[nouhad]

Hello there, Im having problems coding my layout (again)

Here  is how i want the layout
to look
Here  is the CSS
Here  is how the site looks so far

And the DIVS are contained in this manner :

























1) The layout 'looks' correct but there is a problem with the widths i have
specified for Wrap and Container- Wrap is smaller than its Container, but
the layout looks proper,
I tried making Wrap bigger than Container but it messes everything up
Also the About div seems to be flowing into the navbar :(
2) How do i position About on the left, Services in the middle and Contact
Us on the right? The way i have coded it, i cannot include a middle colum

Thanks alot
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Positioning

[nouhad]

Hello there, I recently coded a layout and  I seen to be having some
positioning problems.
First of all, I uploaded the test website
here<http://www.nouhad.technat.org/hatharudhan/>and the corresponding
CSS file
here <http://www.nouhad.technat.org/hatharudhan/styles.css>.
For those of you that are curious the website's name means 24 hours in my
language.

My divs are structured in the following format :























Anyway, getting to the point, the problems that i have (so far) are :

   1. the Content div seems to float down in an odd manner
   2. line-heights are a bit abnormal
   3. since my wrapper is coding like so :

   margin: 0 auto;
   width: 800px;

   I cannot apply paddings within divs :(


Thanks,
Nouhad.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Layout coding help

[nouhad]

Hello there, I did a compo in Photoshop and I'm quite stuck on how to code
it, can anyone help me out?
The compo can be seen
here<http://img377.imageshack.us/my.php?image=compo0jb.jpg>
.


--
-nouhad
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Replicating the 'Million Dollar Webpage' in CSS

[nouhad]

Can anyone help me code this layout in CSS ?
I am somewhat new to CSS but I do know how to code in it.
Help would be much appreciated.
Thanks,
Nouhad.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Replicating the 'Million Dollar Webpage' in CSS

[nouhad]

Hello there,
I am trying to replicate the design of TheMillionDollarHomepage in
CSS.
Can anybody help me out?

--
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/