PDA

View Full Version : Saving in css styles


gigiloumill
07-16-2009, 02:12 AM
Hi, can someone please tell me how to save this code in css styles? Thaks

div.pagination {
padding: 3px;
margin: 3px;
}

div.pagination a {
padding: 2px 5px 2px 5px;
margin: 2px;
border: 1px solid #AAAADD;

text-decoration: none; /* no underline */
color: #000099;
}
div.pagination a:hover, div.pagination a:active {
border: 1px solid #000099;

color: #000;
}
div.pagination span.current {
padding: 2px 5px 2px 5px;
margin: 2px;
border: 1px solid #000099;

font-weight: bold;
background-color: #000099;
color: #FFF;
}
div.pagination span.disabled {
padding: 2px 5px 2px 5px;
margin: 2px;
border: 1px solid #EEE;

color: #DDD;
}

DWcourse
07-16-2009, 02:20 AM
In Dreamweaver create a new CSS file (menu: File.New choose the Blank page tab and choose CSS from Page Type) then paste the code in and save the file with the .css extension.

To use the styles, link the style sheet to your document.

gigiloumill
07-16-2009, 03:27 AM
Thanks, How do I link?

fattat
07-16-2009, 03:45 AM
<LINK href="Includes/style.css" type="text/css" rel="stylesheet">

gigiloumill
07-16-2009, 03:49 AM
I see this part. My question is how do I get to this part? Thanks

fattat
07-16-2009, 03:52 AM
I see this part. My question is how do I get to this part? Thanks

write yourself..:mrgreen:

edbr
07-16-2009, 05:10 AM
with dreamweaver in the css panel you can attach an external style sheet , just point it to the one you create

DWcourse
07-16-2009, 04:00 PM
At least in newer versions of DW, there is a link icon at the bottom-right of the CSS Styles palette. Click on it and select the style sheet you want to link to.

Corrosive
07-16-2009, 04:48 PM
At least in newer versions of DW, there is a link icon at the bottom-right of the CSS Styles palette. Click on it and select the style sheet you want to link to.

That icon is there all the way back to DW6 I think!