todd_temple — 2010-02-10T11:25:27-05:00 — #1
I am wanting to change the three links located in the top right div SUBNAV into an unordered list but I want to maintain the same look and position. Can someone help me with the CSS to do this?
Thanks in advance!
ryanreese — 2010-02-10T11:31:39-05:00 — #2
Just turn the <div id="subnav"> into a <ul> and then wrap the anchors in a <li> (I mean each anchor gets an <li> around it) and then on the <ul> just set "list-style:none;"
Then just add float:left; to the <li>'s
The CSS should look something like this
/*previous styles added*/
todd_temple — 2010-02-10T12:19:43-05:00 — #3
I added the updates to the HTML and the new CSS and it appears a bit broken. Can you take a look? Same URL.
ryanreese — 2010-02-10T12:23:40-05:00 — #4
Hi, I don't see my code in the style2.css file.
Plus you have invalid HTML. You nest a <ul> inside the <ul id="subnav">
Cache..gimme a minute
ryanreese — 2010-02-10T12:24:59-05:00 — #5
Removing the extra <ul> that I mentioned above removes the bullets and clears up things on my end (I don't know if anything else is wrong since I don't know what the end result is supposed to look like)
todd_temple — 2010-02-10T12:28:38-05:00 — #6
I removed the extra <ul> tag. I'm an idiot. I also uploaded the style2.css file. The subnav looks fine now but the content below the header DIV looks shifted to the left (I'm using Safari). Do I need to clear a float or something?
THE ORIGINAL SITE-
todd_temple — 2010-02-10T12:46:28-05:00 — #7
I have moved around the URLs.
This is a link to how I am wanting the page to look.
and here is how it is looking now.
ryanreese — 2010-02-10T12:50:11-05:00 — #8
Hi, on the correct link you have #wrapper containing everything (nav/main/footer) but in the incorrect link the wrapper isn't containing any of those. Count the </div>'s to make sure the wrapper encloses everythign
todd_temple — 2010-02-10T12:55:50-05:00 — #9
I told you I'm an idiot. I removed it and everything lines up, but I was wanting the subnav links to align to the right. I'm guessing I would add a property to the ul#sidebar... but I;m not sure.
ryanreese — 2010-02-10T13:05:46-05:00 — #10
The easiest way would be to remove the width on "ul#subnav"
todd_temple — 2010-02-10T13:16:16-05:00 — #11
That's got it! Thank you Ryan. Did your job opportunity come through?
ryanreese — 2010-02-10T13:18:06-05:00 — #12
No unfortunately it didn't :(. My resume isn't that great (only having worked at KFC and now Dairy queen).
74k salary job gone :(. I'll get another though :). I was referred to it by someone at these forums and I'm sure anotehr member will help me soon enough. I just gotta hope and wait.
Glad everythings working
todd_temple — 2010-02-10T16:13:53-05:00 — #13
Sounds like you need to build your resume a bit. Did you not have me listed as a sub-contractor/part time or a reference? Be sure to add the work that you have created for me. I would include the web work you have done for me before the fast food jobs.
ryanreese — 2010-02-10T16:19:56-05:00 — #14
I listed you yes, I even provided samples of the work I have done for you.
I had my dad look over the resume, I put your job first, then KFC then DQ. He said the resume looked the best it could (considering whta I had) I listed how profficient I was in languages. But they haven't seen me in action with CSS..they probably think I'm some wannabe CSS guy trying to make a few bucks.
I guess this is getting a bit offtopic now so we should move this to the PM side