Learn how to a build a cloud-first strategyRegister Now

x
?
Solved

Div Placement

Posted on 2014-08-24
2
Medium Priority
?
218 Views
Last Modified: 2014-08-24
I am trying to place a menu icon made with CSS on the upper right of my webpage.  Doesn't seem to be working.  
The CSS
#lines { 
    border-bottom: 17px double white; 
    border-top: 6px solid white; 
    content:"";
    height: 5px; 
    width:30px;
	}

Open in new window


The Div
<div id="lines"></div>

Open in new window


The Link
www.davidschure.com/demo


Not sure about the placement with the other things going on in the page.  Any help is appreciated.  Thank you.
0
Comment
Question by:DS928
2 Comments
 
LVL 58

Accepted Solution

by:
Gary earned 2000 total points
ID: 40282171
Place after your BODY tag
Add float:right to the CSS and add float:left to ul#demo-block{...}
0
 

Author Comment

by:DS928
ID: 40282174
Thank you Gary.  I tried this and it worked also.

 #lines { 
    
	 /* fixed within viewport */
    position: fixed;

    /* set position */
    top: 20px;
    right: 30px;

    /* must have dimension */
  	height: 5px; 
    width:30px;
	
	
	border-bottom: 17px double white; 
    border-top: 6px solid white; 
    content:"";
    
	}

Open in new window

0

Featured Post

Concerto Cloud for Software Providers & ISVs

Can Concerto Cloud Services help you focus on evolving your application offerings, while delivering the best cloud experience to your customers? From DevOps to revenue models and customer support, the answer is yes!

Learn how Concerto can help you.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Is your Office 365 signature not working the way you want it to? Are signature updates taking up too much of your time? Let's run through the most common problems that an IT administrator can encounter when dealing with Office 365 email signatures.
Without even knowing it, most of us are using web applications on a daily basis.  In fact, Gmail and Yahoo email, Twitter, Facebook, and eBay are used by most of us daily—and they are web applications. We generally confuse these web applications to…
In this tutorial viewers will learn how to embed videos in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <video> tag to insert a video. Define the src as the URL of your video; this is similar to …
In this tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at google.com/fonts: Browse or search based on font properties or name to find a suitable font for…
Suggested Courses

810 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question