Dreamweaver basic Bulleted & Numbered List tips

Dreamweaver basic Bulleted & Numbered List tips

You can alter the way links display in an unordered list in much the same way you'd alter any other links on the page, and you can use compound styles (by choosing Compound for the Selector Type in the New CSS Rule dialog) to create link styles that only affect links within an unordered list. For instance, you can create a style named ul a, which will only affect the link tag when it appears within the unordered list tag. So you could remove the underline from all links that appear within unordered lists by choosing the Type category in the CSS Rule Definition dialog, and under Text-Decoration, click on the None checkbox.
The default HTML style for unordered lists places list items too close together for most designers, but it's easy to add a little breathing room. Just create a new style for the li tag (as you did in Step 2), or edit your existing li style by double-clicking on the style name in the CSS Styles panel. In the CSS Rule Definition dialog, choose the Box Category and use the Margin and Padding settings to increase the space around the list items. In our example, we added 10 pixels of space to the Bottom of each list item.

buy adobe dreamweaver cs6 mac pc only at $ 50

 Want buy adobe photoshop cs6 at cheap price? you can go to my webshop to buy it ,cheap dreamweaver cs6  full version .

  It is not a OEM or tryout version.

  We offer worldwide shippment .

  You can pay by paypal.

you can buy it at my website shop at only $50 low price cheap dreamweaver cs6 pc mac version and more other usefull design software tools.

 cheap adobe dreamweaver cs6 $50 

Dreamweaver support inline CSS styles

Dreamweaver support inline CSS styles

In a new HTML or CSS document, open the CSS Styles palette. Click on Window then CSS Styles or Shift-F11.

At the bottom of the window is a small document icon with a plus on it. This allows you to start creating new CSS styles. Click on it.Dreamweaver makes it easy to style a specific tag in your document. Just click on the "Tag" radio button, and write the tag name in the Tag: box.

Note: This option will allow you to style only one tag. If you want multiple tags to have the same style, you need to use the next option.One of the most common CSS selectors is the class selector. So Dreamweaver offers it as your first choice for creating a style. Click on the "Class" radio button, and put your class name in the Name: box. Remember that a class name must be all one word, is case-sensitive, and cannot start with a number.

I named my class "bigHead".

Dreamweaver allows you to create a style sheet for your entire site by choosing to define it in a new style sheet file, an existing style sheet file, and in the current document only. I chose to put it in the current document.View the HTML code and you can see that Dreamweaver added the styles to the head of your HTML document. Even though I didn't put the period (.) at the front of the class name, Dreamweaver did it for me. It also commented out the CSS in case older non-CSS browsers hit the site.

I set my Dreamweaver options to use shorthand for my CSS font properties, so Dreamweaver wrote the font styles as just one long font property.

If you chose to write your styles to a separate style sheet, Dreamweaver will create a new CSS file and write the CSS there. You will then need to link to that style sheet from your Web pages.
Once you've defined a class, you can use it to change the style of any associated element on your document. First select the element you'd like to style, then go to the Properties menu (Ctrl-F3 or Cmd-F3) and choose the style class from the drop down menu. As you can see, if the class has visual text styles, they will show up in the menu, so that it's easier for you to tell which style you're picking. You don't even have to remember the name.

buy adobe dreamweaver cs6 mac pc only at $ 50

 Want buy adobe photoshop cs6 at cheap price? you can go to my webshop to buy it ,cheap dreamweaver cs6  full version .

  It is not a OEM or tryout version.

  We offer worldwide shippment .

  You can pay by paypal.

you can buy it at my website shop at only $50 low price cheap dreamweaver cs6 pc mac version and more other usefull design software tools.

 cheap adobe dreamweaver cs6 $50 

dreamweaver create Cascading Style Sheets

dreamweaver create Cascading Style Sheets 

In a new HTML or CSS document, open the CSS Styles palette. Click on Window then CSS Styles or Shift-F11.

At the bottom of the window is a small document icon with a plus on it. This allows you to start creating new CSS styles. Click on it.Dreamweaver makes it easy to style a specific tag in your document. Just click on the "Tag" radio button, and write the tag name in the Tag: box.

Note: This option will allow you to style only one tag. If you want multiple tags to have the same style, you need to use the next option.One of the most common CSS selectors is the class selector. So Dreamweaver offers it as your first choice for creating a style. Click on the "Class" radio button, and put your class name in the Name: box. Remember that a class name must be all one word, is case-sensitive, and cannot start with a number.

I named my class "bigHead".

Dreamweaver allows you to create a style sheet for your entire site by choosing to define it in a new style sheet file, an existing style sheet file, and in the current document only. I chose to put it in the current document.View the HTML code and you can see that Dreamweaver added the styles to the head of your HTML document. Even though I didn't put the period (.) at the front of the class name, Dreamweaver did it for me. It also commented out the CSS in case older non-CSS browsers hit the site.

I set my Dreamweaver options to use shorthand for my CSS font properties, so Dreamweaver wrote the font styles as just one long font property.

If you chose to write your styles to a separate style sheet, Dreamweaver will create a new CSS file and write the CSS there. You will then need to link to that style sheet from your Web pages.
Once you've defined a class, you can use it to change the style of any associated element on your document. First select the element you'd like to style, then go to the Properties menu (Ctrl-F3 or Cmd-F3) and choose the style class from the drop down menu. As you can see, if the class has visual text styles, they will show up in the menu, so that it's easier for you to tell which style you're picking. You don't even have to remember the name.

buy adobe dreamweaver cs6 mac pc only at $ 50

 Want buy adobe photoshop cs6 at cheap price? you can go to my webshop to buy it ,cheap dreamweaver cs6  full version .

  It is not a OEM or tryout version.

  We offer worldwide shippment .

  You can pay by paypal.

you can buy it at my website shop at only $50 low price cheap dreamweaver cs6 pc mac version and more other usefull design software tools.

 cheap adobe dreamweaver cs6 $50