Setting CSS link properties in Dreamweaver CS4

I'm a Dreamweaver CS4 newbie working on my first page. I'm setting the link <a> properties for my page, and while I understand how to set them manually by writing them into the CSS file, I'm wondering if there's a way to set them using Dreamweaver's usual, more "automatic" methods.
For example, if I choose New CSS Rule, the dialogue box comes up where I can choose Tag, then choose "a" from the list of Selectors. But is there a way using this New CSS Rule box to create rules for a:hover, a:visited and a:active? Or do I just have to write those manually in my CSS file?
Sorry for such a basic question. I did a search here and came up empty.
Thanks in advance.
Scott

Using DW Page Properties to create a basic CSS style sheet
http://kb2.adobe.com/community/publishing/505/cpsid_50576.html
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web.blogspot.com

Similar Messages

CSS Link Properties

i used the page properties to set the link properties on all
of my pages. the pages appeared fine on my browser (safari) but on
other browsers, my sidebar links have the link color. I've been
reading other topics related to this and I somewhat understand
changing the link properties using css to the specific div tags but
I am running into trouble.
I don't want my sidebar links to to have red boxes around
them. Isn't it true you can override the css style in the
<head> with an inline style in the html element?
When I try to change these properties the effects either
don't take place or the layout changes. I'm still fairly new to css
and I understand what I must change but I am coming up short. would
this be the code I would use so that they would not display red?
<div class="sidebar1">#sidebar1 links go
here#</div>
CSS Document:
.sidebar1 a:link { color: #FFFFFF; }
.sidebar1 a:visited { color: #FFFFFF; }
.sidebar1 a:hover { color: #FFFFFF; }
.sidebar1 a:active { color: #FFFFFF; }

> I don't want my sidebar links to to have red boxes
around them. Isn't it
> true
> you can override the css style in the <head> with
an inline style in the
> html
> element?
Yes, but that may not be the most efficient way to do it, so
it would be at
the bottom of the alternative list.
> would this be the code I would use so that they would
not display red?
It could be, but it will depend on what else you have on your
page. At the
least, you should shorten that code like this -
.sidebar1 a { color:#FFF; }
(which would apply to ALL links at all link states within
div.sidebar1)
Are you not seeing that have an effect?
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"iPAGEbreak" <[email protected]> wrote in
message
news:[email protected]...
>i used the page properties to set the link properties on
all of my pages.
>the
> pages appeared fine on my browser (safari) but on other
browsers, my
> sidebar
> links have the link color. I've been reading other
topics related to this
> and I
> somewhat understand changing the link properties using
css to the specific
> div
> tags but I am running into trouble.
>
> I don't want my sidebar links to to have red boxes
around them. Isn't it
> true
> you can override the css style in the <head> with
an inline style in the
> html
> element?
>
> When I try to change these properties the effects either
don't take place
> or
> the layout changes. I'm still fairly new to css and I
understand what I
> must
> change but I am coming up short. would this be the code
I would use so
> that
> they would not display red?
>
> <div class="sidebar1">#sidebar1 links go
here#</div>
>
> CSS Document:
>
> .sidebar1 a:link { color: #FFFFFF; }
> .sidebar1 a:visited { color: #FFFFFF; }
> .sidebar1 a:hover { color: #FFFFFF; }
> .sidebar1 a:active { color: #FFFFFF; }
>
>

Probelems with the page properties in Dreamweaver cs4

Hello,
I have a problem with dreamweaver cs4. My dreamweaver is installed on windows 7. I did not had this problem before in windows xp.
It is on the lowest screen (page) propperties (dreamweaver is in clasic mode)
When ik point at HTML then I can not see all the items. This is also the same for CSS.
-HTML - FORMAT - CLASS by the title I can only see 3mm. The rest is not shown.
On the next line by CSS - ID - LINK its the same. I can only see 3 mm of Target.
The wierd thing is that when I click with my mouse at a image the page propperties are shown good. Then their is nothing wrong with it. I can see everything. I hope someone can help me. I have posted a picture of the problem so you see inmeadiatly what I mean.
Thanks in advanced.

See the FAQ:
"CS4 Property inspector fields truncated (Windows)"
http://forums.adobe.com/thread/446724

Internal link checking with Dreamweaver CS4

I currently have 3 root directory index pages: index.html, index.htm, and default.htm
My host is GoDaddy and the page that resolves for http://www.amenta.com/ is the default.htm page. So, I would like to get rid of the other two, neither of which is cached by Google, in order to avoid any future canonicalization issues.
When I go to delete index.htm and index.html in the Dreamweaver CS4 Files window, I am alerted that there are many internal pages linking to them.
How can I pull up a list of all of these pages?
Also, when I try to run a "Change links sitewide" function and I enter "Change all links to : /index.html" "Into links to : /" I am prompted that "no links to /index.html found". But when I try to delete this file, I am shown the first several of 186 such files.
Any suggestion would be greatly appreciated...Thanks!

Thanks again John. DW indicates that there are 185 files linking to index.html when I attempt to delete it through the Files Window. Here is the display:
However, each of these 6 files link to / and not /index.html and I can not figure out how to pull up a list of the rest of the files beyond what this alert message shows.
When I attempt to delete index.htm through the DW Files Window, I am alerted about just one file linking to it.
Perhaps DW is programmed to consider /index.html as the default for any link to / but on my host, the default page seems to be default.htm which is why I want to get rid of index.html and index.htm to avoid any duplicate content or canonicalization issues.
But before I delete index.html, I want to be sure that I am not creating a bunch of broken links when I do so.
And, when I try to run the following "Change Link Sitewide" command...:
...I am prompted that no such links exist:
Thanks again for your looking into this with me. If nothing else, I will just go ahead and delete both index.html and index.htm and then do a check for broken internal links.

CSS stylesheet link issue in Dreamweaver CS4

Hello,
In order to make sure that mywebsite always delivers the latest .css changes without users having to refresh their browsers, I did the trick:
link href="css/style.css?version=1" rel="stylesheet" type="text/css"
This works great, but the trick doesn't work so well when previewing a file in Dreamweaver. It doesn't link to the CSS file because of the "?version=1" part.
Do you folks know what I can do to fix this? Will I need ot have two versions of the files, one for working in and one for uploadng?
Thanks,
Mike

I don't want my users to have to hit refresh to see my CSS changes.
They won't.
The chapter on Design Time Stylesheets doesn'rt really help me.
Sure it does.
the issue is that dreamweaver isn't linking to the style sheet because of the "version" part of the link.
Remove the version part. SaveAs DesignTime.css.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/

Image Link Problem with Dreamweaver CS4?

On my website, I have several images that link to other parts on my website. These work no problem when I preview the site, but after I test the links, the images that had those links have purple outlines that really clash with my website's design. Will users see this if they click on my links, and then return to the page? I'm using CS4 right now, and never recalled having this issue come up when using MX. Thanks for the help.

I got stuck on this one too - not realising that Dreamweaver automatically palces a border on every image link - but the simplest way I found was to have my "Properties" panel showing on the bottom and input 0 into the "Border" box. By having this panel open you can see if you have accidently applied any styles to the image, where it links to, Image size attributes and the Image name.

CSS error message in Dreamweaver CS4

I have an message that says"Found 1 errors in tinaswebsite.css" and "Affects: Firefox 1.5, 2.0, 3.0; Internet Explorer 6.0, 7.0, 8.0b1; Internet Explorer for Macintosh 5.2; Opera 8.0, 9.0; Safari 2.0, 3.0." How do I know what the error is and how do I fix it?

Well, I pointed this out a few days ago and got beaten to a pulp. I kinda like the abuse.
Kath-H wrote:
But surely people start here:

Uneditable areas Dreamweaver CS4 templates

Hi, I set up my website with Dreamweaver CS4 and at the time made the body section editable only.
I believe that by default this also leaves the title tags editable in the head section (which they are).
I now want to make the meta tags and meta title section editable as well in the template so every page in my site has an individual editable area in the head of the HTML code which I can insert different information for each page that will not affect other pages upon saving.
So my question would be how can I convert the locked down code in the head of my template page back to editable regions.
Cheers.

Hi, sorry thought I had this template problem fixed.
Still trying to make the meta tags in my website template editable but when I apply the change below the meta tags seem to disappear.
I've put an example of what I currently have and what I am trying but with no success.
If anyone can spot any mistakes I would really appreciate it.
I have this..
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="keywords are here" />
<meta name="description" content="description is here" />

<title>Title</title>

<link href="../css-file/css.css" rel="stylesheet" type="text/css" />

</head>
And tried this..
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="../css-file/css.css" rel="stylesheet" type="text/css" />

<title>Title</title>
<meta name="keywords" content="keywords are here" />
<meta name="description" content="description is here" />


</head>
As always, thanks in advance.

Dreamweaver CS4 CSS file links updating problem

Hi apologies if this question has already been asked, the
search tool does not seem to be working.
I have recently installed DW CS4. When you open a page all
the related files open too so the CSS linked file also opens
however, if i try to update the CSS file from here when i come to
save, i get a message box asking if i want to 'update links'? If i
say yes it updates all the links in my CSS file from ../images to
the full path of the images and this then creates problems with the
site. If i say no, it then tells me that my CSS file contains an
invalid path and then prompts me to 'update links?' again.
If i open the CSS file separately in DW i dont have any
problems.
This is really annoying me, if anyone can help i would be
grateful!

Thanks for your replies. I updated my Nvidia video card driver and I deleted the Cache file per the instructions in the link above. Unfortunately I'm still getting the Lockup.
It locks when I use the CSS panel for a period of time. What's odd is that the CSS panel remains active and I can edit and make changes to the CSS rules. The rest of the interface locks up. The code/design window the menu bar etc. I have to close down DW with the task manger. when I do that I get asked if I want to save the changes to the open files and the changes get saved. But the entire user interface except for the css panel is frozen. Weird.
The link above suggest deleting the entire personal configuration folder and the extension manager folder. this seems pretty sever and then it seems I would have to re-install the extensions that I have and etc. Perhaps that's what I have to do? This regular lockup is a pain. Like I said the rest of my system and other apps (fireworks, Photoshop, etc) are all rock solid. The problem is strictly with DW.
Thanks again for your suggestions.

Is there a way for my images that are links NOT to be denoted by whatever color i set my links to be in my page properties?

Hi there.
i have set my links to be black in my page properties. i have somes images that i am using for links and i do not want the to have a black box tracing their outline. it's messing up my design and tables. is there a way for my images that are links NOT to be denoted by whatever color i set my links to be in my page properties?
see attachment.
thanks for sharing your knowledge with me.
gina

If you would like your NON-linked images to have a border, and only remove the border from linked images then this css:
a img { border:none; }
E. Michael Brandt
www.divahtml.com
www.divahtml.com/products/scripts_dreamweaver_extensions.php
Standards-compliant scripts and Dreamweaver Extensions
www.valleywebdesigns.com/vwd_Vdw.asp
JustSo PictureWindow
JustSo PhotoAlbum, et alia

Multiple Colored Links in Dreamweaver CS4??

Hi all, I have gone through a million articles and can't find the answer I'm looking for so hopefully someone here will help me.
I have an existing style sheet for my website, I know how to change the page preferences so that all the links can have the colors changed, but is there a way in dreamweaver cs4 to set certain links a:link a:hover ect to be specific colors from others using the existing stylesheet.
I just can't seem to get it. : /
Any help on this would be appreciated.

thank you for your reply
i do know how to set the links and such but i'm having trouble for example setting the active hover ect links for table A apart from table B in the same style sheet.   : /
i was trying something like
#table_a a:link {
     color: #333333;
#table_a a:hover {     color: #333333;
and then named the table id as table_a
yet it doesn't seem to be working, and when i did that i had to do it manually... is there not an easier way in dreamweaver cs4 to acomplish this?
i read page 3 http://projectseven.com/tutorials/css/pseudoclasses/page3.htm from that tutorial but the cs4 add rule doesn't look like the diagrams... : /

DreamWeaver CS4 CSS code hints not working

Please help.
DreamWeaver has stopped showing code hints for CSS selector values. When I start typing "… div {border: …" DreamWeaver used to show the possible value for this selector (i.e. 1px solid #ccc). Now all that pops up is this "… 'border-width' 'border-style' 'color' …"
How can I get DreamWeaver to show the possible values for CSS? I'm running DreamWeaver CS4 on a Mac book pro with Snow Leopard. DreamWeaver was set up using the default settings, and there are no extensions enabled.
The attached screen shots show what I am experincing.
Thanks,

Wow... you waited all of 2 hours...
try removing your configuration folder and restarting
"ianhg" <[email protected]> wrote in message
news:ea7m2g$68e$[email protected]..
> Hi Folks,
>
> Has no one any ideas --- Please!!
>
> Ian

Dreamweaver CS4 link help................

I recently built a site on Dreamweaver CS4. Here is the basic layout of what i did. My site is based off of a template, i have set it up using both a spry menu bar (vertical) and using a image based nav bar (not at the same time, but tried both in my efforts to get rid of my problem). I have run into the same issue with both nav options. I linked all of my pages together and everything worked fine, until i decided to add a couple of extra pages and change a few things on the site. when i try linking to these pages from the nav bar the links will not work. The only links that will work are the original ones i set up. Hope somone can help............
Thank You

shane,
here is the code, it is actually a hyperlink that is not working
<div align="left">
      <h2 align="center"><u>Demand Industrial Packing</u></h2>
      <p><a href="packing_graph.html">Graphite</a><a href="packing_graph.html"></a></p>
      <p align="center"> </p>
      <p align="center"><a href="packing_ptfe.html">PTFE</a></p>
      <p> </p>
      <h2 align="center"> </h2>
      <p> </p>
    </div>
thank you,
jesse

Dreamweaver cs4 and css

I was using Dreamweaver MX2004 befor and now am trying to use Dreamweaver CS4. and not very familiar with it
My question is:
Is there is a parameter or option that I hsve to set in the Dreamweaver preferences so that I can modify attributes
to text without having to create a CSS rule? Because actualy, everytime I want to modify the appearance of text I am asked to create a new CSS
Tank you for your attention
Bert

I'm afraid that you will have to tough this one out and learn some CSS. There is no way to retrograde DWCS4 so that it works like a version that is 4 years older.
Once you spend a few minutes on this task, you'll wonder what all the angst was about. It's really very simple. And you will have to get beyond the old (and BAD) habit of styling your content using the Property inspector....

Setting up Dreamweaver CS4 with PHP testing server... Live View doesnt work

Hello,
Im trying to setup Dreamweaver CS4 with a php website im
making. Ive setup the site information, and provided a testing site
(XAMPP), and i can see the fully rendered .php pages in the Live
View tab. However, say i change some of the text in the .php file
(say from <p>Hello</p> to <p>Hi</p>) and
then click in the Live View tab - the page does not update. It
seems to do something, bit just returns the same.
How do i set it up so, like with plain .html pages, you can
make a change to the source code and instantly see the change in
Live View?
(At the moment i have to make the change to the source code,
save it, click Live View to cancel it, and then click Live View
again).
Background:
Ive setup XAMPP (G:\XAMPP\)
Ive setup vhosts in apache.
Ive stored my websites in G:\Websites
Ive set the testing server to G:\Websites\site, where "site"
is setup as a vhost and correctly displays when entered into a
browser.
Ive set the url prefix to
http://site/
Ive set local root to G:\Websites\site
Any help would be greatly appreciated.
Cheers.

> How do i set it up so, like with plain .html pages, you
can make a change
> to
> the source code and instantly see the change in Live
View?
Did you try using F5 to refresh the page? If that doesn't
work for you,
then you'll have to drop and restart Live view. No need to
save and reload
the page.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"Major_Disaster" <[email protected]> wrote
in message
news:gibqir$lgu$[email protected]..
> Hello,
>
> Im trying to setup Dreamweaver CS4 with a php website im
making. Ive setup
> the
> site information, and provided a testing site (XAMPP),
and i can see the
> fully
> rendered .php pages in the Live View tab. However, say i
change some of
> the
> text in the .php file (say from <p>Hello</p>
to <p>Hi</p>) and then click
> in
> the Live View tab - the page does not update. It seems
to do something,
> bit
> just returns the same.
>
> How do i set it up so, like with plain .html pages, you
can make a change
> to
> the source code and instantly see the change in Live
View?
>
> (At the moment i have to make the change to the source
code, save it,
> click
> Live View to cancel it, and then click Live View again).
>
> Background:
> Ive setup XAMPP (G:\XAMPP\)
> Ive setup vhosts in apache.
> Ive stored my websites in G:\Websites
> Ive set the testing server to G:\Websites\site, where
"site" is setup as a
> vhost and correctly displays when entered into a
browser.
> Ive set the url prefix to
http://site/
> Ive set local root to G:\Websites\site
>
> Any help would be greatly appreciated.
>
> Cheers.
>

Setting CSS link properties in Dreamweaver CS4

Similar Messages

Maybe you are looking for