Click here to Skip to main content
15,887,350 members
Home / Discussions / Web Development
   

Web Development

 
GeneralRe: AngularJS or JQuery? Pin
Thomas Daniels17-Jan-16 9:23
mentorThomas Daniels17-Jan-16 9:23 
GeneralRe: AngularJS or JQuery? Pin
Beginner Luck26-Jan-16 16:16
professionalBeginner Luck26-Jan-16 16:16 
SuggestionRe: AngularJS or JQuery? Pin
Beginner Luck21-Jan-16 14:27
professionalBeginner Luck21-Jan-16 14:27 
QuestionInadvertent Cookie Stuffing - I Can't Figure Out What I'm Doing... Pin
Amanda Reaume14-Jan-16 13:39
Amanda Reaume14-Jan-16 13:39 
AnswerRe: Inadvertent Cookie Stuffing - I Can't Figure Out What I'm Doing... Pin
ZurdoDev15-Jan-16 8:34
professionalZurdoDev15-Jan-16 8:34 
GeneralRe: Inadvertent Cookie Stuffing - I Can't Figure Out What I'm Doing... Pin
Amanda Reaume15-Jan-16 16:26
Amanda Reaume15-Jan-16 16:26 
GeneralRe: Inadvertent Cookie Stuffing - I Can't Figure Out What I'm Doing... Pin
ZurdoDev16-Jan-16 1:46
professionalZurdoDev16-Jan-16 1:46 
QuestionShowing article to right of left hand menu.... Pin
richardlatter12-Jan-16 10:47
richardlatter12-Jan-16 10:47 
Hello All,

I've got this page which I've created in html and css with a left drop down left side bar or menu. However, the article in the page is always shown on the bottom of the menu.

I would like the article text to be shown right of the menu but for some reason cannot do this. I've tried just about everything I can think of. Can someone tell me what I am doing wrong or how to position it to the right of the left hand menu.

Thanks in advance,

R.

HTML
<!DOCTYPE html>
<html>
<head>
    <title>Sample Dropdown Web Page</title>
	<meta charset="utf-8" />

    <style>
        .leftMenu ul {
            list-style: none;
            margin: 0; 
            padding: 0;
            margin-right: 5px;
        }

        .leftMenu ul li a {
            border-radius: 8px;
            color: white;
            font-weight: bold;
            font-size: 15px;
            text-decoration: none;
            padding: 10.5px 11px;
            background-color: cornflowerblue;
            display: block;
            margin-bottom: 3px;
            margin-top: 3px;
            list-style: none;
            width: 7%;
        }

        .leftMenu ul ul {
            display: none;
            margin-left:5%;
        }

        .leftMenu ul li:hover > ul {
            display: block;
        }
    </style>


</head>
<body>

    <h3><center>This is a sample dropdown web page</center></h3>

    <nav class="leftMenu">
        <ul>
            <li><a href="#">Home</a>
                <ul class="submenu">
                    <li><a href="#">Sub Item One</a></li>
                    <li><a href="#">Sub Item Two</a></li>
                    <li>
                        <a href="#">Sub Item Three</a>
                        <ul>
                            <li><a href="#">Sub Sub Item 1</a>
                            <ul>
                                <li><a href="#">Piece 1</a></li>
                                <li><a href="#">Piece 2</a></li>
                                <li><a href="#">Piece 3</a></li>
                            </ul>
                            </li>
                            <li><a href="#">Sub Sub Item 2</a></li>
                            <li><a href="#">Sub Sub Item 3</a></li>
                        </ul>
                    </li>
                </ul>
            </li>
            <li><a href="#">About Me</a></li>
            <li><a href="#">Projects</a>
                <ul class="submenu">
                    <li>
                        <a href="#">Sub Item One</a>
                        <ul>
                            <li><a href="#">Sub Sub Item 1</a></li>
                            <li><a href="#">Sub Sub Item 2</a></li>
                            <li><a href="#">Sub Sub Item 3</a></li>
                        </ul>
                    </li>
                    <li><a href="#">Sub Item Two</a></li>
                    <li><a href="#">Sub Item Three</a></li>
                </ul>
            </li>
            <li><a href="#">Useful</a></li>
        </ul>
    </nav>

    <article>
        <section>
            <p>
                Now is the winter of our sweet content.  Whether it is nobler in the mind of others to suffer such slings and arrows.
            </p>
        </section>
    </article>

</body>
</html>

AnswerRe: Showing article to right of left hand menu.... Pin
Richard Deeming13-Jan-16 2:19
mveRichard Deeming13-Jan-16 2:19 
GeneralRe: Showing article to right of left hand menu.... Pin
richardlatter13-Jan-16 10:36
richardlatter13-Jan-16 10:36 
PraiseRe: Showing article to right of left hand menu.... Pin
ZurdoDev15-Jan-16 8:43
professionalZurdoDev15-Jan-16 8:43 
QuestionThe remote server returned an error: (404) Not Found. Pin
Stephen Holdorf11-Jan-16 8:21
Stephen Holdorf11-Jan-16 8:21 
AnswerRe: The remote server returned an error: (404) Not Found. Pin
F-ES Sitecore11-Jan-16 23:08
professionalF-ES Sitecore11-Jan-16 23:08 
GeneralRe: The remote server returned an error: (404) Not Found. Pin
Stephen Holdorf12-Jan-16 3:10
Stephen Holdorf12-Jan-16 3:10 
GeneralRe: The remote server returned an error: (404) Not Found. Pin
F-ES Sitecore12-Jan-16 3:13
professionalF-ES Sitecore12-Jan-16 3:13 
GeneralRe: The remote server returned an error: (404) Not Found. Pin
Stephen Holdorf12-Jan-16 3:25
Stephen Holdorf12-Jan-16 3:25 
QuestionMVC API How To: Client Callback Pin
Kevin Marois11-Jan-16 4:23
professionalKevin Marois11-Jan-16 4:23 
AnswerRe: MVC API How To: Client Callback Pin
F-ES Sitecore11-Jan-16 5:01
professionalF-ES Sitecore11-Jan-16 5:01 
GeneralRe: MVC API How To: Client Callback Pin
Kevin Marois11-Jan-16 5:18
professionalKevin Marois11-Jan-16 5:18 
QuestionFairytale about port, xdebug and phpshtorm Pin
Member 80755916-Jan-16 4:16
Member 80755916-Jan-16 4:16 
Rant[REPOST] Fairytale about port, xdebug and phpshtorm Pin
Richard Deeming6-Jan-16 4:28
mveRichard Deeming6-Jan-16 4:28 
Questionguidance to build a website Pin
Member 122470745-Jan-16 23:01
Member 122470745-Jan-16 23:01 
AnswerRe: guidance to build a website Pin
Richard MacCutchan5-Jan-16 23:04
mveRichard MacCutchan5-Jan-16 23:04 
AnswerRe: guidance to build a website Pin
Nathan Minier6-Jan-16 1:29
professionalNathan Minier6-Jan-16 1:29 
QuestionWhat are the new web development techniques? Pin
Quick Innovations- Web Design Company4-Jan-16 23:17
professionalQuick Innovations- Web Design Company4-Jan-16 23:17 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Praise Praise    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.