Log In · Register

 
 
 Closed TopicStart new topic
Can't create the correct width for my blog box
friarblues
post Jan 27 2006, 09:48 PM
Post #1


noob blogger
***

Group: Member
Posts: 39
Joined: Jul 2005
Member No: 181,232
Ok, here's the situation. I'm working on a layout for a friend located: HERE

As you can see, there's a bit of a margin on the left side that is to wide. I'd like to make the text move more to the left while keeping the right side in the same spot.

Here's the prob. In dreamweaver I know that the width of that box should be 340 px. I have the div layer set to that amount. However the text is not filling up that space.

I tried increasing the width, but all that does is move the whole blog text area to the right of my screen without actually increasing the width.

It 'feels' like there's a table that's keeping it from expanding, but I can't see anything like that in my code.

Here's my code.



Anyone able to help me fill that text box correctly?

Also, if you go to my comments section, it doesn't seem to have as much of a left margin. Not sure why.
 
*digital.fragrance*
post Jan 27 2006, 09:56 PM
Post #2





Guest
Make sure you aren't just editting the div layer width, but the blog width as well... have you tried the "margin-left: ##px;" attribute for your div layer? That would position your blog without a margin on the left side.
 
friarblues
post Jan 27 2006, 10:00 PM
Post #3


noob blogger
***

Group: Member
Posts: 39
Joined: Jul 2005
Member No: 181,232
I'm not sure where the difference is between the div layer width and the blog width, I thought they were the same thing. If not, could you point out in my code where they are different?

As for adjusting the margin-left attribute, yeah, I know that moves the text left or right, but that's not what I need help with because that doesn't expand the width of the blog box.
 
talcumpowder
post Jan 27 2006, 10:03 PM
Post #4


You'll find me in your dreams.
*******

Group: Official Member
Posts: 8,536
Joined: Mar 2005
Member No: 114,010
-shakes head- Stylesheet for the following with irrelevant info removed.
[ http://www.xanga.com/x_kurayamixnixakaixbara_x ]
CODE
<style type="text/css">
/* Aishiteru (AKA. aiaiAI!)//rein.24 */
/* By - Reiri/fishcake-y @ CB[dot]Com */
/* for her personal use only! */
table.blogbody {
/* this edits the other the place where the  blog is */
background-color: #Transparent; width: 490px;}
.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer{display: none;}
/* layout crap */
#img{margin-left: -7px!important; margin-left: -8px;}
#masterdiv{position: static; margin-top: -475px; margin-left: 540px; width: 200px;}
#main{position: static;  margin-top: -1450px; height: 593px; margin-left: -20px; width: 500px;}
div.menutitle{text-align: right; border-bottom: 1px solid #FF9999;}
hr {border: 1px solid #FF9999; width:200;}
</style>
So, your table.blogbody width should be about 330px and your div layer width should be 340px.
 
friarblues
post Jan 27 2006, 10:08 PM
Post #5


noob blogger
***

Group: Member
Posts: 39
Joined: Jul 2005
Member No: 181,232
AAAHHHHH! You da man!

Yeah, I *may* have deleted some parts of the code a long time ago and forgot to add them back in for this layout. whistling.gif

Thanks man, I appreciate it!
 
talcumpowder
post Jan 27 2006, 10:09 PM
Post #6


You'll find me in your dreams.
*******

Group: Official Member
Posts: 8,536
Joined: Mar 2005
Member No: 114,010
Much welcome. I forget to sometimes. =3
-> Topic Closed.
 
« Next Oldest · Xanga Resolved Topics · Next Newest »
 

Closed TopicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 

Display Mode: Standard · Switch to: Linear+ · Switch to: Outline

Track this topic · Email this topic · Print this topic