Styles different links in the body and the footer?

Similar Questions

• IS THIS POSSIBLE AND IF YES COLOR 'HOW' TO HAVE DIFFERENT LINKS ON THE SAME PAGE?

  Hello

  IS THIS POSSIBLE AND IF YES COLOR 'HOW' TO HAVE DIFFERENT LINKS ON THE SAME PAGE?

  How to replace the color of Page link?

  See you soon,.

  Dreamer101.1

  Yes, it is possible, using CSS.

  Here's how. You already know that the link colors are set in the following css rules:

  • a: link
  • a: active
  • a: visited
  • a: hover

  All you have to do to have another set of links of different colors is to create another set of rules that set different colors and also have different names:

  • a.name1:link
  • a.name1: active
  • a.name1:visited
  • a.name1:hover

  Can link you these rules to the anchor as a class tag: something.

  You can have as many sets of rules to link given that the names you can think of.

  Happy linking!

• Need help with styles of different links on the same page

  Hello

  I use Dreamweaver CS4 on a PC.

  I searched through a large number of posts during the last two days, I tried the tutorial projectseven.com, google would, etc., but still may not know...

  All I want to do is apply a different link color to some links at the bottom of my page. Elsewhere on the site, I put the color blue (for the link) and orange (for the hover)-for footer links, I want the link to be white and the hover to stay orange color.

  The problem with the projectseven tutorial is that it seems not to apply to the CS4 and I kept getting error messages when you try to apply a new CSS rule - there is no class. Tag | Advanced according to the instructions...

  I copied the code to my page for this. The links I want to apply a different style to are contained in the DIV called "Footer-Navigation-Bar.

  Could someone please give me some instructions or point me in the right direction please?

  Thank you very much

  Vickie

  <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional / / IN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > ""
  <!-saved from url = (0014) subject: internet->
  "< html xmlns ="http://www.w3.org/1999/xhtml">".
  < head >
  < meta http-equiv = "Content-Type" content = text/html"; charset = utf-8 "/ >"
  <!-TemplateBeginEditable name = "doctitle"-->
  the < title > Australia subscribe to the family - it's free! < /title >
  <! - TemplateEndEditable - >
  "" < link href = "... / family - subscribe.css" rel = "stylesheet" type = "text/css" / >
  "" < script src = "... / SpryAssets/SpryMenuBar.js" type = "text/javascript" > < / script >
  "" < link href = "... / SpryAssets/SpryMenuBarHorizontal.css" rel = "stylesheet" type = "text/css" / >
  <!-TemplateBeginEditable name = "head"->
  <! - TemplateEndEditable - >
  < style type = "text/css" >
  <!--
  a: link {}
  color: # 30;
  text-decoration: none;
  }
  a: hover {}
  color: #F30;
  text-decoration: none;
  }
  a: visited {}
  text-decoration: none;
  }
  a: active {}
  text-decoration: none;
  }
  ->
  < / style > < / head >

  < body >
  < div id = "container" >
  < div id = "banner" >
  < ul id = "family-subscribe-menu" class = "MenuBarHorizontal" >
  "< li > < a href ="... / index.html "> home < /a > < /li >"
  "< li > < a href ="... / subscribe.html "> Subscribe < /a > < /li >"
  "" < li > < a href = "... / family - advertise.html" > announced < /a > < /li >
  "" < li > < a href = "... / family - articles.html" > items < /a > < /li >
  "" < li > < a href = "... / family-sign - in .html" > questions < /a > < /li >
  "" < li > < a href = "... / family - contribute.html" > Contribute < /a > < /li >
  "" < li > < a href = "... / family - contact.html" > Contact < /a > < /li >
  < /ul >
  < / div >
  "" "" < div id = "sidebar" > < a href = "... / family-sign - in .html" > < img src = "... /images/Launch-issue.jpg" alt = "number of launch" width = "220" height = "380" hspace = "4" / > < / has >
  < div id = "sidebar-image2" >
  "" < p > < img src = "... / pictures/sleeping bag for Web.jpg" width = "220" height = "151" alt = "sleeping bag" / > < / p >
  < p > Kozy Koala™ Sleeper pillow is ideal for summer nights when children want to sleep or when go you camping. The camper all-in-one pillow is composed of... [MORE] < /p >
  < / div >
  < div id = "sidebar-image3" >
  "" < p > < img src = "... / pictures/solrx for Web.jpg" width = "220" height = "164" alt = "sunscreen" / > < / p >
  SolRX® solar filters are very sweaty and resistant to the water-ideal for anyone who leads a life active outdoor... whether you are in the water or not! [MORE] < / div >
  < / div >
  <!-TemplateBeginEditable name = "content-area"->
  < div id = "main content" > main content < / div >
  <! - TemplateEndEditable - >
  < div id = "footer" >
  "" < div id = "page-navigation-bar foot" > < a href = "... / family - about.html ' > on < /a > | "" < a href = "... / family - advertise.html" > announced < /a > | "" < a href = "... / family - contribute.html" > help < /a > | "" < a href = "... / family - contact.html" > contact < /a > | "" < a href = "... / family - unsubscribe.html" > unsubscribe < /a > < / div >
  < div id = "foot of page-text" > Family Australia | ABN 33150685385 | "For all advertising inquiries, please contact < a href ="mailto:[email protected] "> [email protected] < /a > < br / >"

  Copyright © 2010 family Australia. All rights reserved.
  < / div >
  < / div >
  < / div >
  < / div >
  < script type = "text/javascript" >
  <!--
  var MenuBar1 = new Spry.Widget.MenuBar ("family-subscribe-menu", {imgDown: "SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});})
  ->
  < /script >
  < / body >
  < / html >

  The links I want to apply a different style to are contained in the DIV called "Footer-Navigation-Bar.
  ......
  ......
  a: link {}

  color: # 30;
  text-decoration: none;
  }
  a: hover {}
  color: #F30;
  text-decoration: none;
  }
  a: visited {}
  text-decoration: none;
  }
  a: active {}
  text-decoration: none;
  }

  Hello

  You can see the CSS that applies to your links above.  If you have links you want to style in a different way, just write the rule as follows:

  #Footer - Navigation - Bar has: link {}

  color: Red;

  text-decoration: none;

  }

  Or whatever.  There are other ways, but this will make you as you already have these links you want to style differently in a div with its own code.  The new rule comes after other rules in your CSS I think that to make sure of the cascade, well thinking about, there is something called specificity in the CSS, which means that the rule I suggest will win anyway.  Everything you do in my suggestion is to select one: a link that is a descendant of an element with particular ID.

  I hope this helps.  I am a novice and might have gotten a little fuzzy with the waterfall/specficity but good, I think you get where you want to go...

  Martin.

