Not signed in (Sign In)
SkillShare - A place to discuss Web Standards and Web Design topics
Categories
Vanilla 1.1.9 is a product of Lussumo. More Information: Documentation, Community Support.
- Friends
-
Hi I have made a Nav Bar in Photoshop and now I want to add a bit of space between the links. I have tried this by using the <b> tag in Dreamweaver, this dose move the links apart but when I view the Nav in a brower they have not moved but look the same as they do in Photoshop.
How do I add the space so It works in a browser? -
Add them in a list for example so you can control the layout with CSS.
Like this:
<ul>
<li><a href="url?phpMyAdmin=4594f30712f4fabaff6997416810f3f2">Link 1</a></li>
<li><a href="url?phpMyAdmin=4594f30712f4fabaff6997416810f3f2">Link 2</a></li>
<li><a href="url?phpMyAdmin=4594f30712f4fabaff6997416810f3f2">Link 3</a></li>
</ul>
Now in your CSS file:
#ul li { padding-left: 10px; }
This makes a break for 10px between your links.
Also if you want your links horizontal you can
#ul li { display: inline; padding-left: 10px; }
And a regular break in HTML are <br /> But this makes a new line. -
Thanks a lot mate really appreciate that.
1 to 3 of 3