- This topic is empty.
-
AuthorPosts
-
August 9, 2014 at 7:04 am #178392
kerninglife
ParticipantI 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_D
MemberOh…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 #178395Senff
Participant-webkit-transform:
only works in Webkit-based browsers. Firefox is Mozilla based, so it won’t recognize it. I believe you can just usetransform
instead.August 9, 2014 at 8:24 pm #178436kerninglife
ParticipantMy 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 #178437kerninglife
ParticipantSenff, 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 #178452Senff
ParticipantWell, @Paulie_D is right, it’s a lot of code to just create lines.
Instead, you can get rid of them and apply lines to the elements/boxes/divs that you already have (instead of creating new elements):
Here’s an example to get you started with the idea: http://codepen.io/senff/pen/BuirG?editors=110
August 10, 2014 at 6:13 am #178453kerninglife
ParticipantThat’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 #178456kerninglife
ParticipantIf 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?
-
AuthorPosts
- The forum ‘CSS’ is closed to new topics and replies.