HighDots Forums  

Using CSS templates.combine CSS with html files.

Macromedia Dreamweaver Macromedia Dreamweaver Discussions (macromedia.dreamweaver)


Discuss Using CSS templates.combine CSS with html files. in the Macromedia Dreamweaver forum.



Reply
 
Thread Tools Display Modes
  #1  
Old   
baldrn
 
Posts: n/a

Default Using CSS templates.combine CSS with html files. - 07-15-2008 , 06:57 AM






Hi,
New to CSS and I have a free template I've downladed from my host. I can use
either PSD or html. The html is using CSS code. Here is the part I don't
understand how to apply this in Dreamweaver.
The html folder has a styleCSS doc that opens with DW and it's only code. The
other documents in there are webpages that open with Firefox. I can right click
them and open with DW, but how do I integrate them into the CSS doc?
The CSS doc is only code like a sample attached:
I am Googling lots of tutorials but I'm missing something here. How do I use
Dreamweaver to combine the included .html files with the styleCSS files in my
template? And edit and publish from there? I just need a little "jump start"
here please.
Thank you,
Mark


body{ background-color:#000000;}
.bg {background-position:top; background-repeat:no-repeat}
td {color:#434232; font-size:11px; font-family:Tahoma, Arial, Geneva,
sans-serif}
a.txt {color:#434232; font-size:11px; text-decoration:underline}
a.txt:hover {text-decoration:none}


Reply With Quote
  #2  
Old   
Osgood
 
Posts: n/a

Default Re: Using CSS templates.combine CSS with html files. - 07-15-2008 , 07:20 AM






baldrn wrote:
Quote:
Hi,
New to CSS and I have a free template I've downladed from my host. I can use
either PSD or html. The html is using CSS code. Here is the part I don't
understand how to apply this in Dreamweaver.
The html folder has a styleCSS doc that opens with DW and it's only code. The
other documents in there are webpages that open with Firefox. I can right click
them and open with DW, but how do I integrate them into the CSS doc?
There should be a link to the css document in the head of each page.
Open the page in code view and look for something similar to below (it
should be near the top of the page)


<link rel="stylesheet" href="styleCSS.css">


If the link is there then you change the css styles through the css
panel in Dreamweaver Window>CSS styles

If the link is not there then you must link to it using the CSS styles
panel. Open the template file, go to the css panel, Windows>CSS styles>
Click the 'link' icon at the bottom of the panel and browse out to the
folder where the styleCSS file is and select it.



Quote:
The CSS doc is only code like a sample attached:
I am Googling lots of tutorials but I'm missing something here. How do I use
Dreamweaver to combine the included .html files with the styleCSS files in my
template? And edit and publish from there? I just need a little "jump start"
here please.
Thank you,
Mark


body{ background-color:#000000;}
.bg {background-position:top; background-repeat:no-repeat}
td {color:#434232; font-size:11px; font-family:Tahoma, Arial, Geneva,
sans-serif}
a.txt {color:#434232; font-size:11px; text-decoration:underline}
a.txt:hover {text-decoration:none}


Reply With Quote
Reply




Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off



Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.