- This topic is empty.
August 9, 2014 at 7:04 am #178392
I created a navigation bar by using lines in html. I have one vertical line that separates text from nag links but in Firefox the vertical line turns horizontal. Is there some browser compatibility code that keeps the line vertical in Firefox and other browsers?August 9, 2014 at 7:45 am #178394Paulie_DMember
Oh…that’s a heck of a lot of code…in the first place…it would have been helpful just to reduce it down to just enough to demonstrate the problem.
Secondly, you’re going to an awful lot of trouble to create whole elements just to use as borders…is there some reason you can’t just apply borders to the actual link?
Oh…and using absolute positioning to position everything…not the best layout method.August 9, 2014 at 9:02 am #178395SenffParticipant
-webkit-transform:only works in Webkit-based browsers. Firefox is Mozilla based, so it won’t recognize it. I believe you can just use
transforminstead.August 9, 2014 at 8:24 pm #178436
My bad Paulie.
I’m not a developer and didn’t know you could create one outline on several nav items. Guess I’ll look up how to do that.
Thanks for the helpful info Senff.August 9, 2014 at 8:28 pm #178437
Senff, do I use relative positioning? Or do I use display inline-block? I know I have been bashed for using absolute positioning before but I don’t code enough to remember what to use instead.
Also I took out “-webkit-” and while it fixed it in Firefox, it broke the line in safari.
Any HELP would be greatly appreciated.August 10, 2014 at 6:09 am #178452SenffParticipantAugust 10, 2014 at 6:13 am #178453
That’s awesome. Thanks for the help, that should be a lot easier to achieve my desired look for my footer too.August 10, 2014 at 7:02 am #178456
If I could ask one other question, based on how you created the lines for then nav, how would you go about creating angled lines? For instance if I wanted to have an “X” between nav links?
- The forum ‘CSS’ is closed to new topics and replies.