help with layout Options

[kayiiem]

heres myxanga. question is how do i get the entry boxes to be centered .. and if you scroll all the way down theres that long line .. not the numbers but the line .. i think its called a divider how do i make that line smaller? thanks

[lpdrummer]

The line at the VERY bottom of your page where beneath it it says "Next 5"?

Or the off-centered box where the date is?

[Kenado]

There is a long line of number on the bottom of your xanga. click here and read the first entry on how to get rid of the numbers and forit to be center you have to make the margin-left bigger.

[kayiiem]

oh no its the long line on top of next 5. i already know the problem to the numbers .. thanks anyways though

[Kenado]

Oh hmmm can you paste your code?

[kayiiem]

<!-- begin code provided by createblog.com --><br /><!-- begin code provided by createblog.com --><br /><style type="text/css"><br />body, p, td, span, font, a, submit, .blogheader, input, .button, select, iframe.htmleditor, .textfield, div, b, strong, u, i, em, xmp {<br />font-family: Arial;<br />font-size: 11px;<br />color: #000000;<br />text-transform: none;<br />}<br /></style><br /><!-- end code provided by createblog.com --><br /><br /><br /><br /><img src="http://img82.imageshack.us/img82/5791/image44ue.png"><br><br /><br /><td><br /><br /><DIV style=" OVERFLOW: auto;  WIDTH: 600px; height: 210px; BACKGROUND-COLOR:<br />#FFFFFF"><p align="left"><!-- begin code provided by createblog.com --><br /><script language="JavaScript"><br /><!--<br /><br />var current = 0;<br /><br />function imageArray()<br />{<br />  this.length = imageArray.arguments.length;<br />  for (var i = 0; i < this.length; i++)<br />  {<br />     this[i] = imageArray.arguments[i];<br />  }<br />}<br />// All images MUST BE OF THE SAME SIZE, since<br />// the dimensions of the first image will be<br />// used for all subsequent images.<br />// All the images for your slide show need to <br />// be stored in the same directory.<br />// You can use any group and any <br />// number of images. Place your images within <br />// each set of quotation marks below.<br />// If the images are all in your Angelfire <br />// images subdirectory, makes sure the name <br />// of each image starts with "images/" like<br />// in the example below.<br />var imgz = new imageArray("http://img2.uploadimages.net/118647Picture_325.jpg",<br />"http://img2.uploadimages.net/483339Picture_274.jpg",<br />"http://img2.uploadimages.net/337044Picture_276.jpg",<br />"http://img2.uploadimages.net/269709Picture_278.jpg",<br />"http://img2.uploadimages.net/510512Picture_290.jpg",<br />"http://img2.uploadimages.net/404904Picture_297.jpg",<br />"http://img2.uploadimages.net/509051Picture_293.jpg",<br />"http://img2.uploadimages.net/694990Picture_277.jpg");<br /><br />document.write('<img name="myImages" height="308px" width="220px" border="1" src="'+imgz[0]+'">');<br /><br />function getPosition(val)<br />{<br />  var goodnum = current+val;<br />  if (goodnum < 0)<br />// This message is displayed if your visitor <br />// tries to click back past your first image.<br />// Place your message within the quotation <br />// marks below.<br />    alert("click next");<br /><br />  else<br />    if (goodnum > imgz.length-1)<br />// This message is displayed if your visitor <br />// tries to click past your last image. Place <br />// your message within the quotation marks <br />// below.<br />      alert("click previous");<br />    else<br />      document.myImages.src = imgz[goodnum];<br /><br />  current = goodnum;<br />}<br /><br />//--><br /></script><br /><br /><input type="button" value="« prev" onclick="getPosition(-1)"><br /><input type="button" value="next »" onclick="getPosition(1)"><br /><!-- end code provided by createblog.com -->this girl`s name is <b>kim</b>. some call her <u>luuser</u>. she was born <em>100 percent</em> <b>vietnamese</b> on <em>march</em> <u>6</u> of <b>'91</b>. she`s currently living in <b>connecticut</b>;; she`s taken her education at the <em>highschool</em> as a fourteen year old <b>freshman</b>. this <u>behbii</u> is standin` tall at <b>5'3"</b> and lovin` her <em>man</em> so don't bother <b>=P</b> she <em>loves</em> <b>smiling</b>, hanging out with her friends, laughing, having a <b>great ass</b> time,  <b>hollister</b>, lipgloss, make-up, <em>abercrombie</em>, AIM, phonee, singing, dancing, sunsets, beaches, tanning, <em>her BRACES!</em>, earings, necklaces, <b>junior</b> <em>;]</em>, eyeliner, clothes, <b>and</b> dogs . she <em>hates</em> liars, <b>backstabbers</b>, people who <u>don't</u> take showers, <b>bad hair days</b>, out of style clothes, cockyy people, icky hair, fish, <b>and</b> people who think <em>too</em> highly of themselves. she's pretty <em>nice</em> but if you piss her off she`ll be the <b>biggest pain in the ass</b> you have ever met. but just <u>chill</u> cause she's a <b>normal</b> teenager living life to the <u>fullest</u> <b>=]</b><br><br><br><b>&&</b> yes .. i did make this bannerr all by friggin self! <em>=P</em></p></div></td><table align="justify" width="600" bgcolor="#ffffff" style="border:0px solid #000000"><tr><td><center>  <br /><B>.</b> <A href="http://www.xanga.com">xanga</A> <b>.</b><br /><A href="http://www.xanga.com/signin.aspx">in</A> <b>.</b><br /><A href="http://www.xanga.com/private/home.aspx">private</A> <b>.</b><br /><A href="http://edit.xanga.com/claf.aspx">CLAF</A> <b>.</b><br /><A href="http://www.xanga.com/private/SubscribeTo.aspx?user=k1mmm">subscribe</A> <b>.</b><br /><A href="http://www.xanga.com/Private/subs.aspx">subs</A> <b>.</b><br /><A href="http://www.xanga.com/Private/feedback.aspx">feedback</a> <B>.</b><br /><A href="http://www.xanga.com/logout.aspx">sign out</A> <B>.</b><br /></center></td></tr></table><br /><style type="text/css"><br />/* http://createblog.com */<br />body {<br />  background-color: #ffffff;<br />  scrollbar-arrow-color: #000000;<br />  scrollbar-track-color: #FFFFFF;<br />  scrollbar-shadow-color: #000000;<br />  scrollbar-face-color: #FFFFFF;<br />  scrollbar-highlight-color: #000000;<br />  scrollbar-darkshadow-color: #000000;<br />  scrollbar-3dlight-color: #000000;<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:arial;<br />text-transform:none;<br />font-size:11px;<br />line-height:12px;<br />font-weight:bold;<br />color:#FF88AE;<br />letter-spacing:0px;<br />background-color:#ffffff;<br />text-align:center;<br />border:0px solid #000000;<br />}<br />.blogbody b, .standard b, p b, strong {<br />/* edits bolded text in your entry */<br />  font-weight: bold;<br />  color: #9E6306;<br />  }<br /><br /><br />input, select, textarea, iframe.htmleditor, .textfield, .button {<br />/* this edits the buttons, dropdowns, etc. */<br />border: 1px solid #ffffff;<br />font:normal 12px arial;<br />background-color: ffffff;<br />font-color:#000000;<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: #000000;<br />  font: bold 10pt arial;<br />  text-transform: none;<br />  text-align:center;<br />border: #000000 1px solid;<br />;}<br /> <br />table.left { <br />/* this edits the menu module */<br />width:180px;<br />color:000000;<br />background-color:ffffff;<br />BORDER: #000000 1px solid;<br /> }<br /><br />font,td,p,xmp{color:#000000;<br />font-face: arial;<br />font-weight:normal;<br />font-size:11px;<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: arial;<br />BORDER: #000000 1px solid;<br />width:600px;}<br />background-position:center<br /><br />a:link{line-height: 9pt; font-family: arial;font-weight:normal; color:#9E6306; text-transform:none;font-size:11px; cursor:default;}<br />a:active{font-family: arial; color:#9E6306; text-transform:none;font-size:11px; cursor:default;}<br />a:visited{font-family: arial; color:#9E6306; text-transform:none;text-decoration:none;font-size:11px;cursor: default;}<br />A:hover {font-family:arial;color:#9E6306;text-transform: uppercase; cursor: crosshair; font-weight:bold;font-size:11px}</style><br /><!-- end code provided by createblog.com --><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><style><br />u {font-family: arial; font-weight:normal; letter-spacing:-0px; color: #E9C2A6;border-bottom: 2pt solid #FF88AE;}</style><br /><br /><br /><!-- begin code provided by createblog.com --><br /><style type="text/css"><br />.blogbody i, .standard i, p i, em {<br /> font-weight: italic;<br /> font-family: georgia;<br /> color: FF88AE;}<br /></style><br /><!-- end code provided by createblog.com --><br /><br /><br /><!-- begin code provided by createblog.com --><br /><style type="text/css"><br />.blogbody b, .standard b, p b, strong {<br />/* edits bolded text in your entry */<br /> font-weight: bold;<br /> color: #9E6036;<br /> }<br /></style><br /><!-- end code provided by createblog.com --><br /><br /><br /><!-- begin code provided by createblog.com --><br /><style type="text/css"><br />table.navigation, table.footer { display:none; }<br /></style><br /><!-- end code provided by createblog.com --><br /><br /><br /><!-- begin code provided by createblog.com --><br /><style type='text/css'><br />.mainleft { display:none; }<br /></style><br /><!-- end code provided by createblog.com --><br /><!-- end code provided by createblog.com -->

i think the horizontal divider has to do something with my entry boxes so .. if i can get my entry boxes to line up then i think that line will to.

[Kenado]

<!-- begin code provided by createblog.com --><br /><DIV style=" OVERFLOW: auto;  WIDTH: 600px; height: 210px; BACKGROUND-COLOR:<br />#FFFFFF"><p align="left"><!-- begin code provided by createblog.com --><br /><script language="JavaScript"><br /><!-- end code provided by createblog.com -->

try to make the width smaller and mess around with it a bit.

[kayiiem]

that code goes with my information box thing so if i change the width to that it doesnt look even with the banner ..

[Kenado]

try this code

<!-- begin code provided by createblog.com --><br /><div id="blog" style="position: static; margin-left: 5px; width: 107px; height: 100%; background: none; overflow:;"><table border="0"></div><br /><br /><!-- begin code provided by createblog.com --><br /><!-- begin code provided by createblog.com --><br /><style type="text/css"><br />body, p, td, span, font, a, submit, .blogheader, input, .button, select, iframe.htmleditor, .textfield, div, b, strong, u, i, em, xmp {<br />font-family: Arial;<br />font-size: 11px;<br />color: #000000;<br />text-transform: none;<br />}<br /></style><br /><!-- end code provided by createblog.com --><br /><br /><br /><br /><img src="http://img82.imageshack.us/img82/5791/image44ue.png"><br><br /><br /><td><br /><br /><DIV style=" OVERFLOW: auto;  WIDTH: 600px; height: 210px; BACKGROUND-COLOR:<br />#FFFFFF"><p align="left"><!-- begin code provided by createblog.com --><br /><script language="JavaScript"><br /><!--<br /><br />var current = 0;<br /><br />function imageArray()<br />{<br />  this.length = imageArray.arguments.length;<br />  for (var i = 0; i < this.length; i++)<br />  {<br />     this[i] = imageArray.arguments[i];<br />  }<br />}<br />// All images MUST BE OF THE SAME SIZE, since<br />// the dimensions of the first image will be<br />// used for all subsequent images.<br />// All the images for your slide show need to <br />// be stored in the same directory.<br />// You can use any group and any <br />// number of images. Place your images within <br />// each set of quotation marks below.<br />// If the images are all in your Angelfire <br />// images subdirectory, makes sure the name <br />// of each image starts with "images/" like<br />// in the example below.<br />var imgz = new imageArray("http://img2.uploadimages.net/118647Picture_325.jpg",<br />"http://img2.uploadimages.net/483339Picture_274.jpg",<br />"http://img2.uploadimages.net/337044Picture_276.jpg",<br />"http://img2.uploadimages.net/269709Picture_278.jpg",<br />"http://img2.uploadimages.net/510512Picture_290.jpg",<br />"http://img2.uploadimages.net/404904Picture_297.jpg",<br />"http://img2.uploadimages.net/509051Picture_293.jpg",<br />"http://img2.uploadimages.net/694990Picture_277.jpg");<br /><br />document.write('<img name="myImages" height="308px" width="220px" border="1" src="'+imgz[0]+'">');<br /><br />function getPosition(val)<br />{<br />  var goodnum = current+val;<br />  if (goodnum < 0)<br />// This message is displayed if your visitor <br />// tries to click back past your first image.<br />// Place your message within the quotation <br />// marks below.<br />    alert("click next");<br /><br />  else<br />    if (goodnum > imgz.length-1)<br />// This message is displayed if your visitor <br />// tries to click past your last image. Place <br />// your message within the quotation marks <br />// below.<br />      alert("click previous");<br />    else<br />      document.myImages.src = imgz[goodnum];<br /><br />  current = goodnum;<br />}<br /><br />//--><br /></script><br /><br /><input type="button" value="« prev" onclick="getPosition(-1)"><br /><input type="button" value="next »" onclick="getPosition(1)"><br /><!-- end code provided by createblog.com -->this girl`s name is <b>kim</b>. some call her <u>luuser</u>. she was born <em>100 percent</em> <b>vietnamese</b> on <em>march</em> <u>6</u> of <b>'91</b>. she`s currently living in <b>connecticut</b>;; she`s taken her education at the <em>highschool</em> as a fourteen year old <b>freshman</b>. this <u>behbii</u> is standin` tall at <b>5'3"</b> and lovin` her <em>man</em> so don't bother <b>=P</b> she <em>loves</em> <b>smiling</b>, hanging out with her friends, laughing, having a <b>great ass</b> time,  <b>hollister</b>, lipgloss, make-up, <em>abercrombie</em>, AIM, phonee, singing, dancing, sunsets, beaches, tanning, <em>her BRACES!</em>, earings, necklaces, <b>junior</b> <em>;]</em>, eyeliner, clothes, <b>and</b> dogs . she <em>hates</em> liars, <b>backstabbers</b>, people who <u>don't</u> take showers, <b>bad hair days</b>, out of style clothes, cockyy people, icky hair, fish, <b>and</b> people who think <em>too</em> highly of themselves. she's pretty <em>nice</em> but if you piss her off she`ll be the <b>biggest pain in the ass</b> you have ever met. but just <u>chill</u> cause she's a <b>normal</b> teenager living life to the <u>fullest</u> <b>=]</b><br><br><br><b>&&</b> yes .. i did make this bannerr all by friggin self! <em>=P</em></p></div></td><table align="justify" width="600" bgcolor="#ffffff" style="border:0px solid #000000"><tr><td><center>  <br /><B>.</b> <A href="http://www.xanga.com">xanga</A> <b>.</b><br /><A href="http://www.xanga.com/signin.aspx">in</A> <b>.</b><br /><A href="http://www.xanga.com/private/home.aspx">private</A> <b>.</b><br /><A href="http://edit.xanga.com/claf.aspx">CLAF</A> <b>.</b><br /><A href="http://www.xanga.com/private/SubscribeTo.aspx?user=k1mmm">subscribe</A> <b>.</b><br /><A href="http://www.xanga.com/Private/subs.aspx">subs</A> <b>.</b><br /><A href="http://www.xanga.com/Private/feedback.aspx">feedback</a> <B>.</b><br /><A href="http://www.xanga.com/logout.aspx">sign out</A> <B>.</b><br /></center></td></tr></table><br /><style type="text/css"><br />/* http://createblog.com */<br />body {<br />  background-color: #ffffff;<br />  scrollbar-arrow-color: #000000;<br />  scrollbar-track-color: #FFFFFF;<br />  scrollbar-shadow-color: #000000;<br />  scrollbar-face-color: #FFFFFF;<br />  scrollbar-highlight-color: #000000;<br />  scrollbar-darkshadow-color: #000000;<br />  scrollbar-3dlight-color: #000000;<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:arial;<br />text-transform:none;<br />font-size:11px;<br />line-height:12px;<br />font-weight:bold;<br />color:#FF88AE;<br />letter-spacing:0px;<br />background-color:#ffffff;<br />text-align:center;<br />border:0px solid #000000;<br />}<br />.blogbody b, .standard b, p b, strong {<br />/* edits bolded text in your entry */<br />  font-weight: bold;<br />  color: #9E6306;<br />  }<br /><br /><br />input, select, textarea, iframe.htmleditor, .textfield, .button {<br />/* this edits the buttons, dropdowns, etc. */<br />border: 1px solid #ffffff;<br />font:normal 12px arial;<br />background-color: ffffff;<br />font-color:#000000;<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: #000000;<br />  font: bold 10pt arial;<br />  text-transform: none;<br />  text-align:center;<br />border: #000000 1px solid;<br />;}<br /> <br />table.left { <br />/* this edits the menu module */<br />width:180px;<br />color:000000;<br />background-color:ffffff;<br />BORDER: #000000 1px solid;<br /> }<br /><br />font,td,p,xmp{color:#000000;<br />font-face: arial;<br />font-weight:normal;<br />font-size:11px;<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: arial;<br />BORDER: #000000 1px solid;<br />width:600px;}<br />background-position:center<br /><br />a:link{line-height: 9pt; font-family: arial;font-weight:normal; color:#9E6306; text-transform:none;font-size:11px; cursor:default;}<br />a:active{font-family: arial; color:#9E6306; text-transform:none;font-size:11px; cursor:default;}<br />a:visited{font-family: arial; color:#9E6306; text-transform:none;text-decoration:none;font-size:11px;cursor: default;}<br />A:hover {font-family:arial;color:#9E6306;text-transform: uppercase; cursor: crosshair; font-weight:bold;font-size:11px}</style><br /><!-- end code provided by createblog.com --><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><style><br />u {font-family: arial; font-weight:normal; letter-spacing:-0px; color: #E9C2A6;border-bottom: 2pt solid #FF88AE;}</style><br /><br /><br /><!-- begin code provided by createblog.com --><br /><style type="text/css"><br />.blogbody i, .standard i, p i, em {<br /> font-weight: italic;<br /> font-family: georgia;<br /> color: FF88AE;}<br /></style><br /><!-- end code provided by createblog.com --><br /><br /><br /><!-- begin code provided by createblog.com --><br /><style type="text/css"><br />.blogbody b, .standard b, p b, strong {<br />/* edits bolded text in your entry */<br /> font-weight: bold;<br /> color: #9E6036;<br /> }<br /></style><br /><!-- end code provided by createblog.com --><br /><br /><br /><!-- begin code provided by createblog.com --><br /><style type="text/css"><br />table.navigation, table.footer { display:none; }<br /></style><br /><!-- end code provided by createblog.com --><br /><br /><br /><!-- begin code provided by createblog.com --><br /><style type='text/css'><br />.mainleft { display:none; }<br /></style><br /><!-- end code provided by createblog.com --><br /><!-- end code provided by createblog.com --><br /><!-- end code provided by createblog.com -->

[kayiiem]

i used it and it the whole layout goes to the right but the horizontal line is gone now.

[Kenado]

hmmmm it does I just tried let me check again.

//edit I tried again and it's centered on the xanga I tested it on

[kayiiem]

oh? what are the settings on like the actual xanga ..?

[Kenado]

is your xanga full screen? 100%

[kayiiem]

yesss

[Kenado]

try deleting everyting in your header html and copy the code i gave you
I tested the code I used on this site here

[kayiiem]

oh you know what .. i think its cause i have firefox .. thats why i see it on the right sidee

[Kenado]

yeah i was using IE and is your alignment center where it says Width and alignment?

[kayiiem]

yea it is

[Kenado]

Is it still not working?

[kayiiem]

what do you mean? its still on the right sidee .. well uhmm ... i can just find another css and put it together with. but uhh do you have the code that lines up the words together .. like in your entries?

[Kenado]

hmmm not sure how I did that I just used a style sheet
probably when you use the style sheet where it says font or blogbody or something like that you can try text-align:justify;

[kayiiem]

okayy thankkk youu .. lol sorryy for the trouble.

editt//
oh yeah .. do you know the code to get the words with the info about me line up against the pictures?

[Kenado]

You're welcome!!!

[talcumpowder]

oh yeah .. do you know the code to get the words with the info about me line up against the pictures?
----
Try this.

<!-- begin code provided by createblog.com --><br /><script language="JavaScript"><br /><!--<br /><br />var current = 0;<br /><br />function imageArray()<br />{<br />  this.length = imageArray.arguments.length;<br />  for (var i = 0; i < this.length; i++)<br />  {<br />     this[i] = imageArray.arguments[i];<br />  }<br />}<br />// All images MUST BE OF THE SAME SIZE, since<br />// the dimensions of the first image will be<br />// used for all subsequent images.<br />// All the images for your slide show need to <br />// be stored in the same directory.<br />// You can use any group and any <br />// number of images. Place your images within <br />// each set of quotation marks below.<br />// If the images are all in your Angelfire <br />// images subdirectory, makes sure the name <br />// of each image starts with "images/" like<br />// in the example below.<br />var imgz = new imageArray("http://img2.uploadimages.net/118647Picture_325.jpg",<br />"http://img2.uploadimages.net/483339Picture_274.jpg",<br />"http://img2.uploadimages.net/337044Picture_276.jpg",<br />"http://img2.uploadimages.net/269709Picture_278.jpg",<br />"http://img2.uploadimages.net/510512Picture_290.jpg",<br />"http://img2.uploadimages.net/404904Picture_297.jpg",<br />"http://img2.uploadimages.net/509051Picture_293.jpg",<br />"http://img2.uploadimages.net/694990Picture_277.jpg");<br /><br />document.write('<img name="myImages" height="308px" width="220px" border="1" src="'+imgz[0]+'" align="left">');<br /><br />function getPosition(val)<br />{<br />  var goodnum = current+val;<br />  if (goodnum < 0)<br />// This message is displayed if your visitor <br />// tries to click back past your first image.<br />// Place your message within the quotation <br />// marks below.<br />    alert("click next");<br /><br />  else<br />    if (goodnum > imgz.length-1)<br />// This message is displayed if your visitor <br />// tries to click past your last image. Place <br />// your message within the quotation marks <br />// below.<br />      alert("click previous");<br />    else<br />      document.myImages.src = imgz[goodnum];<br /><br />  current = goodnum;<br />}<br /><br />//--><br /></script><br /><!-- end code provided by createblog.com -->

[kayiiem]

OMG! thanks!