• Set a style different cases for the same placeholder (data fusion) used two times in the same text

  Hello.

  I have a document with some parties updated with the fusion of data (via placeholders). Is it possible to set a style of different cases for the same placeholder in the same text. See the example:

  Mike runs its < < vehicule_placeholder > > in the city. But its < < VEHICULE_PLACEHOLDER > > is meant to be shared.

  If the value of this placeholder in the file merger is 'bike', the sentence should be:

  Mike runs his bike in the city. But his BIKE is meant to be shared.

  Is this possible? How?

  Thank you.

  You can do it. A character style for this configuration placeholder text, set in all caps.

• Styles of multiple links on the same Page - problems

  Thanks in advance for your help. With the help of CS5.5

  Problem:
  I'm designing a model that uses images by hovering in the top nav links. When the style
  other links in the main content and the footer, sections, the style becomes hereditary since the links at the top.

  Tried everything, including:
  -Spry
  -separate style sheet for the page footer
  -Renaming the div
  -using the class instead of div

  -renamed CSS
  -curse/pray/crossing my fingers

  Have not tried to reinstall the software.

  Here is the html and CSS (as attached):

  HTML

  <!-TemplateBeginEditable name = "doctitle"-->
  < title > Untitled Document < /title >
  <! - TemplateEndEditable - >
  "" < link href = "... / _css/pages.css" rel = "stylesheet" type = "text/css" / >
  <!-TemplateBeginEditable name = "head"->
  <! - TemplateEndEditable - >
  < / head >

  < body >
  < div id = "outerWrapper" >
  < div id = "headerPages" >
  < ul >
  < li > < a href = "#" > link 1 < /a > < /li >
  < li > < a href = "#" > Link 2 < /a > < /li >
  < li > < a href = "#" > link 3 < /a > < /li >
  < li > < a href = "#" > Link 4 < /a > < /li >
  < li > < a href = "#" > link 5 < /a > < /li >
  "< li > < a href ="... / index.htm "> link 6 < /a > < /li >"
  < /ul >
  < div id = "logo" > placeholder logo < / div >
  <!-TemplateBeginEditable name = "pageTitle"->
  < div id = "pageTitle" >
  "" < h1 > < img src = "... /_images/NAV-Icon-Big.jpg" width = "66" height = "66" / > Page title < / h1 >
  < / div >
  <! - TemplateEndEditable - >
  < / div >
  < div id = "contentWrapperPages" > <!-TemplateBeginEditable name = "mainContent"->
  < div id = "contentCol1Pages" >
  "< p > < a href ="... / web - design.htm "> 1 < /a > < /p > column"
  < / div >
  <! - TemplateEndEditable - > <!-TemplateBeginEditable name = "sidebarContent"->
  < div id = "contentCol2Pages" >
  < p > < a href = "#" > column 2 < /a > < /p >
  < / div >
  <! - TemplateEndEditable - >
  < / div >
  < / div >
  < div id = "footer" >
  < ul >
  < li > < a href = "#" > the footer elements go here < /a > < /li >
  < /ul >
  < / div >
  < div id = 'copyright' >
  < p > & copy; 2011 < /p >
  < / div >

  < / body >
  < / html >

  CSS

  {body
  background: #EEF4F7;
  }
  {#outerWrapper}
  Width: 960px;
  margin-right: auto;
  left margin: auto;
  Background: #FFF;
  }

  #logo {}
  Width: 200px;
  height: 75px;
  padding-top: 10px;
  }
  #logo img {}
  padding-left: 50px;
  text-align: center;
  vertical-align: middle;
  }
  {#pageTitle}
  height: 66px;
  Width: 525px;
  top of the margin: 30px;
  }
  #pageTitle img {}
  padding-right: 10px;
  text-align: center;
  vertical-align: middle;
  padding-left: 25px;
  }
  #pageTitle h1 {}
  do-size: 2em;
  make-style: italic;
  color: #039;
  do-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
  vertical-align: middle;
  margin: 0px;
  padding: 0px;
  }

  {#headerPages}
  Background: url (.. /_images/pages-Header.jpg) no-repeat;
  height: 200px;
  Width: 960px;
  }
  #headerPages ul {}
  list-style: none;
  float: right;
  / * width [disabled]: 680px. */
  }

  #headerPages ul li {}
  float: left;
  }
  #headerPages ul li a {}
  text-decoration: none;
  display: block;
  do-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
  }
  #headerPages ul li a: link, a: visited {}
  padding: 5px 15px of 35px.
  color: #039;
  }
  #headerPages ul li a: hover, a: active, a: {emphasis
  padding: 5px 15px of 35px.
  Background: url (.. top of /_images/NAV-ICON2.jpg) no-repeat center;
  color: #039;
  }

  {#contentWrapperPages}
  Background: #FFF url (none) horizontal;
  float: left;
  Width: 960px;
  padding-bottom: 15px;
  Police-family: 50;
  }
  #contentWrapperPages a: link, a: visited {}
  color: #039;
  text-decoration: none;
  }
  #contentWrapperPages a: hover, a: active, a: {emphasis
  color: #0 C 0;
  text-decoration: none;
  }
  #contentWrapperPages img {}
  float: left;
  height: 75px;
  Width: 75px;
  }
  {#contentCol1Pages}
  Background: #FFF;
  float: left;
  Width: 650px;
  padding-right: 10px;
  padding-left: 10px;
  margin left: 25px;
  margin-right: 10px;
  }

  {#contentCol2Pages}
  Background: #FFF;
  float: left;
  Width: 200px;
  padding-right: 10px;
  padding-left: 10px;
  Clear: right;
  }
  #footer {}
  Width: 960px;
  Background: #FFF;
  margin: 0px auto;
  Clear: both;
  height: 50px;
  }
  #footer ul {}
  list-style: none;
  text-align: center;
  / * Displays [disabled]: block; */
  }
  #footer ul li {}
  display: block;
  text-align: center;
  }
  #footer ul li a {}
  padding: 10px 5px;
  color: #039;
  text-decoration: none;
  }
  #footer ul li a: link, a: visited {}
  do-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
  color: #039;
  }
  #footer ul li a: hover, a: active, a: {emphasis
  color: #0 C 0;
  }

  #copyright {}
  Width: 960px;
  margin: 0px auto;
  }

  #copyright p {}
  do-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
  text-align: center;
  }
  

  Much better if you post your problem webpage and post a link here so we can see the direct page in our browsers.

  However, the first glance to the CSS, the syntax of selectors together needs to be amended.

  Each element separated by commas in a grouped list of selectors should be clearly explained in its entirety

  e, g,

  change

  #headerPages ul li a: link, a: visited {}

  padding: 5px 15px of 35px.

  color: #039;

  }

  #headerPages ul li a: hover, a: active, a: {emphasis

  padding: 5px 15px of 35px.

  Background: url (.. top of /_images/NAV-ICON2.jpg) no-repeat center;

  color: #039;

  }

  TO

  #headerPages ul li a: link, #headerPages ul li a: visited {}

  padding: 5px 15px of 35px.

  color: #039;

  }

  #headerPages ul li a: hover, #headerPages ul li a: active, #headerPages ul li a: {emphasis

  padding: 5px 15px of 35px.

  Background: url (.. top of /_images/NAV-ICON2.jpg) no-repeat center;

  color: #039;

  }

  It is for all other groups of rules separated by commas.

• Personal link on the header of the Application (Section Logo)

  Hello

  We want to add a link custom request header - section Logo, which is a link in the section logo secondary to use as a link on header brand logo and it redirects to the home page. We want to add a different link to the image of the secondary logo on the header section.

  I was looking at the menu extension user's guide, it provides the link on the header section. Please let me know if there any custom option available to the general public to do this. Ortal

  Kind regards
  Kumar

  Hi Kumar,

  I don't think that we support this extension.

  Fortunately, there is a solution, you can manually add your code in the file ascx directly.

  These files are:

  % ProdikaHome%/Web/WebCommon/Controls/LoginPageSuiteHeader.ascx,

  % ProdikaHome%/Web/WebCommon/Controls/SuiteHeader.ascx,

  %ProdikaHome%/Web/WebCommon/controls/SuiteHeaderSupplier.ascx

  Thank you

  Wensong

• The download link of the SDK of AE CC 2014 seems broken...

  The download link of the software development kit is currently underway to a 404 error page:

  http://www.Adobe.com/devnet/AfterEffects/SDK/cc2014_eula.html

  Is there a mirror site to download the SDK (or someone can prod one that maintains the link to fix)

  THX.

  The link you pasted here doesn't seem to work, but is a different link on the SDK download page:

  After the agreement of license CC 2014 plugin SDK of effects | Adobe Developer Connection

