Ok – First techy post.
Firstly, I’m a complete newb to CSS so please don’t shoot me down :D
Have been watching the video podcasts and started on a Photoshop mockup ala Podcast #1, 2 & 3. Now, I’m struggling to get the nav links to line up correctly. Also, I was in thinking that the text links should have an area around them which can be clicked for the link? Is that correct? (therefore making it look like a button is the a link and not just the text) Hope this all makes sense with my non technical use of language :lol:
Now. URL is http://www.portable-media-players.co.uk
code I have created so far is:
Hopefully you can see what I am getting at.
I’m wondering whether it’s due to the nav buttons being off center and using the div#page-wrap is causing the width to act from the center of the page? Purely guessing really but that’s the only difference I could initially see between mine and the example in the podcast.
Anyways, hoping someone can aid me in getting my first CSS site working :)
Thanks in advance
Code worked perfectly – tweaked the padding-left, after adding the suggested code, and now it’s centered in the button, and also has equal ‘active’ space to each word.
Should there be an area above and below the word, to the edges of the button image which should be clickable? Or is that something I’d have to add as an addition, and is something beyond what a CSS starter should attempt? :D
It’s not ideal that you have your whole header background attached to your nav list, but this will give you what you want:
You must be logged in to reply to this topic.