- This topic is empty.
Viewing 7 posts - 1 through 7 (of 7 total)
Viewing 7 posts - 1 through 7 (of 7 total)
- The forum ‘CSS’ is closed to new topics and replies.
The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Hei! I use this: https://css-tricks.com/jquery-magicline-navigation/ All works well, but i want to make a small change to the line below: http://i.imgur.com/Z0wWitj.png. I want that yellow line to be exactly how the word above it, no more than. I know this padding: 0px 10px 0px 10px; is the reason, but how do i get rid and do as i wish ?
Thanks in advance!
We’d need to see the actual page. Do you have a link?
This is the link: http://goo.gl/Vb9xIp
This affects the position of the line
#magic-line {
position: absolute;
bottom: -30px; <--- change this as you need for vertical alignment
left: 0;
width: 100px;
height: 5px;
background: #e6cf0e;
}
Maybe I expressed myself wrong, but this is not the point.
I want to be horizontal alignment, ie the yellow line has the same length as the “acasa”, “nou-venit?” …
If you change what you’ve shown the yellow line only goes up or down.
The line has a width you can change.
Remember though that this is fixed so it won’t match the width of every word.
Ok, I understand what you say.
But still, how can I do what I want?
I need to change almost all the .css and try to find a solution from scratch ?