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 12 of 12

Thread: Another Problem

  1. #1
    New Coder
    Join Date
    Aug 2010
    Posts
    62
    Thanks
    16
    Thanked 0 Times in 0 Posts

    Another Problem

    Alright when i type in the left nav, it goes way out of the way, it dont stay in the area...how can i make it stay in the area?


  • #2
    Senior Coder
    Join Date
    Aug 2010
    Location
    High Point, NC
    Posts
    3,335
    Thanks
    5
    Thanked 363 Times in 360 Posts
    READ w3schools tutorials....lol Basics need to be learned. Here are the basics.


    <html>
    <head>
    <title>My Website</title>
    </head>
    <body>
    <div id="content">
    <h1>My Content</h1>
    <p>Insert some text</p>
    </div>
    </body>
    </html

  • #3
    Regular Coder
    Join Date
    Jan 2009
    Posts
    193
    Thanks
    0
    Thanked 20 Times in 20 Posts
    Don't know exactly what you are doing without a link or seeing your code.

  • #4
    New Coder
    Join Date
    Aug 2010
    Posts
    62
    Thanks
    16
    Thanked 0 Times in 0 Posts
    does anyone know how to fix this?

  • #5
    Senior Coder
    Join Date
    Aug 2010
    Location
    High Point, NC
    Posts
    3,335
    Thanks
    5
    Thanked 363 Times in 360 Posts
    Dude, I'm telling you..you cant learn by typing a few characters and when something simple goes wrong you post it in a forum. Work through these issues yourself first....LEARN some basic html and css coding. GOOGLE is your best friend. Plenty of free web design tutorials and books out there. You have to learn by yourself, or you will always depend on others to fix your problems.

  • Users who have thanked teedoff for this post:

    Decker (08-25-2010)

  • #6
    New Coder
    Join Date
    Aug 2010
    Posts
    62
    Thanks
    16
    Thanked 0 Times in 0 Posts
    I have searched for a solution for this, and cannot find. That is why i'm asking here.

  • #7
    Jer
    Jer is offline
    New Coder
    Join Date
    Aug 2010
    Location
    South Bend, Indiana
    Posts
    41
    Thanks
    2
    Thanked 1 Time in 1 Post
    Did you notice there is no space character in there? That may have something to do with it. Either way unless you post your code it's going to be very difficult to find where your error is. But I'll guess that somewhere in your code you mistyped part of your css and you've failed to locate it.

  • #8
    New Coder
    Join Date
    Aug 2010
    Posts
    62
    Thanks
    16
    Thanked 0 Times in 0 Posts
    Well I kind of have it, i'm using:

    Code:
    overflow: auto;
    It stays within the div but it makes a scroll and goes right, instead of starting a new paragraph. How can I make it so that it will go far enough until it hits the side, then starts a new line?

    Here is the css:
    Code:
    body {
    background-color: #383838;
    font-family: Comic Sans;
    }
    
    #container {
    width: 700px;
    padding: 1px;
    margin:43px auto 0;
    }
    
    #header {
    width: 684px;
    height: 100px;
    background-image:url(images/2.jpg);
    border:8px solid #50504a;
    }
    
    #leftnavtop {
    width:160px;
    height:170px;
    background-image:url(images/1.jpg);
    float:left;
    border:8px solid #50504a;
    }
    
    #leftnavbot {
    width: 160px;
    height: 170px;
    background-image:url(images/1.jpg);
    border:8px solid #50504a;
    float: left;
    overflow-x: 160;
    }
    
    #content {
    width: 508px;
    height: 356px;
    background-image:url(images/3.jpg);
    border:8px solid #50504a;
    margin-top: -186px;
    float: right;
    overflow: auto;
    }
    index.html
    Code:
    <html>
    <head>
    <title>Website</title>
    <link rel="stylesheet" type="text/css" href="style.css">
    </head>
    <body>
    
    <div id="container">
    
    <div id="header"> </div>
    
    <div id="leftnavtop"> <p >
    <font color="white">asdffffffffffffffasdffffffffffffffasdffffffffffffffasdffffffffffffffasdffffffffffffffasdffffffffffffffasdffffffffffffffasdffffffffffffffasdffffffffffffffasdffffffffffffffasdffffffffffffffasdffffffffffffffasdffffffffffffffasdffffffffffffffasdffffffffffffffasdffffffffffff</font>
    </p></div>
    
    <br style="clear:left" />
    
    <div id="leftnavbot"> </div>
    
    <div id="content"> </div>
    
    </div>
    
    </body>
    </html>
    Last edited by Decker; 08-25-2010 at 10:26 PM.

  • #9
    God Emperor Fou-Lu's Avatar
    Join Date
    Sep 2002
    Location
    Saskatoon, Saskatchewan
    Posts
    16,987
    Thanks
    4
    Thanked 2,660 Times in 2,629 Posts
    CSS3 property word-wrap: break-word; should work. Not sure how to do it in pre-CSS3 as I would just use PHP or whatever backend language to force a break on such long text.
    Wouldn't be a problem with what you have if it was broken into shorter words, those would auto-wrap.
    PHP Code:
    header('HTTP/1.1 420 Enhance Your Calm'); 

  • Users who have thanked Fou-Lu for this post:

    Decker (08-25-2010)

  • #10
    New Coder
    Join Date
    Aug 2010
    Posts
    62
    Thanks
    16
    Thanked 0 Times in 0 Posts
    Yeah I fixed it already, thanks anyways though.

  • #11
    God Emperor Fou-Lu's Avatar
    Join Date
    Sep 2002
    Location
    Saskatoon, Saskatchewan
    Posts
    16,987
    Thanks
    4
    Thanked 2,660 Times in 2,629 Posts
    Quote Originally Posted by Decker View Post
    Yeah I fixed it already, thanks anyways though.
    Great, did you just use the word-wrap, or did you do something different? I'm curious if CSS2 has an equivalent.
    PHP Code:
    header('HTTP/1.1 420 Enhance Your Calm'); 

  • #12
    New Coder
    Join Date
    Aug 2010
    Posts
    62
    Thanks
    16
    Thanked 0 Times in 0 Posts
    Ya I used the word wrap.

    off topic:
    how do i add a signature? I didn't see it in user-cp


  •  

    Posting Permissions

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