...

View Full Version : Another Problem



Decker
08-25-2010, 07:43 PM
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?

http://img830.imageshack.us/img830/3475/53186837.jpg

teedoff
08-25-2010, 08:00 PM
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

skywalker2208
08-25-2010, 08:15 PM
Don't know exactly what you are doing without a link or seeing your code.

Decker
08-25-2010, 08:18 PM
does anyone know how to fix this?

teedoff
08-25-2010, 08:25 PM
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.

Decker
08-25-2010, 08:35 PM
I have searched for a solution for this, and cannot find. That is why i'm asking here.

Jer
08-25-2010, 09:21 PM
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.

Decker
08-25-2010, 09:25 PM
Well I kind of have it, i'm using:


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:

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

<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">asdffffffffffffffasdffffffffffffffasdffffffffffffffasdffffffffffffffasdffffffffffffffasdffffffffffff ffasdffffffffffffffasdffffffffffffffasdffffffffffffffasdffffffffffffffasdffffffffffffffasdffffffffff ffffasdffffffffffffffasdffffffffffffffasdffffffffffffffasdffffffffffff</font>
</p></div>

<br style="clear:left" />

<div id="leftnavbot"> </div>

<div id="content"> </div>

</div>

</body>
</html>

Fou-Lu
08-25-2010, 11:27 PM
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.

Decker
08-25-2010, 11:28 PM
Yeah I fixed it already, thanks anyways though.

Fou-Lu
08-25-2010, 11:31 PM
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.

Decker
08-25-2010, 11:41 PM
Ya I used the word wrap.

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



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum