layout help Options

[Mulder]

i made a layout, and i've just begun coding it. but basically ive gotten all the hard stuff taken care of. i used <div> tags to put my info somewhere (i dont have modules) but the font wont change. so do i need to put the font into the <div> tag code or make a module...or what?

header html

<!-- begin code provided by createblog.com --><br /><MAP NAME='imgmap'><br /><AREA SHAPE='rect' COORDS='390,46,421,65' HREF='http://www.xanga.com' ALT='home'><br /><AREA SHAPE='rect' COORDS='384,84,415,101' HREF='http://www.xanga.com/private/home.aspx' ALT='yours'><br /><AREA SHAPE='rect' COORDS='386,118,414,135' HREF='http://www.xanga.com/claf' ALT='claf'><br /><AREA SHAPE='rect' COORDS='382,149,415,167' HREF='http://www.xanga.com/Private/SubscribeTo.aspx?user=delusionsofgrandeur67' ALT='subscribe'><br /><AREA SHAPE='rect' COORDS='387,182,416,206' HREF='http://www.xanga.com/signin.aspx' ALT='sign in'><br /><AREA SHAPE='rect' COORDS='388,224,416,246' HREF='http://www.xanga.com/logout.aspx' ALT='sign out'><br /></MAP><br /><br /><IMG SRC=http://img281.imageshack.us/img281/2646/greenswirllyt25gg.png border=0 width=700 height=600 USEMAP='#imgmap'><br /><br /><!-- begin code provided by createblog.com --><br /><br /><style type="text/css"><br />.#rblEprops{display:none;}<br />#pnlEnabled table, #htmleditor, #lblTimeZone,<br />/* width of the comment page */<br />{width:245px;}<br />.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer <br />{display: none;} <br /></style><br /><br /><!-- end code provided by createblog.com --><br /><!-- begin code provided by createblog.com --><br /><br /><style type="text/css"><br />table.navigation, table.footer { display:none; }<br /></style><br /><br /><!-- end code provided by createblog.com --><br /><br /><div style="overflow: auto; width: 240px; height: 250px; margin-top: -570px; margin-left: 440px; text-align: left;"><b>About Me</b><br>Name: John Smith<br>Age: 20<br>Birthday: January 1<br>Hobbies: Farting<Br>Expertise: Computer Programming</div><br /><br /><!-- begin code provided by createblog.com --><br /><br /><div style="overflow: auto; width: 500px; height: 200px; margin-top: 140px; margin-left: -300px;"> <br /><br /><!-- end code provided by createblog.com --><br /><!-- end code provided by createblog.com -->

website stats (a basic stylesheet)

<!-- begin code provided by createblog.com --><br /><!-- begin code provided by createblog.com --><br /><br /><style type="text/css"><br />/* Just Imagine - By delusionsofgrandeur67@xanga.com*/<br />body <br />{background-color: #FFFFFF;<br /></style><br /><style type="text/css"><br />div {<br />filter:chroma(color=#FFFFFF); /* here you are defining which color you want to be transparent in your scrollbars */<br /><br />scrollbar-arrow-color: #000000;<br />scrollbar-face-color: #FFFFFF; /* transparent */<br />scrollbar-3dlight-color: #FFFFFF; /* transparent */<br />scrollbar-darkshadow-color: #FFFFFF; /* transparent */<br />scrollbar-highlight-color: #FFFFFF;<br />scrollbar-shadow-color: #FFFFFF;<br />scrollbar-track-color: #FFFFFF; /* transparent */<br />}<br /><br />/* edits the date */<br />div.blogheader, .caption <br />{background-image: url();<br />background-repeat:no-repeat;<br />background-position:center;<br />font-family: centaur;<br />text-transform:none;<br />font-size: 20px;<br />line-height: 15px;<br />font-weight: bold;<br />color:#000000;<br />letter-spacing:-1px;<br />background-color:transparent;<br />text-align:center;}<br /><br />.blogbody b, .standard b, p b, strong {<br />/* edits bolded text in your entry */<br />font-weight: bold;<br />color: #000000;}<br /><br /><br /> table.footer TD {<br />/* this makes the footer at the bottom centered */<br />/* leave it alone unless you know what to do*/<br />text-align: center;}<br /><br />table.left th {<br />/* on your menu module, this edits the title part of it */<br />/* like BLOGRINGS, POSTING CALENDAR, etc */<br />background-image: url();<br />background-color:none;<br />color: #COLOR CODE;<br />font: bold #pt FONT FAMILY;<br />text-transform: none;<br />text-align:center;<br />border: #COLOR CODE #px solid;}<br /> <br />table.left { <br />/* this edits the menu module */<br />width:180px;<br />color:000000;<br />background-color:#COLOR CODE;<br />BORDER: #COLOR CODE #px solid;}<br /><br />font,td,p,xmp<br />{color:#000000;<br />font-face:centaur;<br />font-weight:normal;<br />font-size:8pt;<br />text-align:justify;}<br /><br />table.blogbody tr td { <br />/* this edits the left margin of blog */ <br />width:0px; <br />padding-left: 0px;} <br /><br />table.blogbody {<br />/* this edits the other the place where the  blog is */<br />background-color:transparent;<br />family-font: terminal;<br />BORDER: #COLOR CODE #px solid;<br />width:380px;} /* <-- The width for this should be around 5-15 pixels less then the width for your blog's div layer. */ <br /><br />a:link<br />{line-height: 10pt; <br />font-family: terminal;<br />font-weight:normal; <br />color:#000000; <br />text-transform:none;<br />font-size:8pt; <br />cursor:ne-resize;}<br /><br />a:active<br />{font-family: terminal; <br />color:#000000; <br />text-transform:none;<br />font-size:8pt; <br />cursor:ne-resize;}<br /><br />a:visited<br />{font-family: terminal; <br />color:#000000; <br />text-transform:none;<br />text-decoration:none;<br />font-size:8pt;<br />cursor: ne-resize;}<br /><br />A:hover {font-family: terminal;<br />color:#40BF40;<br />text-transform: none; <br />cursor: ne-resize; <br />font-weight:normal;<br />font-size:8pt}</style><br /><br /><!-- end code provided by createblog.com --><br /><!-- end code provided by createblog.com -->

its not on my xanga right now.... heres the link


do u also know how to make the pic completely fill up the page?
thanks

[talcumpowder]

Add this to your stylesheet.

CODE

//blogringdocument.write
.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* edits main text */
font:normal 10px mini; color: #008000; letter-spacing:0px; text-align:justify;}

edit// To make the pic fill up the page completele, you'd have to streach it. Just leave it the way it is.

[Mulder]

it didnt work..
i think ill just try to put a module there, and just do the fonts for that separately
unless somebody else knows a code i could use..

[talcumpowder]

You did actually put it in the stylesheet, correct? Also, set your font in CLAF to Arial, size 1. The CSS override works better when it's set to that for some reason. Sometimes though... You can't use a font under ten point. You really shouldn't be doing that anyways, but sometimes it doesn't work because size one = 10point font.

[Mulder]

yes! thanks so much.

[Teesa]

yes! thanks so much.

Topic Closed.