SOLVED Afterburner: Nav menu width & rogue line
-
-
- AndyG
- Jr. Rocketeer
- Posts: 37
- Thanks: 0
-
Hello, I have two questions that I'm hoping can be answered. One is how do I make the nav menu extend across the full width of the template (i.e. into the right and left columns)?
Secondly, how do I get rid of this rogue line that seems to be showing after I've amended the original sprite and exported the frames as files using Fireworks? See attached image that shows this strange line ... - Last Edit: 15 years 3 months ago by AndyG.
-
-
-
- Amandeep Singh
- Preeminent Rocketeer
- Posts: 17652
- Thanks: 2
- Can you provide a link to your site
- Quick tips::
1) Clear your browser cache if changes dont reflect
2) Provide link to your site to help us help you better
3) Use in firebug
Tutorial-- http://www.rockettheme.com/blog/team/255-tools-firebug
softlogique.com
-
-
-
- AndyG
- Jr. Rocketeer
- Posts: 37
- Thanks: 0
-
Thanks for trying to help Amandeep. Unfortunately I don't have a live site yet as I'm working on its development, hence the localhost url in the screen shot.
I can however provide the css file if that helps. See attached.
-
-
-
- Amandeep Singh
- Preeminent Rocketeer
- Posts: 17652
- Thanks: 2
-
Not sure without having a proper look but you can give this a try:
Try remove this:
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,center,dl,dt,dd,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {background:transparent;border:0;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;padding:0;outline:0;vertical-align:baseline;} - Quick tips::
1) Clear your browser cache if changes dont reflect
2) Provide link to your site to help us help you better
3) Use in firebug
Tutorial-- http://www.rockettheme.com/blog/team/255-tools-firebug
softlogique.com
-
-
-
- AndyG
- Jr. Rocketeer
- Posts: 37
- Thanks: 0
-
No that wasn't it. Suddenly remembered about Firefox and the Firebug plugin. This showed the issue was with line 17 ... so I changed this
to this.background {position:absolute;width:100%;height:130px;background:url(../images/light4.png) 0 -384px repeat-x;}
.background {position:absolute;width:100%;height:129px;background:url(../images/light4.png) 0 -384px repeat-x;}
...just that one pixel difference made the thin line disappear.
Now just need to work out how to get the grey of the Nav menu to fill over into the left and right columns? Any ideas on that one? I can't work it out as yet
-
-
-
- Amandeep Singh
- Preeminent Rocketeer
- Posts: 17652
- Thanks: 2
-
Now just need to work out how to get the grey of the Nav menu to fill over into the left and right columns? Any ideas on that one?
This would require making various changes in index.php file as whole template is wrapped within wrapper - Quick tips::
1) Clear your browser cache if changes dont reflect
2) Provide link to your site to help us help you better
3) Use in firebug
Tutorial-- http://www.rockettheme.com/blog/team/255-tools-firebug
softlogique.com
-
-
-
- AndyG
- Jr. Rocketeer
- Posts: 37
- Thanks: 0
- After giving it some more thought I've decided against widening the nav menu. It really would spoil the look of an already excellent template. At least we've solved one of my problems, so thank you for your help Amandeep.
-
Time to create page: 0.209 seconds