Javascript Disabled Detected

You currently have javascript disabled. Several functions may not work. Please re-enable javascript to access full functionality.

0

overflowing text

Started by Viz, Mar 22 2007 01:28 PM

You cannot reply to this topic
Go to first unread post

3 replies to this topic

#1 Viz

Young Padawan

Members
4 posts

Interests:Photoshop

Posted 22 March 2007 - 01:28 PM

hey guys, long time lurker

Lately I have been running a forum for a friend and I have been trying to get the latest threads from his forum on his main page, I have found a pugin that grabs the info and converts it into table form.

Anyway I have been trying to put that info into a small div but the text overflows when the topic is longwinded which i do not want to happen. I'm a css newbie and this is some of my first css work and I dont know everything yet. If its a simple mistake please correct my code i would very much appreciate it:

http://www.mupepe.com/test.php

the site itself has NSFW content but this page is fine as long as you dont click the links. Thanks

Edited by Viz, 22 March 2007 - 01:29 PM.

Back to top

#2 Jacorre

P2L Jedi

Members
824 posts

Gender:Male
Location:USA
Interests:Computers, Technology, Internet, Graphic/Web Design, Music, Soccer

Posted 23 March 2007 - 09:25 AM

Can we see your CSS? Do you have a width set for the div?

Back to top

#3 Viz

Young Padawan

Members
4 posts

Interests:Photoshop

Posted 23 March 2007 - 01:04 PM

<html><head><title>testing</title></head>
<style type="text/css">

*
{
text-align: left;
margin: 1px;
padding: 1px;
left: auto;
right: auto;
}

body
{
font-family: arial, helvetica, sans-serif;
font-size: 12px;
background: #e1e1e2;
color: #ffffff;
}

div
{
background-color:#000000;
width:240px;
height:360px;
border:2px solid white;
padding:2px 2px 2px 2px;
}

a
{
color: #7c7c7c;
font-size: 11px;
text-decoration: none;
font-weight: bold;

}

a:hover
{
text-decoration: none;
background-color: purple;
color: #ffffff;
}

b
{
font-size: 12px;
text-align:  left;
color: black;
text-decoration: none;
font-weight: italic;
}

h1
{
font-size: 13px;
text-align:  center;
color: white;
text-decoration: underline;
font-weight: bold;
}


table
{
border-width: 1px 1px 1px 1px;
border-spacing: 1px;
border-style: dashed dashed dashed dashed;
border-color: black black black black;
border-collapse: separate;
background-color: rgb(250, 240, 230);
}

table th 
{
border-width: 1px 1px 1px 1px;
padding: 1px 1px 1px 1px;
border-style: hidden hidden hidden hidden;
border-color: gray gray gray gray;
background-color: rgb(255, 250, 250);
-moz-border-radius: 0px 0px 0px 0px;
}

table td 
{
font-size: 11px;
color: #9000A1;
border-width: 1px 1px 1px 1px;
padding: 1px 1px 1px 1px;
border-style: hidden hidden hidden hidden;
border-color: gray gray gray gray;
background-color: rgb(255, 250, 250);
-moz-border-radius: 0px 0px 0px 0px;
}

</style>

<body>

<div>
<h1> Newest threads on the forum:</h1> 
<fieldset>
<legend>Thread: <a href='http://www.mupepe.com/forum/showthread.php?t=264'>She costs 6 grand</a></legend>
<table cellpadding='0' cellspacing='0' border='0'>

<tr>
<td width='1%' style='white-space:nowrap'><b>Thread Starter:</b></td>
<td width='1%' style='white-space:nowrap'><a href='http://www.mupepe.com/forum/member.php?u=38'>*G*</a></td>
</tr>
<tr>
<td width='1%' style='white-space:nowrap'><b>Replies:</b></td>
<td width='1%' style='white-space:nowrap'>9</td>
</tr>
<tr>
<td width='1%' style='white-space:nowrap'><b>Views:</b></td>
<td width='1%' style='white-space:nowrap'>53</td>

</tr>
<tr>
<td width='1%' style='white-space:nowrap'><b>Last Post:</b></td>
<td width='1%' style='white-space:nowrap'><a href='http://www.mupepe.com/forum/member.php?find=lastposter&t=264'>lordmaji</a> <a href='http://www.mupepe.com/forum/showthread.php?t=264&goto=lastpost' title='Go To Last Post'>»</a></td>
</tr>
</table>
</fieldset><fieldset>
<legend>Thread: <a href='http://www.mupepe.com/forum/showthread.php?t=259'>I just farted and nuked the neighborhood</a></legend>
<table cellpadding='0' cellspacing='0' border='0'>
<tr>
<td width='1%' style='white-space:nowrap'><b>Thread Starter:</b></td>

<td width='1%' style='white-space:nowrap'><a href='http://www.mupepe.com/forum/member.php?u=38'>*G*</a></td>
</tr>
<tr>
<td width='1%' style='white-space:nowrap'><b>Replies:</b></td>
<td width='1%' style='white-space:nowrap'>4</td>
</tr>
<tr>
<td width='1%' style='white-space:nowrap'><b>Views:</b></td>
<td width='1%' style='white-space:nowrap'>21</td>
</tr>
<tr>
<td width='1%' style='white-space:nowrap'><b>Last Post:</b></td>

<td width='1%' style='white-space:nowrap'><a href='http://www.mupepe.com/forum/member.php?find=lastposter&t=259'>HideYaFace</a> <a href='http://www.mupepe.com/forum/showthread.php?t=259&goto=lastpost' title='Go To Last Post'>»</a></td>
</tr>
</table>
</fieldset><fieldset>
<legend>Thread: <a href='http://www.mupepe.com/forum/showthread.php?t=258'>Check out Ms. Johannson's pages...</a></legend>
<table cellpadding='0' cellspacing='0' border='0'>
<tr>
<td width='1%' style='white-space:nowrap'><b>Thread Starter:</b></td>
<td width='1%' style='white-space:nowrap'><a href='http://www.mupepe.com/forum/member.php?u=1'>Mupepe</a></td>
</tr>

<tr>
<td width='1%' style='white-space:nowrap'><b>Replies:</b></td>
<td width='1%' style='white-space:nowrap'>8</td>
</tr>
<tr>
<td width='1%' style='white-space:nowrap'><b>Views:</b></td>
<td width='1%' style='white-space:nowrap'>45</td>
</tr>
<tr>
<td width='1%' style='white-space:nowrap'><b>Last Post:</b></td>
<td width='1%' style='white-space:nowrap'><a href='http://www.mupepe.com/forum/member.php?find=lastposter&t=258'>The Dark Shake</a> <a href='http://www.mupepe.com/forum/showthread.php?t=258&goto=lastpost' title='Go To Last Post'>»</a></td>

</tr>
</table>
</fieldset></div>
</body></html>

sorry about not listing it, anyway yeah the div has a set width

Edited by Viz, 23 March 2007 - 01:17 PM.