Links are HTML, not CSS.
You need to wrap your <img> tag in your webpage with an <a> tag.
<a href="index.html"><img ...></a>
In Dreamweaver, click on the image then use the Property Inspector to insert a link in the Link field.
Dreamweaver will then handle the code for you.

Similar Messages

Quick CSS box question

Hi guys,
Firstly a very Merry Christmas to you all !
I'm just getting to grips with converting all the text on my
site to CSS and have a quick question.
On some of my pages I add an 'Also see' links box aligned to
the right - it's a CSS div tag thingy someone kindly talked me
through once. All of my pages are built from a template with an
editable region.
My question is, can I add this box (perhaps with a standard
'Also check out' title and then spaces for my links) at the
template level? This will save me having to go to Insert>Layout
Objects>DivTag on every page. I've tried simply adding this to
the editable region of the template but it simply pushed the
editable region box over to the right and then didn't appear on my
pages
Also, the links box would ideally appear about half way down
my pages on the right...
Hope you can help, many thanks in advance!
James
Here's an example page where I have manually added my link
box on the right of the page...
http://www.fyrne.com/james_journalism/Pages/Mosaic_of_the_med.html

Your CSS link implies that the CSS file is in the Templates
folder. You
shouldn't have anything there other than the template (dwt)
files
themselves. Please move it out to any other location in your
site.
<link href="../../Templates/Box.css" rel="stylesheet"
type="text/css">
Changes made to template editable regions would not propagate
to existing
child pages - that's why you aren't seeing that addition in
them....
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"JamesFryer" <[email protected]> wrote in
message
news:[email protected]...
> Hi guys,
>
> Firstly a very Merry Christmas to you all !
>
> I'm just getting to grips with converting all the text
on my site to CSS
> and
> have a quick question.
>
> On some of my pages I add an 'Also see' links box
aligned to the right -
> it's
> a CSS div tag thingy someone kindly talked me through
once. All of my
> pages are
> built from a template with an editable region.
>
> My question is, can I add this box (perhaps with a
standard 'Also check
> out'
> title and then spaces for my links) at the template
level? This will save
> me
> having to go to Insert>Layout Objects>DivTag on
every page. I've tried
> simply
> adding this to the editable region of the template but
it simply pushed
> the
> editable region box over to the right and then didn't
appear on my pages
>
>
> Also, the links box would ideally appear about half way
down my pages on
> the
> right...
>
> Hope you can help, many thanks in advance!
>
> James
>
> Here's an example page where I have manually added my
link box on the
> right of
> the page...
>
http://www.fyrne.com/james_journalism/Pages/Mosaic_of_the_med.html
>

Some CSS Links not displaying correctly

