entry in divs Options

[*tweeak*]

im making this layout, and its not complete yet, but how the hell do i get it so that only the entry that i want fits into the box? this should be simple, but im having a brain fart, so just take a look at the code and help me out, please

(and of course, preview if im making no sense)

CODE

<style type="text/css">
/* As Yet Untitled by Tweeak*/
table.navigation, table.footer { display:none; }
.#rblEprops{display:none;}
#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops
/* width of the comment page */
{width:245px;}
.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer
{display: none;}
body
{background-color: #COLOR CODE;

scrollbar-arrow-color: #COLOR CODE;
scrollbar-track-color: #COLOR CODE;
scrollbar-shadow-color: #COLOR CODE;
scrollbar-face-color: #COLOR CODE;
scrollbar-highlight-color: #COLOR CODE;
scrollbar-darkshadow-color: #COLOR CODE;
scrollbar-3dlight-color: #COLOR CODE;}

/* edits the date */
div.blogheader, .caption
{background-image: url();
background-repeat:no-repeat;
background-position:center;
font-family: FONT FAMILY;
text-transform:none;
font-size:#px;
line-height:#px;
font-weight:normal;
color:#COLOR CODE;
letter-spacing:2px;
background-color:#COLOR CODE;
text-align:center;
border:1px solid #COLOR CODE;}

.blogbody b, .standard b, p b, strong {
/* edits bolded text in your entry */
font-weight: bold;
color: #COLOR CODE;}

input, select, textarea, iframe.htmleditor, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
border: #px solid #COLOR CODE;
font:normal #px FONT FAMILY;
background-color: #COLOR CODE;
font-color:#COLOR CODE;}

table.footer TD {
/* this makes the footer at the bottom centered */
/* leave it alone unless you know what to do*/
text-align: center;}

table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
background-image: url();
background-color:none;
color: #COLOR CODE;
font: bold #pt FONT FAMILY;
text-transform: none;
text-align:center;
border: #COLOR CODE #px solid;}

table.left {
/* this edits the menu module */
width:180px;
color:000000;
background-color:#COLOR CODE;
BORDER: #COLOR CODE #px solid;}

font,td,p,xmp
{color:#COLOR CODE;
font-face: FONT FAMILY;
font-weight:normal;
font-size:#pt;
text-align:justify;}

table.blogbody tr td {
/* this edits the left margin of blog */
width:0px;
padding-left: 0px;}

table.blogbody {
/* this edits the other the place where the  blog is */
background-color:transparent;
family-font: FONT FAMILY;
BORDER: #COLOR CODE #px solid;
width:###px;} /* <-- The width for this should be around 5-15 pixels less then the width for your blog's div layer. */

a:link
{line-height: #pt;
font-family: FONT FAMILY;
font-weight:normal;
color:#COLOR CODE;
text-transform:none;
font-size:#pt;
cursor:crosshair;}

a:active
{font-family: FONT FAMILY;
color:#COLOR CODE;
text-transform:none;
font-size:#pt;
cursor:crosshair;}

a:visited
{font-family: FONT FAMILY;
color:#COLOR CODE;
text-transform:none;
text-decoration:strikeout;
font-size:#pt;
cursor: crosshair;}

A:hover {font-family:FONT FAMILY;
color:#COLOR CODE;
text-transform: uppercase;
cursor: crosshair;
font-weight:bold;
font-size:#pt}</style>
<IMG
SRC='http://img.photobucket.com/albums/v108/dublosven/start.gif'
border=0 width=600 height=571 USEMAP='#FPMap0'>
<div style="overflow: auto; width: 150px; height: 175px; margin-top: -225px; margin-left: -385px;"><a href="http://www.xanga.com">link</a><br>
<a href="http://www.xanga.com">link</a><br>
<a href="http://www.xanga.com">link</a><br>
<a href="http://www.xanga.com">link</a><br>
<a href="http://www.xanga.com">link</a><br>
<a href="http://www.xanga.com">link</a><br>
<a href="http://www.xanga.com">link</a><br>
<a href="http://www.xanga.com">link</a><br>
<a href="http://www.xanga.com">link</a><br></div>
<div style="overflow: auto; width: 340px; height: 355px; margin-top: -375px; margin-left: 180px;">
<map name="FPMap0">
<area href="http://xanga.com" shape="rect" coords="65, 158, 151, 189">
<area href="http://xanga.com/claf" shape="rect" coords="65, 190, 152, 214">
<area href="http://xanga.com/subscribe" shape="rect" coords="56, 215, 161, 245">
<area href="http://xanga.com/private/read" shape="rect" coords="80, 245, 139, 274">
<area href="http://xanga.com/home" shape="rect" coords="60, 274, 158, 310"></map>

[*mona lisa*]

umm..you want only the blog in your div right? well put the image code first, then the the css, then the div and make sure it isn't closed. i hope that helps.

[*tweeak*]

the blog is in the div, but it scrolls and is wider than i want. try using to skin previewer to see what i mean, because i dont know how to explain it much better than that

[*mona lisa*]

oh...sometimes the xanga skin previewer isn't right..i've tried it before. so you want to get rid of some space in the blog?

[*tweeak*]

yeah, its so far over, that you have to scroll for ages just to get to the words

i dont know what i skrewed up

[*mona lisa*]

CODE

<style>
table.main {width:#px; border:0px;}
</style>

add that and make the width a little smaller than the width for the div and there should be no scrollbar. tell me if it doesn't work.

[*tweeak*]

alright, thanks, ill try that

[sherryvu]

alright, thanks, ill try that

[ topic closed ]