Skip navigation
Cammy Heggie
Cammy Heggie
Currently Being Moderated

Inline Element Styles not in DW HTML...

Jun 24, 2012 12:09 PM

Tags: #jquery #cs5.5 #dreamweaver #javascript

I have been trying to use a jquery horizontal menu which I downloaded and have successfully implemented it into my dreamweaver page.

 

But I want to adjust the width and height of the actual links <a> tags but the CSS will not allow me to do it

 

I notice that when I view source in the browser there is a div class "holder horizontal" attached to each menu item, <a> tag and it has inline style for width and height - but it isn't in the HTML page.

 

I've checked the jquery file and cannot find any sign of a width or height style for a "holder horizontal" div

 

I want to know where these inline element styles are which are controlling the width and height of the menu so I can edit them...

 

Please can someone help me with this as I have reached a brick wall and cannot get anywhere further…

 

Many thanks in advance..

Cammy

682 Views   8 Replies   Latest reply: Cammy Heggie, Jun 26, 2012 12:16 AM
 
Replies
  • SnakEyez02
    Currently Being Moderated
    1. SnakEyez02,
    Jun 24, 2012 12:37 PM   in reply to Cammy Heggie
    Report

    You cannot assign a width/height to an "a" tag.  The "a" tag is an inline element.  You could set it to "display:block;" to change it to a block-level element but depending on the layout, you may want to assign the width/height to the block-level container of the "a" tag.

     
    |
    Mark as:
  • Nancy O.
    Currently Being Moderated
    2. Nancy O.,
    Jun 24, 2012 12:38 PM   in reply to Cammy Heggie
    Report

    Most likely, the styles are being applied by JavaScript.  Can you post a ink to your page?

     

     

    Nancy O.

     
    |
    Mark as:
  • Cammy Heggie
    Currently Being Moderated
    3. Cammy Heggie,
    Jun 24, 2012 1:18 PM   in reply to SnakEyez02
    Report

    I am working on it locally, I know that an a tag is an inline element and presumed that after much investigation the div "horizontal holder" with inline styles of width and height must be coming from the javascript. As a nubie with no javascript experience I don't know how to remove these styles. I've looked at the file but its like double dutch to me. Will try and post it later as I am at work just now.

    MAny thanks for all your help...

     
    |
    Mark as:
  • Cammy Heggie
    Currently Being Moderated
    4. Cammy Heggie,
    Jun 24, 2012 1:23 PM   in reply to Cammy Heggie
    Report

    Heres the HTML of my DW page and screenshot of the page in browser...

     

    <div class="container">
          <div id="CS5Icons"><img src="images/CS55icons.png" width="199" height="37" alt="cs5 icons" /></div>


          <div id="followme"><img src="images/socmedicons.png" width="188" height="37" alt="facebook" />
          <!-- end .followme -->
          </div>
          <div id="menu-wrap">
    <div class="menu-horizontal">
    <a href="#" class="active">Home</a>
    <a href="#">Portfolio</a>
    <a href="#">About me</a>
                                                <a href="#">Contact</a>
    </div>
                                        </div>

     

     

     

     

     

    ScreenShot.jpg

     
    |
    Mark as:
  • Nancy O.
    Currently Being Moderated
    5. Nancy O.,
    Jun 24, 2012 1:42 PM   in reply to Cammy Heggie
    Report

    Screenshots of code just make our eyes hurt. Can't really see anything.  For best results in this forum. you must upload your page and dependant files to a web server space and post the URL for us to see in our browsers.  We can find the code with our developer tools.

     

    Nancy O.

     
    |
    Mark as:
  • Cammy Heggie
    Currently Being Moderated
    6. Cammy Heggie,
    Jun 24, 2012 1:48 PM   in reply to Nancy O.
    Report

    Ok, will do that to my free webspace later. Thanks again

     
    |
    Mark as:
  • Cammy Heggie
    Currently Being Moderated
    7. Cammy Heggie,
    Jun 25, 2012 1:40 AM   in reply to Cammy Heggie
    Report

    Ok here is the url of my site - its very much still in development but could do with some expanation on where the "horizontal holder" div is.

     

     

    http://www.heggie5.webspace.virginmedia.com/index.html

     
    |
    Mark as:
  • Cammy Heggie
    Currently Being Moderated
    8. Cammy Heggie,
    Jun 26, 2012 12:16 AM   in reply to Cammy Heggie
    Report

    So, I've found out that these divs and the inline styles are controlled by the jquery. Does anyone know if it's easy to edit the js to alter these widths? I can use the !important in my CSS but to me that is a quick fix, I like to get to the root of all problems...

     
    |
    Mark as:
Actions

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points