Hi folks,
I've been building a new site, but am having problems with some of the CSS links.
The normal links are working fine.
However, I've created a class that should display some of the links in bold - but it doesn't work!
This is the CSS:
.bold-larger a:link {
font-weight: bold;
color: #4E8AD2;
font-size: 16px;
.bold-larger a:visited {
font-weight: bold;
color: #4E8AD2;
font-size: 16px;
.bold-larger a:hover {
font-weight: bold;
color: #F47C01;
font-size: 16px;
text-decoration: none;
.bold-larger a:active {
font-weight: bold;
color: #4E8AD2;
font-size: 16px;
And this is the code as it appears on the page:
<span class="bold-larger">You can buy cool and interesting decorations and accessories from <a href="http://www.test.com">PartyBox</a>.</span></p>
It doesn't display them in bold though!
The test page is here:
http://www.iainmoran.com/40/40th-birthday-gift-ideas.html
Any idea why this might not be working please? I'm sure it's very simple, but I can't seem to work what it is!
Many thanks,
Iain.

Thank you both so much for your quick replies!
I'm pleased to say the links are now working correctly, so no more tearing my hair out is required!
Thanks again,
Iain.

CSS link rel statements appear as comments. Not referenced. Help?

My CSS link rel statements appear as comments and are not referenced by the web page locally.
<link rel="stylesheet" type="text/css" href="/PDGCommTemplates/HTN/css/newmain.css" />
I have a new computer (windows 8 which I've learned to love... durress works miracles). I also had to switch to a designated server from a shared server, at the same time so several variables.
When I created this site on my new computer I first created the site within Dreamweaver and then I opened the remote site and downloaded it's entirety to my hard drive. I've somehow created the problem in this process.
The problem is in how the style sheets are directed. None of the original style sheets show up in the CSS Styles Panel, in either the all or the current tab. However when I open a page the style sheet titles all appear in the menu bar above the page (as short cut icons) and I can select/open them but get a note that the css file is a remote file and cannot be edited. When I hover over the shortcut icon in the menu bar the directory path appears as http://cafetablesserver.newhostingaccount.net/PDGCommTemplates/HTN/css/newmain.css
I can open the css files locally in the file manager and I can create new css files. The remote site is functioning.... however, my nameservers are not yet directed at it and I have had to change my host file to view it.
So what I need to know is how do I direct the local pages to reference a local css page on my hard drive? I need the path to be C:/..../..../webpagename/httpdocs/PDGCommTemplates/HTN/css/newmain.css
The root directory is httpdocs
I ran this site no problem on my old computer as a document root site. I've only changed the computer and the server. Thanks for your help

Thanks for your response,
I may not have been clear in original post. The only time the http:// or the C:// prefix is present is when I hover over the file names in the menu bar above the open web page. I have not enterred them as such.
The link rel comment is currently written as link rel="stylesheet" type="text/css" href="/PDGCommTemplates/HTN/css/newmain.css
My current file tree is as follows:
httpdocs
-/PDGCommTemplates/
     -/HTN/
          -/css/
               -newmain.css
          -home.html
Is the link rel comment above wrong? Do I need to move my html files into the root directory? They are currently in the sub sub folder /HTN/
Thanks

Frustrated with external css link

I had an external css link that was working in edge version 2014.0, then I upgraded to 2014.1 and edge will no longer link to the external css link that it would before. (The reason I have an external css is that I have some elements that I am adding thru javascript to the stage later so that I don't clutter up the stage - these elements added later were then styled with my external css but now it doesn't work). I was able to get the css to link before by manually adding the css in the edge_Preload.js:
aLoader = [
      { load: "edge_includes/jquery-2.0.3.min.js"},
      { load: "edge_includes/edge.4.0.0.min.js"},
      { load: "js/rollarCoasterQuestionsMain.js", user: true },
      { load: "js/rollarCoasterQuestion1.js", user: true },
      { load: "js/rollarCoasterQuestion2.js", user: true },
      { load: "js/rollarCoasterQuestion3.js", user: true },
      { load: "js/rollarCoasterQuestion4.js", user: true },
{ load: "css/rollarCoasterQuestionsMain.css"},                 //this was the added line that worked before
      { load: "js/jquery.cookie.js", user: true },
      { load: "rollarCoasterR1_edge.js"},
      { load: "rollarCoasterR1_edgeActions.js"}];
It no longer works allowing me to add the external stylesheet this way... so I'm looking for a new way but going through the forum I've found the following examples that I haven't gotten to work:
Putting this in the stage code (technically is in the edgeActions.js file): sym.$("<link rel='stylesheet' type='text/css' href='css/rollarCoasterQuestionsMain.css'>").appendTo("#Stage");   //couldn't get this to work
Then tried putting this in my external javascript file just to try it another way but it diddn't work either (in my js/rollarCoasterQuestionsMain.js file):
$( "#Stage" ).append( "<link rel='stylesheet' type='text/css' href='../css/rollarCoasterQuestionsMain.css'>" );   // but this didn't work either
Please help

Actually in most of my Edge projects I'm using webfonts.
When doing this I also add an external stylesheet like below. (Located in the library, fonts tab)
Once done the stylesheet works too, without any other coding.
I hope this helps.
Kind regards,
Lester.

CSS Link

Hi
I understand that the wwv_setting.generate_css_link API will generate the css link to a given stylesheet
e.g.
<LINK REL=Stylesheet TYPE="text/css" HREF="http://EXDL5.123.co.uk:7778/pls/portal/PORTAL.wwv_setting.render_css?p_lang_type=NOBIDI&p_subscriberid=1&p_styleid=1&p_siteid=0&p_rctx=P">
This api requires (amonst others) the following parameters
p_styleid and p_siteid.
Does anybody know how to derive the current style id and site id values - so that I can pass them through to this API?
I am doing this because I am generating html on the fly and I want the generated html document to appear in a popup window and inherit the same look and feel as the portlet from which it was invoked.
Cheers
Graeme

Seemed fine to me on a PC using FF 2.0 Beta 1 and IE6.

CSS Link or Import

Is it best to use Link or Import for an external css file (or
both)?
Brandon
==================
Presentations Direct -
http://www.presentationsdirect.com
> Binding Machines
http://www.presentationsdirect.com/binding-machines/gbc-binding-machines.asp
> Laminators
http://www.presentationsdirect.com/laminators/gbc-laminators.asp
> Paper Shredders
http://www.presentationsdirect.com/paper-shredders/gbc-paper-shredders.asp
==================

> So Link works for all major browsers today?
Always has. It's a HTML tag and works for more than just
stylesheets.
@import is a style rule (needs to be wrapped in
<style>...</style> tags in
HTML pages) and is the new kid on the block.
Importing stylesheets has advantages over merely LINKing
style sheets to a
HTML documents, including breaking your stylesheets into
modules for easy
maintenance.
To use importing, you can use it directly in an HTML
<style> tag, but then
you might as well use link because import would be doing the
same thing:
including that stylesheet in the HTML page.
To really take advantage of importing, you should import
other stylesheets
into a master stylesheet that is linked to the HTML page.
First link one stylesheet to the HTML page:
<link type="text/css" rel="stylesheet" href="css/main.css"
/>
And then import the other stylesheets into the master one.
Only the master
css file is linked to the HTML page.
So in this example, import the other stylesheets into
main.css:
/* Import the other stylesheets into main.css */
@import url("styles.css");
@import url("layout.css");
The main advantage of importing stylesheets is that updating
stylesheet
links is easier, because you update them in a single CSS file
that is
imported rather than in every HTML page.
Consider:
<link type="text/css" rel="stylesheet" href="css/main.css"
/>
<link type="text/css" rel="stylesheet" href="css/docs.css"
/>
Then, main.css contains:
/* Import the other stylesheets into main.css */
@import url("styles.css");
@import url("layout.css");
/* Now define some additional styles */
div.main-banner {border:none;width:600px;}
div.newsscroller {background-color:black;}
See
http://dhtmldev.com/content/view/63/27/
for more.
Regards
John Waller

CSS Links per page

As a newbie, I have finally figured out CSS Link settings.
However, I have to get to them thru Page Properties - for every
page that has links on it. Surely there is a way to set standard
link behavior for the whole site? Can't seem to add it to a
template...
Thanks!
Ron

Pseudo-classes and container styles are what you need - here
are some
tutorials.
http://www.mako4css.com
http://www.thepattysite.com/linkstyles1.cfm
http://www.projectseven.com/tutorials/pseudoclasses/index.htm
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"Ron4298" <[email protected]> wrote in
message
news:eq30u1$hsc$[email protected]..
> As a newbie, I have finally figured out CSS Link
settings. However, I have
> to
> get to them thru Page Properties - for every page that
has links on it.
> Surely
> there is a way to set standard link behavior for the
whole site? Can't
> seem to
> add it to a template...
>
> Thanks!
>
> Ron
>

Safari broken image link question mark in a blue box icon

The url I get the safari broken image link question mark in a blue box icon most often is "apple.com/startpage/". There may be 10 or 12 of them. However, most apple.com pages have at least 1. In fact I am looking at 1 right now. I have emptied the cache. I do not wish to reset Safari because I do not want to reenter all of the passwords to various sites. Is there a simple answer?
1.8 Ghz Power PC G5 Mac OS X (10.4.3) Safari 2.0.2

Hi Rex,
Who is your ISP and what addresses do you have set in the DNS section of your System Preferences -> Network preferences?
Have you tried logging into a different user account on your machine to see if that has the same problem? This will help us to know whether your problem is local to your account or system wide. If you don't have another account you can use System Preferences -> Accounts -> [+] to create a test one (and [-] to remove it if needed)
Also, do you use any third party internet software (Norton, Intego, etc.)?

CSS Layout Questions

Only making baby steps in CSS still but I am learning a lot. Here's a link to the page I am trying to create: http://www3.telus.net/~jessum/details_layout.html
Here's what I have managed to create so far: http://www3.telus.net/~jessum/details.html
When explaining any steps please explain it using Dreamweaver. I will be looking in the code to see how it all works but I want to be able to get proficient using Dreamweaver so I can see how things flow etc. before I try and hand code.
Questions
1. Is it a good practice to use a "container" to hold all of the div's or is it better to start by adding a header without a container?
2. How can I centre a div in the page?
I read that to align the div so it's "centred' in the page I can use: margin: auto;
but I'm not sure how to do this. Please explain.
3. How do I remove the space around the "container"? I've set the margin and padding to: "0" but the space is still there.
Thanks

osgood_ wrote:
Not sure where this notion of using the body as a container came from but for years a wrapper or container was considered standard practice.
The idea is being promoted by several of the most active and knowledgeable members of this forum. I think the idea first came from Altruistic Gramps, and I remember debating the issue with him about a year ago. It has also been picked up enthusiastically by Murray, and I've seen Nancy O suggest the same idea.
I've been doing a lot of research into CSS3 recently, and discovered that the Borders and Backgrounds module specifically advises against styling the <html> element (http://www.w3.org/TR/css3-background/#special-backgrounds). It doesn't give a reason for this recommendation.
I suppose the idea of giving the body a width instead of using a container might come from the HTML5 definition of the body as representing the main content of the document (http://dev.w3.org/html5/spec/the-body-element.html#the-body-element).
I suspect that this is likely to develop into the same type of fruitless argument as we had several years ago about the "superiority" of ems over pixels. Adding a single <div> to act as the container or wrapper for the content doesn't strike me as being less efficient. It also has the advantage of avoiding styling the <html> element.

Beginners CSS layout question - expanding a layer and not overlapping another

Having got well and truly fed up of using tables to layout
pages I am trying to gem up on CSS layer based layout. All well and
good but despite the various tutorials I can't find an answer to
this question...
Q. I have a layout with layers to make a three column layout,
however, I want to have a footer section at the bottom of the page
that runs the same width as the three columns (you can see my WIP
example here
http://www.spiralfilm.com/clients/broadoak/index_css.html
). Problem is, as the centre section expands with more content, how
do I make that section expand and not overrun the current footer
section? I want it to expand like a table does and push the footer
down.
I'm sure it is simple but I just can't get my head around it!
Thanks in advance for any pointers...

> However, is the use of div tags the way to seperate
blocks of content? The
> DW8
> help file seems a little unclear on this?
Yes, it would be one way to do that. A div tag is simply a
container for
other HTML elements, like a table. The problem you are having
comes with
using DW 'layers' to contain text. As Thierry suggested, this
is because
absolutely positioned elements (i.e., DW 'layers') are
removed from the
normal flow, preventing them from interacting with adjacent
page elements -
this means that when the text inside them expands, it will
begin to overlap
other content. See my demonstration of this here -
http://www.great-web-sights.com/g_layers-overlap.asp
Try these tutorials -
http://www.macromedia.com/devnet/mx/dreamweaver/css.html
http://www.macromedia.com/devnet/dreamweaver/articles/tableless_layout_dw8.html
http://www.macromedia.com/devnet/dreamweaver/articles/css_concepts.html
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"Benfrain" <[email protected]> wrote in
message
news:elgpba$qds$[email protected]..
> Hi, thanks for those links. Sorry to confess they are
all a little beyond
> my
> knowledge. I will read on and see if I can understand
them.
>
> However, is the use of div tags the way to seperate
blocks of content? The
> DW8
> help file seems a little unclear on this?
>

Spry link Question

I have a spry menu which one of the main menus looks like this
<li><a href="*" class="MenuBarItemSubmenu">PORTFOLIO</a>
          <ul>
            <li><a href="staticdesigns.html">STATIC</a></li>
            <li><a href="flashdesigns.html">FLASH</a></li>
            <li><a href="banners.html">BANNERS - RICH MEDIA</a></li>
        </ul>
this code presently has a * for the PORTFOLIO link
i need to know how can I make the PORTFOLIO not have a link and just work with a mouseover so I get the hover but just the <li> items have links?
Oi tried to remove the href= but then I lose the text in the css sheet.
any help?
rd

If your question is your main menu item is PORTFOLIO and you do not want it linked to another URL then use the default notation as follows:
     <li><a class="MenuBarItemSubmenu" href="#"> PORTFOLIO</a></li>

Css - linking to header image

Hello,
I'm building a Web site using CSS. I refer to the header
image file within the #header part of my CSS - "background-image:
url(../images/header_birnweb.jpg);
background-repeat: no-repeat; "
Then I merely create a header division in my HTML file:
<div id="header"></div>
But now my client wants to link to the the header image to
the site index page. How do I do that?
Thanks,
Lee

Other than a transparent image nested inside the DIV, I'm not
too sure of
any other way.
One question: is there a reason you're doing it like that,
instead of using
the <img> tag? Cleanliness? Ease?
Just curious ...
Shane H
[email protected]
http://www.avenuedesigners.com
=============================================
Proud GAWDS Member
http://www.gawds.org/showmember.php?memberid=1495
Delivering accessible websites to all ...
=============================================
"VinnieVee" <[email protected]> wrote in
message
news:e5nljb$e4r$[email protected]..
> Hello,
> I'm building a Web site using CSS. I refer to the header
image file
> within
> the #header part of my CSS - "background-image:
> url(../images/header_birnweb.jpg);
> background-repeat: no-repeat; "
> Then I merely create a header division in my HTML file:
<div
> id="header"></div>
>
> But now my client wants to link to the the header image
to the site index
> page. How do I do that?
>
> Thanks,
> Lee
>

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

Probably a simple Apache2 html/php root links question

Alright I need some basic help here...
I remember awhile back ago I could use / to specify the root of the web server in a php file. So say I wanted to link to an image at /wwwroot/images/image.gif from an index.php file in /wwwroot/pages/stuff/index.php, all I needed was
<img src="/wwwroot/images/image.gif">
vs.
<img src="http://website.com/wwwroot/images/image.gif">.
The top old method does not seem to work anymore, the image isn't found unless I do a complete URL link. I tried googling for this but its not coming up with anything relevant to my question. Is there an option in the httpd.conf file, or a different character instead of /?
Thanks for any help

Actually, OP wants to set opacity for non-disabled items Also, if you use jQuery you also don't need to use this "each"-construction as that is totally unnecessary. You can simply chain the "css" part to the returned array, like this
$('input.popup_lov:not(:disabled)').css('opacity','100');
I don't think you need to use jQuery here though. You can use css to override the default style by using that selector and adapting it to your theme or adding important to the rule.
Eggsample:
In theme 24 the opacity is set to 0.75 through this rule (note: formlayout for the region template):
table.formlayout td.lov input.popup_lov
To override this style you would need a selector that has more specificity ("weight") than this selector. Eg
table.formlayout td.lov input.popup_lov:not(:disabled)
Or in this case I'd say that using !important can be feasible as that'll cover the use of the popup lov everywhere.
input.popup_lov:not(:disabled){
opacity: 1 !important;

Css link question

Similar Messages

Maybe you are looking for