SitePoint Sponsor

User Tag List

Results 1 to 14 of 14
  1. #1
    SitePoint Guru Todd Temple's Avatar
    Join Date
    Mar 2005
    Location
    Tennessee
    Posts
    797
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    What CSS Would I Need For This?

    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
    Todd Temple > T2 Design

  2. #2
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,746
    Mentioned
    11 Post(s)
    Tagged
    0 Thread(s)
    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

    The CSS should look something like this
    Code:
    ul#subnav
    {
    	list-style:none;
    	/*previous styles added*/
    	float:right;
    	height:68px;
    	text-align:right;
    	width:355px;
    }
    ul#subnav li{float:left;}
    Always looking for web design/development work.
    http://www.CodeFundamentals.com

  3. #3
    SitePoint Guru Todd Temple's Avatar
    Join Date
    Mar 2005
    Location
    Tennessee
    Posts
    797
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by RyanReese View Post
    Hi Todd
    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.
    Todd Temple > T2 Design

  4. #4
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,746
    Mentioned
    11 Post(s)
    Tagged
    0 Thread(s)
    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">
    Edit:

    Cache..gimme a minute
    Always looking for web design/development work.
    http://www.CodeFundamentals.com

  5. #5
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,746
    Mentioned
    11 Post(s)
    Tagged
    0 Thread(s)
    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)
    Always looking for web design/development work.
    http://www.CodeFundamentals.com

  6. #6
    SitePoint Guru Todd Temple's Avatar
    Join Date
    Mar 2005
    Location
    Tennessee
    Posts
    797
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by RyanReese View Post
    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)
    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-
    http://tnwebbing.com/
    Todd Temple > T2 Design

  7. #7
    SitePoint Guru Todd Temple's Avatar
    Join Date
    Mar 2005
    Location
    Tennessee
    Posts
    797
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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
    Todd Temple > T2 Design

  8. #8
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,746
    Mentioned
    11 Post(s)
    Tagged
    0 Thread(s)
    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
    Always looking for web design/development work.
    http://www.CodeFundamentals.com

  9. #9
    SitePoint Guru Todd Temple's Avatar
    Join Date
    Mar 2005
    Location
    Tennessee
    Posts
    797
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by RyanReese View Post
    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
    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.
    Todd Temple > T2 Design

  10. #10
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,746
    Mentioned
    11 Post(s)
    Tagged
    0 Thread(s)
    The easiest way would be to remove the width on "ul#subnav"
    Always looking for web design/development work.
    http://www.CodeFundamentals.com

  11. #11
    SitePoint Guru Todd Temple's Avatar
    Join Date
    Mar 2005
    Location
    Tennessee
    Posts
    797
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    That's got it! Thank you Ryan. Did your job opportunity come through?
    Todd Temple > T2 Design

  12. #12
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,746
    Mentioned
    11 Post(s)
    Tagged
    0 Thread(s)
    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
    Always looking for web design/development work.
    http://www.CodeFundamentals.com

  13. #13
    SitePoint Guru Todd Temple's Avatar
    Join Date
    Mar 2005
    Location
    Tennessee
    Posts
    797
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by RyanReese View Post
    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
    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.
    Todd Temple > T2 Design

  14. #14
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,746
    Mentioned
    11 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Todd Temple View Post
    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.
    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
    Always looking for web design/development work.
    http://www.CodeFundamentals.com


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •