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..
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.
MAny thanks for all your help...
Heres the HTML of my DW page and screenshot of the page in browser...
<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 -->
<a href="#" class="active">Home</a>
<a href="#">About me</a>
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.
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.
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...