Forums > Help me, please!

Forums > Resource Center > Support Center > Xanga Support > Xanga Resolved Topics

chupachup07

Apr 13 2005, 12:16 AM

So I've never had to ask for Xanga help before, but I'm having trouble with this new layout I'm trying. biblegrl1400 is my name on xanga so you can see my page. The picture on the top, that should be centered with a width of 750 poxels and the blog space underneath, with the blog and the left toolbars, should line up so that they are 750 pixels. The layout I had before this was fine and i can't figure out why this one is all messed up. I'll paste the code below this as well. Anyone that can hale, thank you sosososo much.

<!-- begin code provided by createblog.com --><br /><style type="text/css"><br />#pnlEnabled table, .htmleditor {<br />width:100% !important; }<br /><br />BODY {<br />scrollbar-face-color: #000000;<br />scrollbar-shadow-color: #000000;<br />scrollbar-highlight-color: #000000;<br />scrollbar-3dlight-color: #000000;<br />scrollbar-darkshadow-color: #000000;<br />scrollbar-track-color: #000000;<br />scrollbar-arrow-color: #FFFFFF;<br />background:#000000;<br />font-family: Verdana;<br />font-size:8pt;<br />font-color: #ffffff;<br />line-height:150%;<br />text-align: justify;<br />}<br /><br />/* edits the date */<br />div.blogheader, .caption <br />{background-image: url(http://img.photobucket.com/albums/v84/biblegrl1400/bar1.jpg);<br />background-repeat:repeat;<br />background-position:left;<br />font-family: FONT FAMILY;<br />text-transform:none;<br />font-size:12#px;<br />line-height:#px;<br />font-weight:bold;<br />color:#ffffff;<br />letter-spacing:2px;<br />background-color:#ffffff;<br />text-align:left;<br />}<br /><br />center, font{<br />font-family: Verdana;<br />font-size: 8pt;<br />font-color: #ffffff;<br />line-height: 12px;}<br /><br />table.left {<br />background-color: 000000;<br />border:0px;<br />}<br /><br />table.left th {<br />background-image: url(http://img.photobucket.com/albums/v84/biblegrl1400/bar1.jpg);<br />background-color: 000000;<br />font: 12px Verdana;<br />text-transform: lowercase;<br />color: #ffffff;<br />text-align: left;<br />font-weight:bold;<br />padding-top:0;<br />padding-bottom:0;<br />border-bottom: 1px solid #000000;<br />}<br /><br />table.left TD {<br />background-color: 000000;<br />color: #ffffff;<br />border: 0px;<br />text-align:left;<br />}<br /><br />.blogheader{<br />background-color: 000000;<br />font: 12px Verdana;<br />text-transform: lowercase;<br />color: #ffffff;<br />border: 0px;<br />text-align: left;<br />font-weight:bold;<br />padding-left:4px;<br />padding-top:0;<br />padding-bottom:0;<br />)<br /><br />.blogbody{<br /> border-top: 1px solid #000000;<br />color: #000000;<br />background-color: #000000;<br />}<br /><br />.blogbody td{<br />width: 0px;<br />padding-left: 0px}<br /><br />input, select, menu, #htmleditor, textarea, .textfield, .button{<br />border: none;<br />font-family:"verdana";<br />font-size:8pt;<br />font-color: #ffffff;<br />line-height:150%;<br />background-color: cccccc;<br />text-align: center;<br />}<br /><br />.module, .module, .blogbody, table.footer, .standard, .modulemodulefontcolor, td, p, .content, .smalltext{<br />font-family: verdana;<br />font-size: 11px;<br />color: #ffffff;<br />text-align:left;<br />}<br /><br />STRONG{<br />COLOR: #ffffff;<br />letter-spacing: 0pt;<br />cursor: crosshair;}<br /><br />A:link{<br />font-family:verdana;<br />text-decoration:none;<br />color: #cccccc;<br />}<br /><br />A:visited{<br />text-decoration:none;<br />font-family:verdana;<br />color:#cccccc;<br />}<br /><br />a:active{<br />color: #cccccc;}<br /><br />A:hover{<br />text-decoration:none;<br />background-color:#cccccc;<br />font-family:verdana;<br />color:#000000;<br />cursor:crosshair<br />}<br /><br />.search, .searchbarborder, .footer, hr, banner{ display: none; }<br />.navigation {  display: none; font-weight: none !important; width: 100% !important; font-size: 10px;}<br />.navigation * div {  display: none; float: right; font-weight: none !important}<br /></style><br /><br /><div style="width: 750px; border: 3px solid #000000; background-color: #000000;"><br /><div style="border: 1px solid #000000;"><br /><MAP NAME='imgmap'><br /><AREA SHAPE='rect' COORDS='644,258,740,270' HREF='http://www.xanga.com/natskins' ALT='NatiMarie's Skins'><br /><AREA SHAPE='rect' COORDS='563,323,595,337' HREF='http://www.xanga.com/private' ALT='Home'><br /><AREA SHAPE='rect' COORDS='621,319,662,337' HREF='http://www.xanga.com/signin.aspx' ALT='Sign In'><br /><AREA SHAPE='rect' COORDS='694,321,743,332' HREF='http://www.xanga.com/logout.aspx' ALT='Log Out'><br /><br /></MAP><br /><br /><IMG SRC='http://img.photobucket.com/albums/v84/biblegrl1400/field2.jpg'border=0 width=750 height=348 USEMAP='#imgmap'><br /><!-- end code provided by createblog.com --><br /><!-- end code provided by createblog.com -->

Pulchritude

Apr 13 2005, 12:52 AM

well first of all this the image code should always be first..

<!-- begin code provided by createblog.com --><br /><div style="width: 750px; border: 3px solid #000000; background-color: #000000;"><br /><div style="border: 1px solid #000000;"><br /><IMG SRC='http://img.photobucket.com/albums/v84/biblegrl1400/field2.jpg'border=0 width=750 height=348 USEMAP='#imgmap'><br /><MAP NAME='imgmap'><br /><AREA SHAPE='rect' COORDS='644,258,740,270' HREF='http://www.xanga.com/natskins' ALT='NatiMarie's Skins'><br /><AREA SHAPE='rect' COORDS='563,323,595,337' HREF='http://www.xanga.com/private' ALT='Home'><br /><AREA SHAPE='rect' COORDS='621,319,662,337' HREF='http://www.xanga.com/signin.aspx' ALT='Sign In'><br /><AREA SHAPE='rect' COORDS='694,321,743,332' HREF='http://www.xanga.com/logout.aspx' ALT='Log Out'><br /><br /></MAP><br /><br /><br /><!-- end code provided by createblog.com -->

and add this to your look and feel

CODE

replace the # with your own number.. replace the margin left on how far u want your banner from the left and replace the margin top with how far u want it from the top..

by the way use a codebox for your codes

CODE

[CODEBOX]CODE GOES HERE[/CODEBOX]

This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.