logo-dw

Go Back   Dreamweaver Club Forums > Hand Coders Forum > HTML and CSS
Register FAQ Members List Search Today's Posts Mark Forums Read

Reply
 
Thread Tools Display Modes
Old 01-29-2010, 04:13 PM   #1
Jittor
Jittor's Avatar
 
Join Date: Apr 2005
Location: A place that always seems to be surrounded by Hurricanes!
Posts: 484
Default <ul> breaking out of my <div content>

Hello all,

In my CSS I have a my #content{} set up and within that I have #content ul{} but when I add an unordered list within my <div content> it does not apply the CSS and breaks out of my content div. I am still learning CSS, and can't seem to figure this one out. In the past I would just place it outside my content div, but this time I need it within my content div.

Thanks!


Code:
#content{
	color:#000;
	width:1000px;
	height: auto;
}
#content p{
	font:13px;
	font-family:Arial, Helvetica, sans-serif;
	padding:15px 5px 5px 5px;
	margin-left:5px;
	margin-right:15px;
}

#content ul{
	font-weight:bold;
	color:412362;
	line-height:20px;
}
__________________
~
Make time for the quiet moments... as God whispers and the world is loud.

Bannon Productions - Affordable Website Design and Graphics Design
Jittor is offline   Reply With Quote
Old 01-29-2010, 04:23 PM   #2
Corrosive
Corrosive's Avatar
 
Join Date: Feb 2008
Location: Bristol, England
Posts: 7,103
Default

What part of your list is breaking out?
Corrosive is offline   Reply With Quote
Old 01-29-2010, 04:52 PM   #3
Jittor
Jittor's Avatar
 
Join Date: Apr 2005
Location: A place that always seems to be surrounded by Hurricanes!
Posts: 484
Default

the entire unordered list is breaking out. It''s following all of the other content rules just not staying within the content div.

Code:
<ul>
&bull;	Text1<br />
&bull;	Text2<br />
&bull;	Text3<br />
&bull;	Text4<br />
&bull;	Text5<br />
&bull;	Text6<br />
&bull;	Text7<br />
&bull;	Text8<br />
&bull;	Text9<br />
</ul>
__________________
~
Make time for the quiet moments... as God whispers and the world is loud.

Bannon Productions - Affordable Website Design and Graphics Design
Jittor is offline   Reply With Quote
Old 01-29-2010, 05:03 PM   #4
gentleone
gentleone's Avatar
 
Join Date: Nov 2009
Location: Rhodes, Greece
Posts: 2,837
Default

Quote:
Originally Posted by Jittor View Post
the entire unordered list is breaking out. It''s following all of the other content rules just not staying within the content div.

Code:
<ul>
&bull;	Text1<br />
&bull;	Text2<br />
&bull;	Text3<br />
&bull;	Text4<br />
&bull;	Text5<br />
&bull;	Text6<br />
&bull;	Text7<br />
&bull;	Text8<br />
&bull;	Text9<br />
</ul>
You forgot some part that is crucial for an unordered list... the list item part: <li> ...and then the bullet will also appear by default.

Code:
<ul>
<li>Text1</li>
<li>Text2</li>
<li>Text3</li>
</ul>
See for a simple example here with the necessary CSS:
http://css.maxdesign.com.au/listamatic/vertical01.htm
gentleone is offline   Reply With Quote
Old 01-29-2010, 05:08 PM   #5
Jittor
Jittor's Avatar
 
Join Date: Apr 2005
Location: A place that always seems to be surrounded by Hurricanes!
Posts: 484
Default

Ya sorry I was playing around, same results either way - still breaking out of the content div.
__________________
~
Make time for the quiet moments... as God whispers and the world is loud.

Bannon Productions - Affordable Website Design and Graphics Design
Jittor is offline   Reply With Quote
Old 01-29-2010, 05:10 PM   #6
Corrosive
Corrosive's Avatar
 
Join Date: Feb 2008
Location: Bristol, England
Posts: 7,103
Default

Quote:
Originally Posted by Jittor View Post
Ya sorry I was playing around, same results either way - still breaking out of the content div.
Is this online anywhere?
Corrosive is offline   Reply With Quote
Old 01-29-2010, 05:12 PM   #7
gentleone
gentleone's Avatar
 
Join Date: Nov 2009
Location: Rhodes, Greece
Posts: 2,837
Default

Yeah, full code please!
gentleone is offline   Reply With Quote
Old 01-29-2010, 05:16 PM   #8
Jittor
Jittor's Avatar
 
Join Date: Apr 2005
Location: A place that always seems to be surrounded by Hurricanes!
Posts: 484
Default

No, I can't make live until it's approved by the higher ups, but, I can post the code for you though.
__________________
~
Make time for the quiet moments... as God whispers and the world is loud.

Bannon Productions - Affordable Website Design and Graphics Design

Last edited by Jittor; 02-01-2010 at 02:18 PM..
Jittor is offline   Reply With Quote
Old 01-29-2010, 05:17 PM   #9
gentleone
gentleone's Avatar
 
Join Date: Nov 2009
Location: Rhodes, Greece
Posts: 2,837
Default

No zip files, please... use the code tags!
gentleone is offline   Reply With Quote
Old 01-29-2010, 05:26 PM   #10
Jittor
Jittor's Avatar
 
Join Date: Apr 2005
Location: A place that always seems to be surrounded by Hurricanes!
Posts: 484
Default

Main Code:

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<meta name="keywords" content="" />

<meta name="description" content="" />
<meta name="verify-v1" content="XLTCGxIsgX3WHaf/a78AD7xZbuwe/kHctSAgu/Ve9tw=" >
<title></title>
 <link rel="shortcut icon" href="favicon.ico" >
<link href="css/style_how.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
.style2 {font-size: 18px}
-->
</style>
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
</head>


<body>

<div id="wrapper">

<div id="header"></div>

<div id="coverNav"></div>
<div id="nav"><?include('nav.php');?></div>

<div id="content">
<div id="titlebar_home"><p>title here</p></div>

<p><img src="images/cover.gif" alt="cover" width="248" height="161" align="left" /><br />
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis eget libero felis, eu iaculis leo. Vestibulum risus quam, pharetra id aliquet sodales, consequat et quam. Phasellus sollicitudin, elit at pellentesque interdum, eros diam rutrum nisi, sit amet ornare urna magna sed lorem. Donec sollicitudin, libero ut scelerisque euismod, leo orci pretium sapien, a facilisis nibh arcu et mauris. Sed ante lectus, tincidunt nec egestas sed, tincidunt sed elit. Nulla facilisi.  <br /><br />
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ipsum lectus, volutpat ac pulvinar sed,  <br />
<br />
<ul>
<li>Text</li>
<li>Text</li>
<li>Text</li>
<li>Text</li>
<li>Text</li>
<li>Text</li>
<li>Text</li>
<li>Text</li>
<li>Text</li>
</ul>
</p>
 

</div>



<div class="clearit"></div>


<div id="footer"><?include('footer.php');?></div>
<div id="copyright"><?include('copyright.php');?></div>


</div>

</body>
</html>
__________________
~
Make time for the quiet moments... as God whispers and the world is loud.

Bannon Productions - Affordable Website Design and Graphics Design
Jittor is offline   Reply With Quote
Reply


Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 04:46 PM.


Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Copyright 2006 DreamweaverClub.com