• Added information to the footer

  Hello, I am new on using business catalyst and am managing a site for a client to use it. We are eager to add a "Powered By:...' link in the footer of the site." Is there a guide to help somewhere who can provide more information on how we can do?

  I appreciate it.

  In your model files, add a door content.

  So in/_System/ContentHolder/create a file of "footer - info.html. Then place all your info you want in that.

  Once registered, place it in the model by typing: {name = 'foot of page-info' module_contentholder}

  This way it will be on all pages (because its in the model) and if it needs to update, simply change it in one place. (Cause its in support of content)

  This link might help - module_contentholder | Developers of enterprise catalyst

• How to make a very short page any longer the footer appears so under screen

  I am new to Dreamweaver and having a problem to find how to make a page (contact) very short longer so that the footer appears below the screen.  Currently the footer shows Mid-screen because the page is so short.  Thank you!

  Since you haven't posted any code, I guess that you have a CSS rule in your style sheet main governing the footer.

  You cannot add a margin-top to this rule because it would affect the footers on ALL your pages.

  I suggested a styleblock only on the contact page which would negate the main style sheet on the contact page

  This would be thesection of the contact page.

• How to create a hyperlink in the foot?

  I have a document with several pages... I am creating a hypertext link in the footer throughout the document.  Is there a way to do this easily?

  Use a button form field, then right-click (in form editing mode) and select duplicate through the Pages...

• need help with insert sitemap in the footer with the adobe site map muse

  Hi I need help, to know how to insert a site map link in the footer of a page Web in muse Adobe.

  a quick google search just shows how to create a site map, but no mention of how to get a clickable link to a sitemap on a Web footer.

  any help would be appreciated.

  Hello

  You can try to front page of the site hyperlink to any text that would open the sitemap on the mouse action.

  For example, domain.com/sitemap.xml, enter in this format in hyperlink with any text or image that you can place on the page footer area.

  Thank you

  Sanjit

