Hyperlink styling troubles...

Hi,
http://www.avenuedesigners.com/
http://www.avenuedesigners.com/css/main.css
The links "Privacy" and "Accessibility" in the footer on the
right-hand
side, show their styled dashed bottom border on hover in
Firefox and Opera
on PC, but not in IE6 & 7.
All other hyperlinks on the page use the exact same code to
show a dashed
bottom border (e.g., the main content links, and also the
"Jump to main
content" link below the navigation bar). IE6 & 7 displays
all of these
correctly, just not the footer links. Why and how can I fix
this?
Thanks for your time,
Shane H
[email protected]
http://www.avenuedesigners.com
=============================================
Back for 2007, close-up magic:
http://deceptivemagic.com
Web dev articles, photography, and more:
http://sourtea.com
=============================================
Proud GAWDS member
http://www.gawds.org/showmember.php?memberid=1495
Delivering accessible websites to all ...
=============================================

Interesting.
In your CSS
#footer .links {float:right; padding-right: 10px; }
if I remove the float:right and make it
#footer .links {padding-right: 10px; }
The links work the way they should with the dashed
border-bottom showing on
hover.
Don't know why this is happening.
Some unrelated errors:
Error: hideOnLoad is not defined
Source File:
http://www.avenuedesigners.com/scripts/external.js
Line: 51
Error: The stylesheet
http://www.avenuedesigners.com/error404.html
was not
loaded because its MIME type, "text/html", is not "text/css".
Source File:
http://www.avenuedesigners.com/
Line: 0
You cannot lose until you give up !!!
"Shane H" <[email protected]> wrote in
message
news:epg533$58u$[email protected]..
> Hi,
>
>
http://www.avenuedesigners.com/
>
http://www.avenuedesigners.com/css/main.css
>
> The links "Privacy" and "Accessibility" in the footer on
the right-hand
> side, show their styled dashed bottom border on hover in
Firefox and Opera
> on PC, but not in IE6 & 7.
>
> All other hyperlinks on the page use the exact same code
to show a dashed
> bottom border (e.g., the main content links, and also
the "Jump to main
> content" link below the navigation bar). IE6 & 7
displays all of these
> correctly, just not the footer links. Why and how can I
fix this?
>
> Thanks for your time,
>
> --
> Shane H
> [email protected]
>
http://www.avenuedesigners.com
>
> =============================================
> Back for 2007, close-up magic:
>
http://deceptivemagic.com
>
> Web dev articles, photography, and more:
>
http://sourtea.com
> =============================================
> Proud GAWDS member
>
http://www.gawds.org/showmember.php?memberid=1495
>
> Delivering accessible websites to all ...
> =============================================
>
>
>

Similar Messages

  • TextArea hyperlink styling

    Although Flex Builder 3 gives a wide variety of controls over
    the style of a TextArea, I have not found a property that allows
    styling of hyperlinks. I would like to be able to have htmlText
    shown in a TextArea to have styling for hyperlinks, including
    different styles for the pseudo-classes of hover, etc.
    I have seen a couple of complex workarounds for this from FB
    2 days, but would love to find a simple or elegant way to
    accomplish this.
    Thanks in advance,
    James

    I have found a way to do this reasonably easily. Here is what
    I did:
    1. Include in <mx:Application>:
    creationComplete="defineStyles();"
    2. ....which refers to this function and the variable it
    needs:
    <mx:Script>
    <![CDATA[
    public var ss:StyleSheet = new StyleSheet();
    public function defineStyles():void
    this.styledTxt.styleSheet = this.ss;
    var h:Object = new Object();
    h.color = "#970909";
    h.textDecoration = "underline";
    ss.setStyle("a:hover", h);
    var a:Object = new Object();
    a.color = "#0066ff";
    a.textDecoration = "none";
    ss.setStyle("a:link", a);
    var v:Object = new Object();
    v.color = "#0066ff";
    v.textDecoration = "none";
    ss.setStyle("a:visited", v);
    var t:Object = new Object();
    t.color = "#0066ff";
    t.textDecoration = "none";
    ss.setStyle("a:active", t);
    ]]>
    </mx:Script>
    3. And id your TextArea as id="styledTxt"
    -=-=-=-=-=-
    You may of course adjust variables above as needed.
    I am using this for an application that imports blog postings
    through HTTPService, and for my content call I use
    htmlText="{gettheItem.lastResult.item.thetext}" referring to that
    HTTPService call. I mention this so that you can know that this
    styling is working on bulk imported data that has anchor links in
    it and is properly showing them with the styling I have specified.
    Note that this posting from the Flashlit blog was helpful to
    me:
    http://rantworld.blogs.com/flashlit/2006/08/styling_flex_te.html
    I hope this is helpful,
    James

  • TLF applying hyperlinks issue

    Hi,
    I have a textArea in which I have assigned a textflow. On the text if I want to apply a hyperlink then I give a URL and target. Now if I haven't applied any other formatting to the text it creates a hypelink and makes the text blue and underlined, which is the normal case.
    Now suppose I change the fontSize of the text and then apply a hyperlink, then the link gets applied, but the text neither gets any color , nor does it become underlined.
    But if I do a Ctrl + Click on the same text, my link gets opened. But the hyperlink styling doesn't get applied.
    This is what I am doing for applying link to some text:
    public function changeLink( urlLink : String, target : String,  extendToOverlappingLinks : Boolean):void
                if ( myTextArea.textFlow && myTextArea.textFlow.interactionManager is IEditManager)
                     IEditManager(myTextArea.textFlow.interactionManager).applyLink( url, _target, extendToOverlappingLinks);        
    So why is this happening ?
    Thanks

    Example in http://blog.flexexamples.com/2009/06/28/styling-hyperlinks-in-a-textfl ow-object-in-flex-4/
    You can copy the code below, which runs correctly.
    <?xml version="1.0" encoding="utf-8"?>
    <!-- http://blog.flexexamples.com/2009/06/28/styling-hyperlinks-in-a-textflow-object-in-flex-4/ -->
    <s:Application name="Spark_TextArea_textFlow_linkHoverFormat_test"
                   xmlns:fx="http://ns.adobe.com/mxml/2009"
                   xmlns:s="library://ns.adobe.com/flex/spark"
                   xmlns:mx="library://ns.adobe.com/flex/halo">
        <fx:Script>
            <![CDATA[
                import flashx.textLayout.conversion.TextConverter;
                import flashx.textLayout.elements.TextFlow;
                [Bindable]
                var markup:String = "<?xml version=\"1.0\" encoding=\"utf-8\"?>"+
        "<TextFlow xmlns=\"http://ns.adobe.com/textLayout/2008\" whiteSpaceCollapse=\"preserve\" fontSize=\"16\" paragraphSpaceAfter=\"15\" paddingTop=\"4\" paddingLeft=\"4\">"+
            "<linkNormalFormat color=\"#00ff00\" textDecoration=\"underline\" />"+
            "<linkHoverFormat color=\"#ff0000\" textDecoration=\"underline\" />"+
            "<linkActiveFormat color=\"#ff00ff\" textDecoration=\"underline\" />"+
            "<format id=\"code\" backgroundColor=\"#000000\" backgroundAlpha=\"0.1\" fontFamily=\"_typewriter\" />"+
            "<p fontWeight=\"bold\">The following excerpt is from <a href=\"http://blog.flexexamples.com/\" target=\"_self\">Flex Examples</a>:</p>"+
            "<p>The following example shows how you can import a TextFlow object from an XML object in Flex 4 by using the static <span format=\"code\">TextFlowUtil.importFromXML()</span> method.</p>"+
            "<p>For more information, see <a href=\"http://blog.flexexamples.com/2009/06/25/importing-a-text-flow-from-an-xml-object-in-flex-4 /\">\"Importing a text flow from an XML object in Flex 4\"</a>.</p>"+
        "</TextFlow>";
                [Bindable]
                var tf:TextFlow = TextConverter.importToFlow(markup,TextConverter.TEXT_LAYOUT_FORMAT);
            ]]>
        </fx:Script>
        <s:TextArea id="txtArea"
                    textFlow="{tf}"
                    editable="false"
                    width="400"
                    horizontalCenter="0"
                    verticalCenter="0" />
    </s:Application>
    PS:
    I used TextConverter.importToFlow instead of TextFlowUtil.importFromString, because the former one is a tlf function under our controls, while the latter one is a flex function. I'm accustomed to take advantage of our own functions.

  • InDesign crashing when running script on large files

    Hello,
    I have created a javascript that will:
    For each InDesign file inside of a specified directory {
    Open the file
    Find all textual elements with the specified character style
    Convert that textual element to a hyperlink
    Export the file to PDF (with a specified export preset)
    Close the document
    The script is working great. However, the script will cause InDesign to crash if it encounters a file with a larger file size.  The script works fine with InDesign files that are less than 50 - 60 MB.  When it hits a filesize that is any larger, InDesign will crash. I am running InDesign CS5.
    Does anyone have any recommendations?
    Thanks!

    I figured out my problem:  I had a block of code in my for loop (which converts all character styles of a given name to hyperlinks) which would set the hyperlink styling properties.  For some reason, this code would crash InDesign when dealing with larger InDesign documents.  I deleted this block of code from my script.
    Here is the code block:
    for(/* looping through the active document */){      .     .     .      ++hyperlinks;
         with(hyperlink) {
              highlight = HyperlinkAppearanceHighlight.none;
              borderStyle = HyperlinkAppearanceStyle.solid;
              visible = false;
              name = foundTexts[i].contents + " :" + id;
    Thanks for everyone's suggestions!

  • No Border

    How can I stop the imported Fireworks HTML in DW pages displaying like this - http://www.opticimage.com/rsd/home.htm  There used to be a simple field in the properties panel called 'border' that I would set to 0 but this has been removed.
    I have asked a similar question on the FW forum but the reply was to learn a more up to date coding language or buy better software packages.  I'm old and simple!  The adage 'you can't teach an old dog new tricks' springs to mind.
    TIA
    DJ

    Take a sneaky peek here - JW Tiling.  Nice graduates logo, rollover menu, hyperlinks - no trouble.  I enjoyed doing that.  But now?  All sorts of agro.
    Looks pleasant enough albeit rather dated and in need of a makeover.
    Does it generate any business for you? Or are you just paying hosting fees year in, year out?
    Is your contact form ever used by real customers or do you only receive spam? If it's never used, why keep it there?
    A simple online digital brochure was maybe OK as a starting point 10+ years ago but web visitors expect a LOT more these days.
    If it's just a hobby for you then that's fine if you expect nothing more from it. Most of your competitors are probably doing much more with their websites.
    If you signed up for a free Wordpress account, you could re-create that site within a day and add a lot more features beside without touching the underlying code.
    Or create a Facebook page for your business and link it to your website. That way, potential customers have more ways to get in touch.

  • Side menu text color

    Hello Muse folks... new at this and I'm working with the template i purchased Muse Templates - Wide | Adobe Muse Template | ThemeForest. If you go to the live veiw and scroll down there will be a menu that appears on the left side. I was able to change the icons in the muse program but i do not see where I can change the text color for hover and click, etc. I also want to change the logo image above but I'm not sure where that's located either. This is my first time to use the program so any assistance would be greatly appreciated. Thank you... smiles!

    Hi Mark,
    You need to go under, "file -> site properties -> content" to change the hyperlink styling. Check the screen shot below.
    And for the logo above check the master page that is applied to the home page and see if you able to locate it there.
    - Abhishek Maurya

  • JS/CS3 hyperlinks trouble: finding a hyperlinkTextDestination

    I'm having trouble finding a hyperlinkTextDestination in a document.
    According to the reference I should be able to refer to a hyperlinkTextDestination by using:
    myDocument.hyperlinkTextDestinations.item(myLabel);
    This statement returns an invalid object.
    I also tried to iterate through the collection of hyperlinkTextDestinations to find the item with my label. Like so:
    for(i = 0; i < myDocument.hyperlinkTextDestinations.length; i++)
    if(myDocument.hyperlinkTextDestinations[i].label == myLabel)
    myDestination = myDocument.hyperlinkTextDestinations[i];
    This is not working either. I did set a label to the hyperlinkTextDestination. When this label is encountered myDocument.hyperlinkTextDestinations[i].label == myLabel evaluates to false!
    How to solve this problem?
    Grtn, Kees

    Hi KvD
    For hyperlink destination you should provide a string (i.e word or character or insertion point) not a frame. After getting the frame label you have to catch textframe's text then add any one of the above said string. May be this will help you.
    Regards
    priyan

  • InDesign CS5 - Hyperlink Trouble

    This should be the easiest thing to do but I am having a great deal of trouble accomplishing my goal. I have a map of the United States with prevelance numbers overlaid as text boxes on each state. (i.e. Tennessee has a text box centered on the state with 12pt '66.5') I am trying to create hyperlinks for each state that work on an exported pdf. The goal is for the numbers on each state to link to that state's health department. Does anyone have tips on the best way to accomplish this? I have attempted working with text anchor, new hyperlink, new hyperlink destination, but am doing some thing wrong. When I export the pdf, I can roll over a text box and the cursor turns into a finger pointing, but the link does not work.
    Thank you for your help,
    eeg

    Should be a hyperlink and its matching destination. Can you give us a screenshot of the hyperlinks windows, please?

  • What's your favorite of styling hyperlinks?

    Hi,
    what's your favorite way of styling hyperlinks?
    Right now I've colored mine C=100 M=100 Y=0 Y=0 and made them underlined. I feel the underlining is a bit too harsh on my overall design. Then again if I don't underline them, how are people suppose to know they're links?
    Spelling out URLs is just not an option. Unless I use TinyURL? They say their links will last forever but who knows for sure?

    That is a question about cultural expectations -- I can't answer that confidently.  The check mark that so often is used in US software to signal 'OK' (as in the spelling checking function where I edit this message) signals 'Error' to me -- and when it is shown in green (as Borland Software did at one point, and as Adobe does here) it signals both 'Error' and 'OK', and produces a kind of 'pulling-both-ways' effect that isn't too pleasant -- to me. I'm not sure I can come up with something that works for you.
    The dialog bubbles may work -- though to me the carry overtones of a footnote or an endnote. But they pretty clearly seem to signal 'more info elsewhere', and that's definitely a step in the right direction.
    I would be looking for something like a bent arrow -- perhaps Unicode U+21AA (↪), or perhaps something similar with a double arrow (Unicode U+21D2, ⇒), except I'd like it to have a similar curve at the left, half suggesting a 'click here to go elsewhere'. (Wingdings 3, character code 0xCA, is close.) But I could probably go for 0x58 in WIngdings 3, rotate it 90 degrees to the right, and perhaps tweak the small box into two smaller boxes of unequal size, suggesting movement.
    Or perhaps just something that suggest a 'click here' -- some of the simpler designs in Altemus Bursts, or Altemus Pinwheel or Altemus Stars might work.
    I would like something that tempted the reader into testing, and so encourage learning-by-doing. That would be helped by a similar symbol going the other way to indicate the 'back' of a web browser.  Arrows help here -- they show a direction. Other designs -- bursts -- won't be a easily understood: what would be a reverse burst?.And what symbol would be used at the target end of the dialog bubbles to suggest 'go back'? (Added: perhaps a quad or square signalling 'end'?)
    Arrows seem safer. Even guillemets might work, as long they won't be misread as quotes of some kind. Guillemets in a circle? There are some such glyphs like that in Wingdings. The standard 'fast forward' and 'fast backward'  glyphs (in Webdings, say) may also work.
    Actually ... this is the kind of problem I'd might want to suggest for a small project for a class for typeface designers.

  • Trouble Styling Tag Cloud

    Hey. I've been having trouble styling my tag cloud. Am I styling the wrong item.
    This is the code that I have for the Blog Post List Layout
    {tag_postlist}
    TAGS
    {tag_blogtagcloud,25}
    {tag_previouspage} {tag_pagination} {tag_nextpage}
    I thought that I would have to style .BlogTagCloud for it to render, but it doesn't seem to be working. Any help would be greatly appreciated. Thanks!

    <style type="text/css">
        .blog-container .wrapper.clear .side-panel {
        position: static;
        font-family: museo-sans;
        .BlogTagCloud a:link, a:active, a:visited {
        font-family: museo-sans;
        color: #000000;
        text-decoration: none;
        .BlogTagCloud a:hover {
        font-family: museo-sans;
        color: #7f7f7f;
        text-decoration: none;
        .blog-container {
        font-family: museo-sans;
        .BlogTagCloud-XX-Large {
        font-size: 24px;
        text-transform: lowercase;
        .BlogTagCloud-X-Large {
        font-size: 22px;
        text-transform: lowercase;
        .BlogTagCloud-Large {
        font-size: 20px;
        text-transform: lowercase;
        .BlogTagCloud-Medium {
        font-size: 18px;
        text-transform: lowercase;
        .BlogTagCloud-Small {
        font-size: 16px;
        text-transform: lowercase;
        .BlogTagCloud-X-Small {
        font-size: 14px;
        text-transform: lowercase;
        .BlogTagCloud-XX-Small {
        font-size: 12px;
        text-transform: lowercase;
    </style>
    <div class="blog-container">
    <div class="wrapper clear">
    <div class="post-list">
    <div style="text-align: center;">{tag_postlist}</div>
    <div style="text-align: center;"><br />
    </div>
    <div style="text-align: center;"><span style="font-size: 18px;">TAGS</span></div>
    <div>{tag_blogtagcloud,25}
    </div>
    <hr />
    <p class="page-nav" style="text-align: center;"><span style="font-size: 12px; font-family: museo-sans;">{tag_previouspage} {tag_pagination} {tag_nextpage}</span></p>
    </div>
    </div>
    <!-- END .wrapper -->  </div>
    <!-- END .blog-container -->

  • CC hyperlinks and styling  individual divs

    I would like to style my hyperlinks depending on the div background colors. I read the  tutorial on psuedo classes but didnt quite undersatnd how to apply it In CC. I copied some info from the tutorial into my stylesheet. Below is a portion of the stylesheet mystyles.css. How would I apply the changes for each div so that they override the settings in page properties. All pages descend from a template page. website can be seen at www.eastsidesedationdentistry.com
    /* Special Rules for Desktops */
    @media only screen and (min-width: 1000px) {
         body {font-size: 100%}
    .gridContainer.clearfix #sidebar div img {
              padding: 10px;
    .gridContainer.clearfix #sidebar div img {
    #website {display:none;
    .maincontent a:link {
              text-decoration: underline;
              color: #FFCC00;
    .maincontent a:visited {
              text-decoration: underline;
              color: #FFCC00;
    .maincontent a:hover {
              text-decoration: none;
              color: #CCCCCC;
              background-color: #333333;
    .maincontent a:active {
              text-decoration: underline;
              color: #FFCC00;
    Thanks
    Andrea

A: CC hyperlinks and styling  individual divs

A.Cambria wrote: Can I assign multiple classes to the same div?  Currently I have  <div id=" main content" class='fluid" >  What is the correct syntax to add the class "row" Can you also explain how to add the .row info to the external style sheet
The class of "row" was just an example - you don't need this unless of course you want to. To create a general style for all links regardless of where they are on the page, you simply add the below to your stylesheet:
a { /* styles here */ }
a:visited, a:active { /* styles here */ }
a:hover { /* styles here */ }
If you want to only color the links within #maincontent, you would add the below to your stylesheet (this would go further down your stylesheet than the above reference):
#maincontent a { /* styles here */ }
#maincontent a:visited, #maincontent a:active { /* styles here */ }
#maincontent a:hover { /* styles here */ }
The div you specified in your message has an id, not a class.
.maincontent styles class="maincontent" in the HTML
#maincontent styles id="maincontent" in the HTML
You can add multiple classes to divs, but not multiple id's. Just separate them by a space.
<div class="maincontent row"></div>

A.Cambria wrote: Can I assign multiple classes to the same div?  Currently I have  <div id=" main content" class='fluid" >  What is the correct syntax to add the class "row" Can you also explain how to add the .row info to the external style sheet
The class of "row" was just an example - you don't need this unless of course you want to. To create a general style for all links regardless of where they are on the page, you simply add the below to your stylesheet:
a { /* styles here */ }
a:visited, a:active { /* styles here */ }
a:hover { /* styles here */ }
If you want to only color the links within #maincontent, you would add the below to your stylesheet (this would go further down your stylesheet than the above reference):
#maincontent a { /* styles here */ }
#maincontent a:visited, #maincontent a:active { /* styles here */ }
#maincontent a:hover { /* styles here */ }
The div you specified in your message has an id, not a class.
.maincontent styles class="maincontent" in the HTML
#maincontent styles id="maincontent" in the HTML
You can add multiple classes to divs, but not multiple id's. Just separate them by a space.
<div class="maincontent row"></div>

  • Hyperlink-trouble after upgrade to CF 7

    Hello
    I am currently editing an old CF site where the host have
    gone from CF 5 to CF 7 (without warning =). All hyperlinks with a
    CF attribute have stopped working for some reason, let me clarify:
    from an SQL like this: (code is rewritten )
    <cfquery name="Course" datasource="CompanyDB">
    SELECT CourseApp2.*, Course.*, CourseDate.*
    FROM CourseApp2, Course, CourseDate
    WHERE CourseApp2.CourseMember_ID = #CGI.QUERY_STRING#
    AND CourseApp2.CourseDateID = CourseDate.CourseDateID
    AND CourseDate.CourseID = Course.CourseID
    ORDER BY CourseStart
    </cfquery>
    there is a CF out as follows:
    <CFOUTPUT QUERY="Course">
    <TR><TD><A
    HREF="../Course/Course.cfm?CourseID=#CourseID#">#CourseName#,
    #CourseCode##CourseDateCode#</A></TD>
    The way the hyperlink is constructed doesnt work, and an
    error stating that CourseID is undefined ( the ?CourseID=#CourseID#
    part of the link)
    It doesnt work where the link is made like this either:
    <A
    HREF="../Course/Course.cfm?CourseID=#Course.CourseID#">#CourseName#,
    #CourseCode##CourseDateCode#</A>
    that is, stating which CourseID you want to use, on those the
    error: CourseID is undefined in Course is thrown.
    It works however if you select CouseID from Course as an
    Alias in the select statement and use the alias in the link.
    This old site has been working fine with this sort of
    notation, has something changed up to CF 7, that have made this
    erroneous? Since i havent written the original code I am reluctant
    to change it before I know whats wrong.
    If you have any ideas or suggestions please reply
    Regards
    Torbjörn

    I would rename your query, so that the cfoutput statement
    will know what you are referring to, something like:
    <cfquery name="getcourseinfo" datasource="CompanyDB">
    SELECT CourseApp2.*, Course.*, CourseDate.*
    FROM CourseApp2, Course, CourseDate
    WHERE CourseApp2.CourseMember_ID = #CGI.QUERY_STRING#
    AND CourseApp2.CourseDateID = CourseDate.CourseDateID
    AND CourseDate.CourseID = Course.CourseID
    ORDER BY CourseStart
    </cfquery>
    THEN:
    <cfoutput query="getcourseinfo">
    <A
    HREF="../Course/Course.cfm?CourseID=#CourseID#">#CourseName#,
    #CourseCode##CourseDateCode#</A><br>
    </cfoutput>
    Let me know if this works.

  • Trouble styling across device views ( Mobile, Tablet, Desktop) in fluid grid layout.

    Hi pros,
    I’m having a problem in Dreamweaver CC laying out and styling my website using the fluid grid layout. For the record, I have not touched the boilerplate.css or JS file and have been using my own.css file to place all my .css in. I’ve managed to get some of the content in little by little but it looks nothing like my mock up. Since I’m new to Dreamweaver and coding in general, I’ve been starting my design in the desktop view. However, when I switch to tablet or mobile view and move something around, it completely moves it when I got back to the desktop view. Also, when I put in on live view or view it in a browser, I get two different looks all together.  I try to make sure that my .css file is selected and under media I tried selecting the predefined media sizes and then under selector, there is usually 3 of each tag (one for each view I’m guessing), I select the tag associated with that view and change the properties from there. That hasn’t worked because when I go to live view or view in the browser, it looks completely off or it will screw with the other views. L
    So here are my specific questions:
    How do I style my elements specifically in each view WITHOUT messing up the desktop, or the other views? Simply clicking on a view using the icons on  the bottom and styling has not worked.
    Why is my live view so different from my browser view? I’m using the presets given in Dreamweaver for the desktop. When I view, say the logo and navigation in live view, everything is aligned but when I switch to my browser (chrome) it’s all crooked.
    Should I be using % throughout all my properties (width, height, margin, padding, positioning)? Currently I have most of my div sized using % but some margins and other properties using px. Will that affect anything?
    Can someone recommend a good tutorial? Everything that I seen either covers the basics that I already know,( adding/moving divs, switch views) but when it comes to the .css styling, they are adding a style sheet from somewhere without showing you how to do it from scratch.
    Should I design the page in a non- fixed layout and then import the .css style sheet from there? If so, how do I do that without messing with the boilerplate.css file.
    I’m taking a course in graphic and web design and we went over this very quickly and was given a lot of the material, however our final project (a full website with 5 pages) must be responsive and built in Dreamweaver. Any advice is greatly appreciated!

    Making an external style sheet.
    Go to File > New > Blank page > CSS. 
    Hit create button.
    Add some style rules to your new style sheet and save it. 
    Link your HTML pages to your new style sheet using the directions below.
    Dreamweaver, Linking HTML to External Style Sheets
    CS6 Fluid Grid layouts (17 min video)
    http://tv.adobe.com/watch/learn-dreamweaver-cs6/using-fluid-grid-layouts/
    Creative Cloud 12.2 Enhancements to Fluid Grid Layouts
    http://blogs.adobe.com/dreamweaver/2013/02/updated-fluid-grids-in-dreamweaver.html
    Step-by-Step tutorial -- Building Fluid Grid Layouts in DW CS6
    http://www.adobe.com/inspire/2012/08/fluid-grid-layouts-dreamweaver-cs6.html
    Nancy O.

  • Hyperlink trouble in JEditorPane

    Hi all,
    I am having real trouble with getting a simple HTML document up and running in JAVA. WHY did they make it so HARD?
    I want to be able to use internal links, e.g click here to go to top of page etc.
    Now apparently I need to add a HyperlinkListener to the JEditorPane. In the code you'll see that i've commented it out. If its left in i get
    DisplayHTML.java:61: addHyperlinkListener(javax.swing.event.HyperlinkListener) in javax.swing.JEditorPane cannot be applied to (DisplayHTML)If i change the start class to:
    public class DisplayHTML extends JFrame implements ActionListener, HyperlinkListenerI get:
    DisplayHTML.java:14: cannot resolve symbolAnd even if it did work there is still a mass of code that needs to be implemented for the internal links to work. grrrrrrrrrrrrr for a language that is meant to be excellent on the web it has poor support for HTML.
    If anyone can shed any light on this I would be grateful. Many thanks
    drb2k2
    Anyway here is the code
    import javax.swing.*;
    import java.awt.*;
    import javax.swing.text.StyledEditorKit;
    import javax.swing.text.html.HTMLEditorKit;
    import java.net.URL;
    import java.net.MalformedURLException;
    import java.awt.event.*;
    import java.io.*;
    public class DisplayHTML extends JFrame implements ActionListener
         Color Background = new Color(100, 135, 220);
         Color Buttons     = new Color(140, 170, 230);
         Container content;
         String Keep;
         JEditorPane jed;
         public DisplayHTML()
              UIManager.put("Button.select", Buttons);     
              content = getContentPane();
              content.setBackground(Background);
              BorderLayout border = new BorderLayout();
              content.setLayout(border);
              JPanel Button_Panel = new JPanel();
              BorderLayout buttons = new BorderLayout();
              Button_Panel.setLayout(buttons);
              Button_Panel.setBackground(Background);
              JButton Save = new JButton("Save");
              Save.setBackground(Buttons);
              Save.setToolTipText("Press here to save the results file in HTML format");
              Save.addActionListener(this);
              Save.setActionCommand("Save");
              Button_Panel.add(Save, BorderLayout.WEST);
              JButton Quit = new JButton("Quit");
              Quit.setBackground(Buttons);
              Quit.setToolTipText("Press here to exit the screen and loose results");
              Quit.addActionListener(this);
              Quit.setActionCommand("Quit");
              Button_Panel.add(Quit, BorderLayout.EAST);
              content.add(Button_Panel, BorderLayout.NORTH);
              String str = new String("file:\\" + System.getProperty("user.dir") + "\\" +"Analysis.html");
              try
                   URL url =new URL(str);
                   HTMLEditorKit lhekFile = new HTMLEditorKit();
                   jed =new JEditorPane();
                   jed.setEditorKit( lhekFile );
              //     jed.addHyperlinkListener(this);
                   jed.setEditable(false);
                   JScrollPane htmlScroll = new JScrollPane(jed);
                   htmlScroll.setVerticalScrollBarPolicy(JScrollPane.VERTICAL_SCROLLBAR_AS_NEEDED);
                   htmlScroll.setHorizontalScrollBarPolicy(JScrollPane.HORIZONTAL_SCROLLBAR_AS_NEEDED);
                   jed.setPage(url);
                   content.add(htmlScroll, BorderLayout.CENTER);
              catch(MalformedURLException e){System.out.println("can't find file");}
              catch(IOException e1){System.out.println("can't load file");}
              setSize(400,400);
              setVisible(true);
         public void actionPerformed(ActionEvent e)
    }

    whoops, forgot to include the code
    import javax.swing.*;
    import java.awt.*;
    import java.net.URL;
    import java.net.MalformedURLException;
    import javax.swing.text.html.*;
    import java.awt.event.*;
    import java.io.*;
    public class DisplayHTML extends JFrame implements ActionListener
         Color Background = new Color(100, 135, 220);
         Color Buttons     = new Color(140, 170, 230);
         Container content;
         String Keep;
         JEditorPane jed;
         public DisplayHTML()
              UIManager.put("Button.select", Buttons);     
              content = getContentPane();
              content.setBackground(Background);
              BorderLayout border = new BorderLayout();
              content.setLayout(border);
              JPanel Button_Panel = new JPanel();
              BorderLayout buttons = new BorderLayout();
              Button_Panel.setLayout(buttons);
              Button_Panel.setBackground(Background);
              JButton Save = new JButton("Save");
              Save.setBackground(Buttons);
              Save.setToolTipText("Press here to save the results file in HTML format");
              Save.addActionListener(this);
              Save.setActionCommand("Save");
              Button_Panel.add(Save, BorderLayout.WEST);
              JButton Quit = new JButton("Quit");
              Quit.setBackground(Buttons);
              Quit.setToolTipText("Press here to exit the screen and loose results");
              Quit.addActionListener(this);
              Quit.setActionCommand("Quit");
              Button_Panel.add(Quit, BorderLayout.EAST);
              content.add(Button_Panel, BorderLayout.NORTH);
              String str = new String("file:\\" + System.getProperty("user.dir") + "\\" +"Analysis.html");
              try
                   URL url =new URL(str);
                   HTMLEditorKit lhekFile = new HTMLEditorKit();
                   jed =new JEditorPane();
                   jed.setEditorKit( lhekFile );
                   jed.setContentType("text/html");       
                   jed.addHyperlinkListener(new javax.swing.event.HyperlinkListener()
                        {public void hyperlinkUpdate(javax.swing.event.HyperlinkEvent e)
                             JEditorPane pane = (JEditorPane) e.getSource();
                              if (e instanceof HTMLFrameHyperlinkEvent)
                                  HTMLFrameHyperlinkEvent  evt = (HTMLFrameHyperlinkEvent)e;
                                  HTMLDocument doc = (HTMLDocument)pane.getDocument();
                                  doc.processHTMLFrameHyperlinkEvent(evt);
                              else
                                  try
                                        pane.setPage(e.getURL());
                                  } catch (Throwable t)
                                  {t.printStackTrace();}
                   jed.setEditable(false);
                   JScrollPane htmlScroll = new JScrollPane(jed);
                   htmlScroll.setVerticalScrollBarPolicy(JScrollPane.VERTICAL_SCROLLBAR_AS_NEEDED);
                   htmlScroll.setHorizontalScrollBarPolicy(JScrollPane.HORIZONTAL_SCROLLBAR_AS_NEEDED);
                   jed.setPage(url);
                   content.add(htmlScroll, BorderLayout.CENTER);
              catch(MalformedURLException e){System.out.println("can't find file");}
              catch(IOException e1){System.out.println("can't load file");}
              setSize(400,400);
              setVisible(true);
         public void actionPerformed(ActionEvent e)
    }

  • Trouble with hyperlinking

    I converted a word document that had some hyperlinks to a
    file on the server and now the hyperlink doesn't work. So I reset
    the link in Adobe Pro 7 and when I emailed the document, the link
    was broken again.
    Why doesn't it retain the links?
    Thanks for any help I can get.
    Lesley

    The forum that handles PDF-related questions. For Windows,
    http://www.adobeforums.com/cgi-bin/webx/.ee6b2f2/.
    For Macintosh,
    http://www.adobeforums.com/cgi-bin/webx/.ee6b2ed/.

  • Maybe you are looking for

    • How to calculate "same store sales"

      Hi, What's the best way to do "same store sales" type calculations in OBIEE? The star schema I'm working from has a "sales" fact that just includes sales per product per store per day. And our "store" dimension includes a "store open date". I'm just

    • Install problem of skype

      install problem of skype in macbook pro

    • Edited iMovie Project has disappeared

      I spent hours editing an iMovie project last night and now the project is no where to be found. The project file is on one of the hard drives of my Mac Pro but the event is on an external hard drive (ejected properly after iMovie was closed properly)

    • Admin.jar deploy error

      I am using OC4J standalone version 9.0.3 on Windows 2000. I played around a little with the admin.jar deploy tools but I could not get it to work. The application runs fine if I edit the configuration files manually (but it seems like it would be nic

    • Flash problems since installing Air

      Since installing AIR, I keep getting error messages in Safari (asking me if I would like to stop the script) whenever there is a flash element on the page (it seems to be related to video, like YouTube videos embeded on the page). Is there something