Build Your Own CSS Website Css Code Lesson 7 Cont

[TheWaqaspuri]

what to do with PNG 24??? U KNEW THAT DOESNT WORK IN I.E ???

[wilsocn]

I also had the problem with the gray bar appearing and I noticed that DW showed me sitting in the nested list tags so I set a top margin of 0 and it took care of it.

[hieusun2011]

i like this way of learning

[ForgetfulLove]

When I added the menu-bg image and looked at it both in dreamweaver and mozilla I got a space in between the header and menu bg, which is noticeable because of the background color. I followed your instructions:

#menu_wrap{

width:100%;

height:50px;

background:url(images/menu-bg.­jpg) repeat-x;

a pic of it:

i88.photobucket(DOT)com/albums­/k161/ForgetfulLove/dws1copy.j­pg

[Rein199]

@ForgetfulLove Hi there, had a same problem... got away with it going to #menu_wrap in CSS Styles and there go to positioning, and go to overflow - auto. It worked for me, try it...

[ztarrfect]

fantastic it starts to look like something :)

[iPlatsow]

How comes you use 980px all the time?

[1stoptutorials]

Hey iPlatsow, thanks for the comment. I am not sure it is just habit, it doesn't have to be that size but i quite like it though. I normally make sites centered in the browser and backgrounds to fit all monitors. Thanks

Ali

[krak8080]

I have the same problem like BrikStudio1,

I got a sitelogo, but do I have to make it with photoshop or can it be from the internet?

It is a .JPG file so i thought that it was gonna work

Code:

#site_logo {

width: 519px;

height: 400px;

background:url(images/logo.jpg­)

}

Nice tuts ^^ krak8080

[1stoptutorials]

Hey krak8080, thanks for comment. Do you mean the actual graphic, does it have to be made in photoshop, no it can be made in any program or downloaded from the internet. The only thing wrong with that code is that you have not closed it. Where it says logo.jpg) it needs a ; at the end

Thanks

Ali

[krak8080]

@1stoptutorials Stupid of me xD but still it won't work =( idk what could be wrong... if you want I can send you a screen or so?

krak8080

[1stoptutorials]

hey krak8080, yeh send me a pic. Thanks

Ali

[RalphLeeStone]

@krak8080

#site_logo {

width: 519px;

height 400px;

background:url('images/logo.jp­g');

}

try this, if you haven't already, and make sure images is within the file.

[RalphLeeStone]

@krak8080

#site_logo {

width: 519px;

height: 400px;

background-image:url('images/l­ogo.jpg');

}

this may work to lol

[DasoccerTv]

hey ali,

You have excellent tutorials but why dont you make more and more about css we really need more i think all you've done is only the basic's so we want something very hard and helpful

[BrikStudio1]

I cant get the banner work. I did save the image in gimp to jpg. (cant afford photoshop). Then I did that you did, but it wont work.

Here is the code:

#site_logo {

width:1000;

height:150;

background:url(Images/main%20b­anner%20website.jpg);

}

[1stoptutorials]

Hey BrikStudio1, thanks for the comment. Is it that you can not see your banner? try adding px after the width and height

width:1000px;

height:150px;

also you have spaces in your background image link try deleting them. Let me know how you get on

Ali

[DasoccerTv]

@BrikStudio1 You code shoul look like this just copy it and paste it to you website

#site_logo {

width:1000px;

height:150px;

background:url(Images/main%20b­anner%20website.jpg ) And here you should specify if you want to repeat or 'not ;

}

[1stoptutorials]

Hey ksb1392, thanks for the comment. Can you send me the code so i cat take a look for you. thanks ksb1392

Ali

[ksb1392]

Keep getting a grey gap (body color) between heading background and menu background :S

[littlestar1562]

awesome!

[buenoisbuen]

Hey Ali these are great videos, you keep saying that you are entering pound signs but you are infact entering #. Is that correct?

[1stoptutorials]

Hey buenoisbuen, thanks for the mail. Yeh it is # (hash) i call i pound sign because in thailand we do not have the pound sign on keyboards so we all use that. My brain is a bit warped. Thanks

buenoisbuen

Ali

[wbmkk]

Why ishas the header_wrap a width of 100%, but the header has been given a fixed width ?

Surely they should be the same, or am I wrong

[1stoptutorials]

Hey wbmkk, if you did not make the header wrap graphic 100% it would not fit on all monitors you would have a big white area. There is no point setting it as a fixed width because you cant work out the correct size. By using 100% you don't have to worry about who is viewing it because it will fit on there screen. Try set it to a fixed width and you will see what i mean. Thanks wbmkk

Ali

[Remiss63]

Excellent!

The only thing I have trouble understanding is the margin:0 auto; line. What does the 'auto' do? How is it different from align-center? Is it centering vertically only? Or both vertically and horizontally?

[OxOmarty]

keep on going, you're the best!