Help with Layout |
For a list of all requirements and guidelines pertaining to posting a new Help topic, please click here.
This Month's Contests | Hosts Looking for Hostees | Hostees looking for Hosts | BigBookofResources
Submission Guidelines
Help with Layout |
Jul 16 2010, 08:02 PM
Post
#1
|
|
Newbie Group: Member Posts: 8 Joined: Jun 2010 Member No: 759,402 |
Im making div layout and i put my blogs on there but for some reason no matter what i do i cant get the height to change i posted a link to my xanga so u can see what im talking about. i want the blogs to fit right where the notebook is.
my xanga this is my code so far CODE <!-- begin code provided by createblog.com -->
<style type="text/css"> /*Name of Your Skin*/ /*by YOU*/ body { background-image:url(http://cbimg9.com/layouts/08/11/32694ab.png); background-repeat: repeat-y-x; background-color: #COLOR CODE; scrollbar-face-color: #000000; scrollbar-shadow-color: #000000; scrollbar-highlight-color: #ffffff; scrollbar-3dlight-color: #000000; scrollbar-darkshadow-color: #000000; scrollbar-track-color: #000000; scrollbar-arrow-color: #pink; } #rblEprops, #pnlEnabled table, #pnlEprops table { width: auto !important; } table.blogbody { width:500px; font-family: Arial; font-weight: none; font-size: 12pt; color: #000000; text-align: justify; padding: 0px; margin-top: 2px; } div.smalltext{ width: 50px; padding: 3px; text-align: left; } .caption, .blogheader { width: 380px; padding: 3px; font-family: arial; font-size: 16pt; text-align: center; color: #000000; background-color: #000000; text-transform: lowercaps; margin-top: 10px; } P, B, I, TD, TH {font-family: FONT; color: #000000; font-size: 8pt; } A:link, A:visited, A:active {color:#000000; text-decoration:none; font-size:8pt;} a:hover {text-decoration: underline; color:pink; font-size: 8pt; );} b, strong, i, u, { /* edit colors when bold italic underline */ font-family: arial; font-size: 8pt; color: #000000; font-weight: bold; text-transform: lowercaps; </style> <style type="text/css"> .#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;} </style> <div style="position:center; margin-left: 98px;margin-top: 100px;border: 0px solid CODE; width: 800px; height: 500px;background-image:url(http://i748.photobucket.com/albums/xx122/misstalisaxo/middleforlayout-1.jpg); overflow: hidden"></style> <div style=" overflow: auto; width: 500px; height: 500px; margin-top: 40px; margin-left: 200px;"> </style> <!-- end code provided by createblog.com -->
Reason for edit: Please put codes in "[codebox][/codebox]" Thanks. -Nat
|
|
|
Jul 17 2010, 09:12 AM
Post
#2
|
|
Newbie Group: Member Posts: 8 Joined: Jun 2010 Member No: 759,402 |
i have changed the height many times but it never works :[ it keeps the scrollbox longer than what i want.
|
|
|
Jul 17 2010, 08:45 PM
Post
#3
|
|
Newbie Group: Member Posts: 8 Joined: Jun 2010 Member No: 759,402 |
no because that bit is the middle pic not the blogs. i want the blogs to be smaller than this so they will fit inside the notebook on the pic.
|
|
|
Jul 18 2010, 07:57 PM
Post
#4
|
|
Newbie Group: Member Posts: 8 Joined: Jun 2010 Member No: 759,402 |
ok finally got it to work :]
thanks. is there a way to hide the scroll bar? and is there a way to make it lokk right in all browsers? like when i use google chrome the div is out of place.
Reason for edit: Please use the Edit button instead of double-posting. - Mike
|
|
|
Jul 19 2010, 12:47 PM
Post
#5
|
|
Treasure Pleasure Group: Head Staff Posts: 11,193 Joined: Oct 2005 Member No: 281,127 |
Change overflow: auto; to overflow: hidden;. Then replace this bit:
CODE margin-top: 40px; margin-left: 200px; With this: CODE top: 40px; left: 50%; margin-left: 200px; Adjust the top and margin-left values only. |
|
|
Jul 20 2010, 11:10 PM
Post
#6
|
|
Newbie Group: Member Posts: 8 Joined: Jun 2010 Member No: 759,402 |
thanks. how can i put another box or module on there for my about me?
i went to the how to make an xanga layout but when i use the thing it gives it puts the about me in the same scroll box as my blogs |
|
|