Skip to main content

Forums

This topic contains 6 replies, has 4 voices, and was last updated by  JeroenR 6 days, 2 hours ago.

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #296986

    akm
    Participant

    i have written some code in css and html but float is not working. i want the site name and logo at left side and menu or nav at right side

    link of codepen

    #296995

    vulkanus
    Participant

    Hi,

    Try this:

    .homepage {
    padding-left: 20px;
    float: left;
    left: 100px;
    position: absolute;
    top: 0;
    }

    nav {
    margin: 0 auto;
    text-align: right;
    float: right;
    right: 100px;
    position: absolute;
    }

    #297011

    Paulie_D
    Moderator

    Please! – position:absolute is the worst nuclear option.

    The primary issue is :

    header * {
        display: inline-block;
    }
    

    Just remove that and half your problems are solved.

    https://codepen.io/Paulie-D/pen/XWWJrmV

    #297014

    akm
    Participant

    thanks bro

    #297015

    vulkanus
    Participant

    Yes
    didn´t see header* inline-block.

    #297017

    akm
    Participant

    but now the problem is that navigation section is table format

    #297048

    JeroenR
    Participant

    If you mean the vertical stack of list items, try display: flex in your nav ul or display: inline-block in your nav ul li. Whichever suits you best.

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.

icon-link icon-logo-star icon-search icon-star