camdav72 Posted June 23, 2012 Share Posted June 23, 2012 Hello web wizards.I am currently developing my site and have downloaded a query menu to implement in it. I have successfully installed in into my page in dreamweaver and kind of successfully styled it to my design. I am having problems with the width of each menu item, the <a>. It seems that when I view the code in Safari-develop-view web inspector, that there is extra divs and inline styles that are not in my HTML page in dreamweaver. I am posting the snippet of the HTML and a screen grab of the page in browsers code... Can anyone give me some idea as to where the div class +holder horizontal maybe and where I can edit it. I have looked at the Javascript and cannot see anything relating to width or height in there either. Help Please...... <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> Link to comment Share on other sites More sharing options...
camdav72 Posted June 24, 2012 Author Share Posted June 24, 2012 I have a workaround by the !important CSS overrule but would like to know how to do it properly.. Link to comment Share on other sites More sharing options...
camdav72 Posted June 25, 2012 Author Share Posted June 25, 2012 Here is my site which I am developing - just to show exactly what I mean regarding the nab menu. I can get around it via an !important width in CSS but would like to know exactly where all these styles and rules are coming from: http://www.heggie5.webspace.virginmedia.com/index.html# Link to comment Share on other sites More sharing options...
dsonesuk Posted June 25, 2012 Share Posted June 25, 2012 The new elements and inline styling are added by jquery to give you slide up effect, if you disable JavaScript all of these will disappear. Link to comment Share on other sites More sharing options...
camdav72 Posted June 25, 2012 Author Share Posted June 25, 2012 Thanks dsonesuk, I had thought that was the case. I've had a look at the jquery code and cannot find them anywhere in it. I just want to increase the width to accommodate my wider font style. The developers answer was to use a different font... Not really a solution to my problem... Any ideas? Link to comment Share on other sites More sharing options...
dsonesuk Posted June 25, 2012 Share Posted June 25, 2012 Unfortunately because they are using inline styling for width it will take precedence over anything else unless you use !important, so you are a bit limited.If they had given you the option of using class name, or individual id ref you would probably be able to control it more. Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now