• [FM11] Print the link to the Image and the markers of Index with the specific character Style

  Hello

  I'm new with scripts for Framemaker. I want to export FM docs to RTF, so I can import into InDesign. For placed images I want to insert a line of text that shows the link to the image (reference). In addition, I want to show the Index markers at the insertion location of brand with a different character Style. Can someone help me with this?

  Best regards, Sjoerd

  Sjoerd Hello,

  A note on your method to retrieve all related graphics: this will also deal with graphics that could be linked in master pages and reference. Just to be safe against unwanted side effects, you should limit your list of charts to those in the main flow of your document.

  On the tLoc: looking for really the cornerstone of the anchored frame that contains the chart. It's a little confusing that FM called the anchored frame and any graph of the same name. Even if you add a framework anchored in the text to an equation or a text box in your document, the anchored frame will appear in the list of the chart in the document. If you have a framework anchored containing an imported graphic file, you have a list of graphic objects inside the anchored frame, who himself appears in the list of graphical objects in the document.

  This function should do what you want to do:

  function ListGraphics (doc)

  {

  var had is doc. FirstGraphicInDoc;

  While (had. {ObjectValid()})

  If (aframe.constructor.name == "Eu") {}

  image = had. FirstGraphicInFrame;

  If (graphic.type is Constants.FO_Inset)

  doc. AddText (had. TextLoc, graphic. InsetFile);

  }

  had had =. NextGraphicInDoc;

  }

  }

  I suppose you also want to remove the anchored frames (imported image files) the text. This can be done in the same routine, but you first have to catch the next element in the linked list graphics in the doc before deleting the current. If you do not delete the first and end up with an object not valid. The method simpler and more secure to do is to create an array of items to delete. After the while loop, you delete these objects. Get the complete code looks like this:

  function ListGraphics (doc)

  {

  var toDelete = [];

  var had is doc. FirstGraphicInDoc;

  While (had. {ObjectValid()})

  If (aframe.constructor.name == "Eu") {}

  image = had. FirstGraphicInFrame;

  If (graphic.type == Constants.FO_Inset) {}

  doc. AddText (had. TextLoc, graphic. InsetFile);

  toDelete.push (had);

  }

  }

  had had =. NextGraphicInDoc;

  }

  for (i = 0; i< todelete.length;="" i++="" )="">

  toDelete [i]. Delete();

  }

  }

  This works on a small test file created. If you are in need of more support, do not hesitate to contact me: jang to jang dot nl

• How the style of link by default chance?

  I m wondering how chance different link States color and decoration? Now the default is blue and underlined. Ok. This can be done with embedded html / css, but there must be a simple solution in Muse?

  You can change the link styles, click on hyperlinks > edit styles link or changing the properties of the site:

  http://take.Ms/CDpfZ

  Thank you

  Sanjit

• Inheriting style #main - content on the sidebar a: link

  The sidebar can "inherit" style #main - content on the links in the sidebar...

  What can I do to have a different style for the sidebar on 10 or if the pages of my site?

  See the site at: artdesignsneed.com/joeldoctor

  Example of style in the code for sidebar_right_inner link:

  #sidebar_right_inner p a: link {}
  color: #1A619A;
  border-bottom: 1px solid #1A619A;
  text-decoration: none;
  }

  Thank you very much!

  CSS link States pseudo-classes

  You must define a set full of States of active link (link, visted, hover,) for each name ID or class required.

  Let's say you want to have the white and the red links in your #header in your #footer.

  CSS:

  #header a {text-decoration: none}

  #header a: link {color: red} / * unvisited * /.

  #header a: visited {color: gray} / * visited * /.

  #header a: hover, / * more than mouse * /.

  #header has: active, / * click * /.

  #header has: focus / * tab key * /.

  {text-decoration: underline}

  #footer a {text-decoration: none}

  #footer a: link {color: white}

  #footer a: visited {color: yellow}

  #footer a: hover,

  #footer a: active,

  #footer a: focus

  {text-decoration: underline}

  HTML:

  Link in the header .

  Link in the header .

  Link in the header .

  Footer link |

  Footer link |

  Footer link |

  Several pseudo CSS classes on:

  http://www.w3schools.com/CSS/css_pseudo_classes.asp

  Nancy O.
  ALT-Web Design & Publishing
  Web | Graphics | Print | Media specialists
  http://ALT-Web.com/
  http://Twitter.com/ALTWEB

• Link to the add-on broken - Tree Style Tab

  The add-on "Tree Style Tab" seems to have a broken link on the Mozilla site. The button on the page Add on that says 'Add to Firefox' points to an add-on called 'Hide My SSA IP Checker'. Attempts to install the add-on from the tree Style tab install the 'Hide My SSA IP Checker"instead.

  Here is the link that I use to access the Tree Style Tab page:

  https://addons.Mozilla.org/en-us/Firefox/addon/tree-style-tab/

  And here is the link provided by the button "add to Firefox":

  https://addons.Mozilla.org/Firefox/downloads/file/215288/hide_my_ass_ip_checker-1.5.1-fx.xpi?src=DP-BTN-primary

  I tried to re - install the Tree Style Tab add-on and ran into a problem. Can you please fix the link? Thank you.

  Rob

  Hello, please try to clear the cache and cookies from addons.mozilla.org and reload the page.