Fixed CSS Layout Pt.3
Table of contents for Fixed CSS Layout
- Fixed CSS Layout
- Fixed CSS Layout Pt.2
- Fixed CSS Layout Pt.3
Alright i am gonna insert another dig tag after tag may have to go kind of fast here to get this.
Keep this file size down a bit after tag i want to make sure its content that’s its important that its not does not say header in there. Footer i am gonna call it new defaults and give it a background black and go to my box and make it 100 wide also, gonna make it 50 tall and same for my margins right margins auto auto ok ok. So there is my black flitters get rid of the text in there ok. Now, i have got just an image over here its nothing i am gonna drag it into my header just to show how i drop my image in there just tell after to save my document.
That’s fine and i am gonna name it logo and click ok and you get smaller here just grab in the edges to stretch it, while i am gonna select the image i am gonna go down to properties box give it i a vertical space 10 just leave that, that can be adjusted to however you want it move it around give of horizontal spaces 8. Ok so we are just gonna move in that in a drum that’s fine and in my container I wanna a line 2 images up on the right side. so i am gonna make sure i am in my container and if i want to do that i am always go up into my code and make sure its right there in my container tag and it is.
So i am in insert add insertion point call it right click new defaults ok and on the box this time i am gonna give it a 300 pixels wide a 600 hundred tall and i am gonna float to the right. no margins i am gonna click on ok and let me get a little background color so it just stands out ok then ok all right now i have this content container here for my images and then all you need to do is set for 2 images both 300 by 300 pixels wide in tall.
So all i would have to do is take my images from my files panel over here drag them in here they would stack on top of each other nicely and what i could do over here for..a..
In case you didn’t see the video in part 1 of this series… here it is again.
Tags: dreamweaver cs3 tutorials, dreamweaver mx tutorial, dreamweaver cs3 navbar tutorials, curso flash dreamweaver, dreamweaver 8 tutorial, free dreamweaver template
Post a comment