What CSS Would I Need For This?

HTML & CSS
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?

LINK-
http://www.securehostserver.info/tnw/

Thanks in advance!
Todd

2

Hi Todd,

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 :slight_smile:

The CSS should look something like this


ul#subnav
{
	list-style:none;
	/*previous styles added*/
	float:right;
	height:68px;
	text-align:right;
	width:355px;
}
ul#subnav li{float:left;}
3

Hey Ryan,

I added the updates to the HTML and the new CSS and it appears a bit broken. Can you take a look? Same URL.

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”> :slight_smile:

Edit:

Cache…gimme a minute

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)

6

Ryan,

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?

MY PAGE-
http://securehostserver.info/tnw/

THE ORIGINAL SITE-

7

Ryan,

I have moved around the URLs.

This is a link to how I am wanting the page to look.
LINK-
http://securehostserver.info/tnw/

and here is how it is looking now.
LINK-
http://securehostserver.info/tnw/index2.htm

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

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.

10

The easiest way would be to remove the width on “ul#subnav” :slight_smile:

11

That’s got it! Thank you Ryan. Did your job opportunity come through?

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 :slight_smile:

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.

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 :slight_smile: