Hi I am slightly confused with using CSS to control links.

I have set the Hover,active and visited colour properties.
the issue is that once a link has been visited the hover colour no longer shows up.
So I tried removing the visited colour and now even when i hover it is staying the default purpleish.
please advise on how to keep the links one colour except when hovering

To get best results in all browsers, a:active MUST follow a:hover in the CSS definition order. A simple memory device for link order is " LiVHA" for link, visited, hover, active.
CSS:
a:link {color: #FF0000}     /* unvisited link */
a:visited {color: #00FF00} /* visited link */
a:hover {color: #FF00FF}    /* mouse over link */
a:active {color: #0000FF}   /* selected link */
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com

Similar Messages

Centering Images using CSS but having links on the Images

Hi all,
I have a problem on centering an image using CSS. I read on many forums that you have to use margin-left , margin-right and set to auto. and also set the display:block which I had done.
The problem is if I want to have a link from the image. Because I have set the display to block, the link will span the entire container containing it! How do I resolve that? I only want the image to be linkable and not the entire container!
Thanks for reading!

Murray *ACP* wrote:
Because I have set the display to block, the link will span the entire container containing it!
That's incorrect. If the display:block is applied to only the IMAGE, the anchor tag will be exactly the same dimensions as the image and will not fill the container.
Hi Murray,
Weirdly it does in my experiments. (code below). Even if I set the 'a' tag to the width of the image it still makes the whole <div> container clickable:
<!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" />
<title>Untitled Document</title>
<style type="text/css">
#imgWrapper {
    width: 900px;
    margin: 0 auto;
    border: 1px solid #000;
#imgWrapper img {
    margin: 0 auto;
    display: block;
</style>
</head>
<body>
<div id="imgWrapper">
<a href="http://www.bbc.co.uk"><img src="slice_2.jpg" width="595" height="130" /></a></div>
</body>
</html>

Can't set parameters for embedded audio files using css

I'm embedding numerous audio files in Dreamweaver CS3 using
the <embed> tag. I'm using CSS to control the box size and
other attributes relating to how the file displays on the page, but
I'd also like to set the parameter "autoplay" to false, and
controller to "true," for all of the audio files. I've been doing
this individually for each file (very time consuming), because I
can't figure out a way to do it with CSS. Is there a way to set
those parameters in CSS and apply it to all files?

.oO(teachAA)
>I'm embedding numerous audio files in Dreamweaver CS3
using the <embed> tag.
>I'm using CSS to control the box size and other
attributes relating to how the
>file displays on the page, but I'd also like to set the
parameter "autoplay" to
>false, and controller to "true," for all of the audio
files. I've been doing
>this individually for each file (very time consuming),
Search & replace exists.
>because I can't figure
>out a way to do it with CSS. Is there a way to set those
parameters in CSS and
>apply it to all files?
No. CSS is for presentation, but these parameters belong to
the HTML and
have to be written there.
BTW: The 'embed' element is invalid HTML. If you care about
valid markup
and your site doesn't have to be compatible with really old
browsers
like NN 4 or IE 5.5, then you should use the valid method
using 'object'
elements.
Micha

Using CSS and Javascript to display a div with flash in it, mozilla reloads the flash file!

I am using CSS and Javascript to display a div with an
embedded flash object in it. Mozilla Firefox reloads the flash file
when the div is displayed! (I dont want this to happen, as it's
unexpected functionality, my expectation would be that the flash
file would not change it's state at all, and would remain in
whatever state it was left in.)
I was wondering if anyone has come across this issue and is
there something I can do to prevent this from occurring?
To be more specific, I have a single HTML page with 8 flash
files embedded in it (yeah I know, it's a bit much). I am then
using CSS and Javascript to display (via a numbered link (with an
id)) an equivalent numbered div tag containing the flash file.
Mozilla Firefox reloads the flash object that is in the div.
Internet Explorer will not do this and will instead, load the flash
object only upon initial view of the flash object. All subsequent
links (in IE) will NOT reload the flash object on the page. I'm
guessing this is some kind of difference in the flash player as an
Active X object and the plugin, or is it just IE being clever? Or
am I way off?
Anyway, here is the code...

I am using CSS and Javascript to display a div with an
embedded flash object in it. Mozilla Firefox reloads the flash file
when the div is displayed! (I dont want this to happen, as it's
unexpected functionality, my expectation would be that the flash
file would not change it's state at all, and would remain in
whatever state it was left in.)
I was wondering if anyone has come across this issue and is
there something I can do to prevent this from occurring?
To be more specific, I have a single HTML page with 8 flash
files embedded in it (yeah I know, it's a bit much). I am then
using CSS and Javascript to display (via a numbered link (with an
id)) an equivalent numbered div tag containing the flash file.
Mozilla Firefox reloads the flash object that is in the div.
Internet Explorer will not do this and will instead, load the flash
object only upon initial view of the flash object. All subsequent
links (in IE) will NOT reload the flash object on the page. I'm
guessing this is some kind of difference in the flash player as an
Active X object and the plugin, or is it just IE being clever? Or
am I way off?
Anyway, here is the code...

More info needed on BC Dynamic menus and using CSS with them

Hi all,
The BC Gurus tutorial on Dynamic Menus and how to style them with CSS made no sense to me, unfortunately. The presentation was too rushed and the screen too small to see what was happening.
In a previous question I found out how to apply CSS classes to BC menus after a bit of a run around.
I was putting the # in front of the Item ID name and a . in front of the class name and this was not necessary.
I have further questions though, as I am still struggling to get a BC Dynamic menu to style properly with the CSS I have created.
1. If you choose CSS as the menu type, can you set the font, background colour and rollover state of the menu items in the Dynamic menu section? Or do you have to style it all in the CSS stylesheet?
2. If you choose CSS as the menu type, the option to say how the submenu sits under the root menu disappears. So do you need to set this in the CSS stylesheet? And if so in which element? UL or LI?
3. If you choose CSS/HTML only, how is this different to the option of CSS for the dynamic menu?
4. If you choose CSS as the menu type and if you set a width and height in the menu item, and then set a different width and height in the CSS stylesheet, which width and height wins?
5. If you want a dynamic menu to show on an Android phone, do you have to choose CSS/HTML only and do all the styling in the CSS stylesheet? Or should you avoid dynamic menus all together and just use a UL list in the template? (I am doing a responsive fluid grid layout in DW for the template).
6. I am finding that the dynamic menu I have done, with CSS as the type, does not show and hide the sub menu items properly on an Android phone. Is there a problem with the javascript in Dynamic menus?
Thanks for any help you folks can give on these questions!

.pacnew files are only created if you have modified the default (or a change has been made to the config upstream); in both cases, you should be looking to incorporate the changes.
It seems some new options are being shipped with lxdm: you want those in your config (turning them on or off is a matter for you and the man page to sort out)...

Using CSS class together with CSS Rule

Hi,
I design my web site in Dreamweaver and then use Web
Developer 2005 Express for the dynamic stuff. I amalgamate all the
work I have done in Dreamweaver into 2005 Express. However with the
new server side controls I do not know how to add a CSS class
together with a CSS rule.
In the normal client side control in Dreamweaver I have -
<input name="txtPassword" type="password" class="Input"
id="SpacerBottom" />
In the server side controls the ID keyword is used now -
<asp:TextBox ID="txtPassword" runat="server"
Style="z-index: 107" CssClass="Input" ></asp:TextBox>
I have tried to use the name="txtPassword", but it ignores
this.
I would really like to know how I can use a class and an id
selector with the new server side controls and would really
appreciate some help on this.
Many thanks,
Polly Anna

the explicit " match-any" will do just that.So, a nested ACL can be configured for multiple criteria.
The alternate is a "match-all" where all nested options in your acl MUST be met. Hope this helps.
T

Can I use CSS, htmlTags and Alt tip for text with TLF?

I want to know if it applicaple to use CSS style sheet to format TLF Text?
is it Applicaple to use html tags instead of text with TLF?
is it applicaple to add alt (tooltip when I over some words) with TLF?

Thank you Robin for helpull answer, yes that what I meant by html, I will check the TextConverter Class.
I asked about CSS because my Manager want to control the Format of the text inside Flash using The CSS.
is there a way to format the TLF Markup, or what is the best suggestion instead of CSS?
I didn't try before to add any new capapilities to the architecture, if I want to start adding this what is the place to start from or any done example that demonstrate it.
I am using Flash CS4 not Flash Builder nor Flex.
thank you again for your helpful answer.

Using CSS with Contribute

I just stumbled upon a small hitch in my get-along.
While trying to assign an alignment class in Contribute (that
I had originally created in Dreamweaver) I discovered that I
couldn't figure out how to accomplish this. I have already created
a class and it's in the external style sheet, but I can't figure
out how to associate the picture with the class so that text will
flow around the image.
help!
thanks,
Ron

Thanks for the input. I'm well aware of how to use CSS. The focus of this discussion was really how to get images out of <p> tags, not how to write a bunch of extra CSS to undo what Contribute really shouldn't be doing to images.
I am committed to use CSS on my site, but I am also committed to making that CSS easy to use, which mean working at tag and block levels as much as I can, rather than becoming "class happy". I know I have to use classes to do the left and right alignment, but let me share a specific scenario where CSS shouldn't be used.
I have an <h2> element that is the full width of my container. Below that, I have a <p> element for my paragraph. For my design, I want the paragraph to have 1em of padding. Now, I want an image banner that is the full width of the container, so it can nest under the <h2> and be the same width. If I insert the image in Contribute above the <p>, it puts that in a <p> tag. Now, the image is too wide because it's trying to add padding around something that is already the full width of the page. I can't add a rule to remove the padding from all images, because that would remove padding from images that need it also.
I could write a custom CSS class to resolve this issue, but that takes time, adds to my CSS file size and gums up my dropdown menu with an unnecessary class that's only used to solve this one scenario. Instead, it makes more sense to just break the image out of the paragraph tag and treat it as a block.
This is an example of what I was trying to get Contribute to do. I just needed the image tag as such, an image, not an image inside my paragraph padding rules.
In this case "remove paragraph breaks" is the most logical choice, rather than writing a bunch of CSS to undo Contribute's quirks.

Using CSS With id=form1:txtbox1

Author: Mike12779 Sep 7, 2004 5:27 PM
I am having a problem using CSS with the id's that JSF creates for the components on my page. After specifying an id="txtbox1", the rendering of the page changes my id to "form1:txtbox1". This is giving me problems applying styles to that element by ID. Please let me know if there is a way around this besides having unique classes for the css.

you can use styleClass or style instead of id.
For example,
.text1 { font-size: 14px }
<h:outputText styleClass="text1" />
or
<h:outputText style="font-size: 14px" />
*NOTE: the 'style' at JSF is similiar to 'style' in CSS

How I can load images from Creative Cloud storage in photoshop plugin, created in Extension Builder 3 with use html5/css/js?

How I can load images from Creative Cloud storage in photoshop plugin, created in Extension Builder 3 with use html5/css/js ?

At this point there is no API for accessing the cloud storage outside Adobe's own closed loop.
Mylenium

Can anybody provide me with an example about using CSS to ADF Application ?

Hi all
can anybody provide me with a simple example about using CSS to ADF Application ?
regards

http://biemond.blogspot.com/2009/01/adf-skinning-in-jdeveloper-11g.html

Using CSS with Linked Report Field

I'm using the CSS Style width:150px on a report column that has a link. However, when using a CSS Style on linked column the formatting doesn't work. If I remove the link the width setting takes effect. How can I correct this? If I embedded the link URL in the query data it will format fine so there appears to be something different happen when Application Express generate the link.

When a report column is rendered as a hyperlink, the CSS style you specify is not used, that is used only for regular report columns.
Try putting your style as style="width:150px;" in the Link Attributes in the Column Link section (where you specify the other hyperlink details)

Using CSS with Alert

I'm using CSS to stylet an Alert panel and it's producing the following Warning:
CSS type selectors are not supported in components: 'Alert'
Despite the warning, the css is working, but I don't want to keep seeing the warning.
Here's my css:
Alert{
    backgroundColor: #000000;
    borderColor: #000000;
    buttonStyleName: buttonStyle6;
    dropShadowEnabled: true;
    fontSize: 11;
I've also tried using alert.styleName("myAlert")
where the css is placed into
.myAlert
but that produces the following error:
TypeError: Error #1006: value is not a function.
Is there a better way to style the Alert?

Somehow I posted this in the wrong forum, moving to Java Server Faces.

Viewing layers - using css

Hi
I have just started to use css. When I publish the html page
which uses the css everything looks great but when I try and view
the page in deign view I can only see 1 layer - the footer. The
"prevent overlap box" in the layer panel is not checked and all
layers are "Visable" and all have the "Eye icon" next to them. I
have a horrible feeling that I'm being thick!!. I'm using
dreamweaver MX V6. Can someone PLEASE tell me what I need to do,
learning css is hard enough and I'm afraid my brain is going to
explode if I can't sort this out.
Thanks to anyone taking the time to read this
Welsh Babe
If it's any help you can see the page by going to
http://www.kingsandqueenswales.com/layout.html

>It can get very confusing for people just staring out.
Oh boy, ain't dat de troof!
Jo
"Osgood" <[email protected]> wrote in
message
news:[email protected]...
> Welsh Babe wrote:
>
>> Hi
>> I have just started to use css. When I publish the
html page which uses
>> the css everything looks great but when I try and
view the page in deign
>> view I can only see 1 layer - the footer. The
"prevent overlap box" in
>> the layer panel is not checked and all layers are
"Visable" and all have
>> the "Eye icon" next to them. I have a horrible
feeling that I'm being
>> thick!!. I'm using dreamweaver MX V6. Can someone
PLEASE tell me what I
>> need to do, learning css is hard enough and I'm
afraid my brain is going
>> to explode if I can't sort this out. Thanks to
anyone taking the time to
>> read this
>> Welsh Babe
>> If it's any help you can see the page by going to
>>
http://www.kingsandqueenswales.com/layout.html
>>
>
> I can see all of your layers in v7 of DW design view.
>
> However I'm afraid I have bad news. You are not going
about using css to
> position your elements in the correct way.
>
> Laying out a page using layers, which are absolutely
positioned, is only
> going to get you deeper and deeper into trouble.
>
> If you are wanting to leap from a table design to an all
css design then
> the learning curve is going to be steep and has little,
or nothing to do
> with using layers.
>
> A good all css design uses <div> containers not
layers. Although they
> appear to be the same they are not. It can get very
confusing for people
> just staring out.
>
> A layer is an absolutely positioned container to which
you give a top and
> a left position. IT WILL NOT MOVE FROM THIS POSITION.
This is usually not
> desirable. Test out your current construction by using
the zoom text tool
> available in most modern browsers. See how quickly the
page breaks down as
> the layers being to overlap one another.
>
> A <div> container is mearly a box into which you
load content. You can
> then give it a position on the page by using margin or
you can float
> <divs> to put them side by side.
>
> If you know how to use tables then I would strongly
recomend you stay with
> them until you know how to position correctly using css.
You can still use
> css to style tables, there is nothing wrong with using
simple tables.
>
> If you want to study how to use css correctly for
positioning take some
> time out and read through a couple of tutorials:
>
>
>
http://www.projectseven.com/tutorials/css/qdmacfly/index.htm
>
>
> Tutorial 8 and 9 here
>
>
http://css.maxdesign.com.au/floatutorial/
>
>
>
>
>
>

Organising text into columns using CSS?

Hello again guys,
Another day another problem.
This community has been really friendly and helpful so far with what I'm sure must appear to many of you to be really simply problems, so I'm hoping that you can bear with me and help me out again!
Basically, I'm designing my page using CSS, and I've come to a part where I would like to have 3 columns of text, of a fixed width, with a fixed gap in between. Using my very limited knowledge and experience, I inputted the code that I thought would work, but whenever I go to enter more text, it doesn't jump to a new line when it reaches the maximum width of the column, it carries on on the same line and pushes the rest of the text across.
How do I sort this out?
I can't actually upload my site until Monday, but I've included some screen below which I hope will help.
Thanks again guys.
Text in columns:
http://i51.tinypic.com/2s9vyhg.png
When I type some more, it doesn't stay in the column width:
http://i55.tinypic.com/dlno7b.png
The code that I thought would work:
http://i54.tinypic.com/yjoed.png
http://i56.tinypic.com/2dax46c.png

Hi Murray,
Apologies. I had made a mistake. I've got it working now. Thank you.
Another tiny thing, if you check out this screen:
http://i54.tinypic.com/elcep.png
you can see that the line starts right near the top, and goes all the way down to the bottom.
Is there some way to amend the code that you gave me to adjust the height of the line? I tried adjusting the size of the image but that didn't seem to have an effect?
Ideally, I would like to line at the top of the 'T' of 'This is a news story', and finish at the bottom of the 'M' of 'More'. That height.
Something else which has confused me. I have that 'More' link aligned to the right, and in my design view in DW it is so aligned, but then when I preview the page, it jumps to the left hand side of each column. The alignment seems to disappear when the page is 'live'?
Thanks again for all of your help. You really are a star!

Hi I am slightly confused with using CSS to control links.

Similar Messages

Maybe you are looking for