www.webdeveloper.com
Results 1 to 5 of 5

Thread: Aligning Links to the page extremes

Hybrid View

  1. #1
    Join Date
    May 2010
    Posts
    36

    Aligning Links to the page extremes

    Hello I need to align the two links as here in uploaded image link1. It tried everything from making two classes inside one div tag, using every padding and margin values but it just seems not to happen.

    I have got it as in uploaded image link2. Can anyone tell me where I need to change my code to get this right.

    Thanks,
    Anyway my code is as below:
    HTML
    Code:
    <div id="move">	
    	<ul>
    		<li><a href="#">Return to Panel List</a></li>
    		<li><a href="#">Link To Page</a></li>
    	</ul>
    </div>
    CSS
    Code:
    #move ul li 
    {
    display:inline;
    padding-left:5;
    padding-right:5;
    }
    Attached Images Attached Images

  2. #2
    Join Date
    Aug 2010
    Location
    Ohio
    Posts
    32
    HTML Code:
    <style type = "text/css">
    .leftSide{
        float:left;
    }
    .rightSide{
        float: right;
    }
    .clear{
        clear: both;
    }
    </style>
    
    <div class="leftSide">Left</div>
    <div class="rightSide">Right</div>
    <div class="clear"></div>
    See my Linked Example.

    Hope this helps.

  3. #3
    Join Date
    May 2010
    Posts
    36
    Thanks a ton, It helped Indeed.

  4. #4
    Join Date
    May 2010
    Posts
    36
    Actually I was trying to develop this web page on my computer:

    http://panelpicker.sxsw.com/ideas/view/6621

    Now I am focussing on the your vote coloumn, I am trying to do this in CSS(maybe CSS3). Is it possible? I think javaScript is must here as we need to use onmouseover event to change the effect. Do you have any Idea about it as I don't think that hand is an image there. So a bit confusion here for me.

    Thanks

  5. #5
    Join Date
    Aug 2010
    Location
    Ohio
    Posts
    32
    Look up the :hover filunctionality of CSS.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Tags for this Thread

Posting Permissions

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



Recent Articles