Grafica Designs

Ok now let’s work on the header, site name and top navigation.

#Header

You should already now know that # is the order and you will see . as we go on, which are class which follow the order in the same list. So let’s start.


Copy and paste the below over the #header

margin:0;
padding:0;
height:200px;
background:url('images/header.jpg') no-repeat top center;

Now I will cover the background:url(’images/header.jpg’) no-repeat top center; as the rest as been cover in Making a Div Layout - Part four

#background:url

You can have many ways to do a background.
background:url – This is use where we can link it all in one, this is what we will be using.
background-position: – This is used for placing the background to likes of right, left and so on.
background-repeat: – You can have no-repeat which will make the image not repeat, repeat-x well repeat the image across, repeat-y this makes the image repeat down. There are more, but you won’t really use them
background: – You could just place a colour or a image
background-color: – For use of colour
background-image: – For image
Would you like to read more? »

I just want to say sorry for not getting “Making a Div Layout - Part five” up yet, it is being done, but RL is getting to me so its getting the time and I don’t want to rush and put it up with lots of mistakes.

I will have it up before the end of the week, so again sorry…

Also if you are following the tutorial, could you please be nice and press some links The ads help pay for the site.

To follow this tutorial please start by reading Making a Div Layout - Part one


Right, let’s just cover the stylesheet which we have at the moment. The stylesheet gives the orders, remember? So we will cover the main orders that you already have in the style.css, we are just going to cover body and page today.

Now open the style.css in notepad or whatever you are using? Now right-click on the index.html file and open with firefox or Internet explorer if you don’t have the files I just said, then what are you doing reading this? Get back to Making a Div Layout - Part one. Ok, in the browser you will see a white page with black writing, as we make changes to the style.css after saving the style.css then refresh the browser and you will then see the change to the index.html. Would you like to read more? »

I just want to say sorry to anyone who is following the “How to make a div layout”. I’ve one hell of a week when it came to a tooth, which was being root canaled. It has now been taken out today and I’m in so much pain that I’m taking a break for a few days away from here. The reason the root canal did not work is where the tooth should only have one root, I had two, so the dentist had been working on a root that was not needed doing and as the other root did not show up on xray as it was hidden behind the first root, they say it was best it came out. When we both saw the other root we were both shocked and I got alittle mad, now that if it had been seen, then they could have worked on it and it would never have needed removing.

I will for sure get part four up next week, Also please leave feedback has if I know what you think then if I need to improve it then I can, no feedback does not help me when it comes to maybe thinking of writing more. Again I’m sorry…

If you read how to make a div layout-Part three then you would have seen what I put about helping my son with Photoshop CS2. Well I asked him if I could show you all what he did, and here they are and great work as it was his first time using it, he has only ever used Paint before.

To follow this tutorial please start by reading Making a Div Layout - Part one

Ok you have downloaded the files from Making a Div Layout - Part one right? Then you had a read of Making a Div Layout - Part two? If not then please do as if you don’t know nothing of HTML then none of this post will make any sense.

I’m not going to go into all the meaning of this and that, it not really needed as you will work it out when messing around and making up the layout, which we will get to at some point.

Ok let me tell you want a div tag does, it a piece of code that is used to make anything in between the tag style and move the way you want it. We do this with the style.css Would you like to read more? »

[EDIT]Tables are now up…[/EDIT]

Just to let you all now that the Div, Iframe are now back up. I will work on the Tables many later tonight or tomorrow as there a lot of them.

There is also a up date for wordpress, but I’m worried about doing just now as it may mess up my database with are running on a few plugin. If I do it will happen next week, so if anything happen to make the layouts database stop working I will set this back to id links and bringing the database out in templates.

Well thats me for now…

Just to let you all know that the layouts are down for now as I am updating the database yet again. The Wallpapers and Wordpress themes are back up.

It will be sometime before I get the “How to make a Div Layout - Part three” up as it will take a few days before I get all the layouts back up.

I also want to say sorry to people using screen size 800×600 I know the right hand side is pulling in and I’m not sure why. sadly you will have to put up with it until I can get around playing with the theme again. If how ever someone knows why, then please feel free to tell me the fix.

Again sorry if you are here looking for the layouts I will try and get them back up asp, but I have my son this weekend so it may take some time.