www.VFXskills.com                                                                                 www.MAXlife.TV

TechsChoice.com
Google Enter your search terms

Creating CSS Layouts in Adobe Dreamweaver
Part 3


 
Center your Master DIV

Down at the bottom of CSS styles panel
Create a New CSS Rule - This is going to be a TAG  - so set your selector type to a tag

Redefine HTML body element

In this document only radio button should be selected.



The only property will be underneath the block category - Set the Text Alignment to CENTER

Click OK

Wrap entire layout inside of one giant master dive
Go back to CODE - look for opening BODY TAG
Hit enter a bunch of times and make sure your cursor is in there.

Go back to INSERT = LAYOUT OBJECTS - DIV TAG
New CSS Style
Advanced Selector
name it #Master
OK

Box category - Margin uncheck same for all

Set top to 0
Right to auto
bottom to 0
Left to auto

Go to positioning category
Type - USE RELATIVE
Width = 990  (we were designing for 1024)
Leave height value empty and let the content determine the height

Placement Top 0
Left 0
OK
OK

Get rid of dummy content

Take closing DIV Tag
Cut it (Control X) and then down toward the bottom of the code, look for your CLOSING BODY TAG
Give yourself a little bit of room by entering some white space

Paste your closing DIV TAG just above your Closing Body Tag.

Done





 

 

 

 

dreamweaver cs3, dreamweaver tutorials, learning dreamweaver, adobe dreamweaver, learn dreamweaver, dreamweaver classes, dreamweaver lessons, how to define a site in dreamweaver, web design, web design tutorials, css, stylesheets in dreamweaver, support, free dreamweaver tutorials, templates, how to adobe, adobe dreamweaver, web editing, web design, cs3, dream weaver, css, dreamweaver, extensions, Free, tutorials, Tutorials, learn dreamweaver, how to use dreamweaver
Site Map         

 

Please add us to your website or blog!

Privacy Policy - Disclaimer
free sound files, free media files, free tutorials, free web hosting, cheapest domain names, inexpensive domain names, screen capture software, Computer Software Tutorials, online training videos, computer basics tutorial, free windows tutorial, free computer tutorial for kids, computer programming tutorials, free computer courses, pc tutorial, beginner computer tutorials, free computer software tutorials, free internet tutorial, free typing tutorial programs, computing tutorials, computer science tutorials, graphic design tutorials, free visual basic tutorials, free Photoshop tutorials, newbie computer tutorials free flash tutorials, access tutorial online, computer course, pc maintenance online tutorials, absolute beginners computer tutorials, free online computer classes, frshirtsbestee online learning, free computer training download, free computer tutorial for seniors, computer parts tutorial, computer tutorials for children, computer hardware tutorials, free excel tutorials, computer fundamental introduction basics tutorial, Microsoft tutorial, free grocery coupons, Free computer software tutorials, tech support, technical support, the tech support forum, game development, 3d game development software tutorials, graphic design tutorials, graphic illustration tutorials, character animation and design tutorials, web development, Clipart and Banner Ads, adobe photoshop tutorials and downloads, software lessons, how to do it yourself, Fierce Layouts learn adobe Photoshop, learn silverlight, learn microsoft expressions, asp.net, video editing, youtube video, digital image editing software, national association of Photoshop professionals (naap) Flash Animation, graphics, computer software, computer books, manhattan flash animation presentations for advertising and banner ads, adobe, photoshop, macromedia, microsoft, software and application development, learn to, how to, tutorials, hardware, software Tech Support - Free Technical Support for Beginners and Advanced Users of Computers, Videographers, photographers, Programmers and Web Designers, Tutorials and How To Start, computer help, video, audio, nonlinear editing, cameras, microsoft excel free online video lessons, learn excel, learn microsoft word

Free software tutorials, downloads and technical support information for computer geeks, photographers and videographers.