Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    New Coder
    Join Date
    Jun 2013
    Location
    Serbia
    Posts
    29
    Thanks
    3
    Thanked 0 Times in 0 Posts

    HTML5 template help needed

    Hi everyone,

    I'm having few issues with a template I'm working on, first thing is html5 nav element, my menu goes up when I add border.



    Second issue I'm having is with resolutions and the way website title is behaving. I'm not too sure how to fix this either.



    And the third issue is ul menu list keeps aligning to the right, but I want it to align left. Ad show on image.



    If you feel there is something else wrong with my code, please feel free to point out what it is. Help would be much appreciated!
    Attached Thumbnails Attached Thumbnails HTML5 template help needed-logo.png  
    Attached Files Attached Files

  • #2
    New Coder
    Join Date
    Aug 2013
    Posts
    50
    Thanks
    1
    Thanked 3 Times in 3 Posts
    I could solve issue 2 and 3. I had to make some changes in your style sheet for no2
    Code:
    list-style:none; padding-left:0;
    and 3, for your second I had to remove the
    Code:
    position: absolute
    from the header h1 CSS and change CSS a bit more.
    The CSS file is attached.
    For issue 1 that will take some more time to find out why.
    Attached Files Attached Files
    Last edited by Dznr; 10-09-2013 at 03:08 PM.

  • #3
    New Coder
    Join Date
    Jun 2013
    Location
    Serbia
    Posts
    29
    Thanks
    3
    Thanked 0 Times in 0 Posts
    Thanks for helping out, position:absolute; does in fact works, but I had to remove positioning to left. As for the second issue, padding-left:0; didn't changed anything. Am I doing something wrong in here? :/

  • #4
    New Coder
    Join Date
    Aug 2013
    Posts
    50
    Thanks
    1
    Thanked 3 Times in 3 Posts
    If you don't use list style:none with the padding-left it will not work.
    In your stylesheet you could write an extra class for the ul, that will do it for sure
    Code:
    aside.block ul{
    	list-style:none;
    	padding:8px 0 0;
    }
    This works for me.
    Do you want now to have a border around your top navigation?
    Last edited by Dznr; 10-10-2013 at 03:40 PM.


  •  

    Posting Permissions

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