HTMLHelp Forums > Help with a myspace text length

Full Version: Help with a myspace text length

HTMLHelp Forums > Web Authoring > Markup (HTML, XHTML, XML)

misskitty

Nov 29 2006, 09:42 AM

Hi everyone

I hoping someone can help me with what I expect is a very simple code!! I’m, just starting to learn the basics of html coding but I’m stuck on something on my myspace page:

http://www.myspace.com/hannahpritchard

As you can see by the two large tables on the left & right hand sides they are rather wide and my text only takes up the 1st 3rd pf the table. Is there a way to lengthen the text lines or stretch them so they fir better as it looks rather odd? Hope this makes sense!!

Here’s my layout code:

CODE

<div style="position:absolute;right:0px;top:0px;">Create or get your<br />very own <a href=" /" target="_blank">MySpace Layouts</a></div><style type="text/css">
table, tr, td { background-color:transparent; border:none; border-width:0;}
body { background-image:url('http://www.123backgrounds.com/bg/hearts/hearts1.gif');
background-attachment:fixed;
border-color:000000;
border-width:52px ;
border-style: solid;
background-repeat:repeat;
scrollbar-face-color:000000;
scrollbar-highlight-color:000000;
scrollbar-3dlight-color:000000;
scrollbar-shadow-color:000000;
scrollbar-darkshadow-color:000000;
scrollbar-arrow-color:FFFFFF;
scrollbar-track-color:000000;
}.mygen { Table Properties }
table table { border: 0px }
table table table table{border:0px}
table table table {
border-style:solid;
border-width:14px;
border-color:000000;
background-color:FFFFFF;
}.mygen { Text Properties }
table, tr, td, li, p, div {font-family:small fonts;
font-size:8px;
letter-spacing:0pt;
font-weight:normal;
text-transform:uppercase; color:000000; }
.btext { font-family:small fonts;
font-size:8px;
letter-spacing:0pt;
font-weight:normal;
text-transform:uppercase;; color:000000; }
.blacktext10 { font-family:small fonts;
font-size:8px;
letter-spacing:0pt;
font-weight:normal;
text-transform:uppercase;; color:000000; }
.blacktext12 { font-family::small fonts;
font-size:8px;
letter-spacing:0pt;
font-weight:normal;
text-transform:uppercase;; color:000000; }
.lightbluetext8 { font-family:small fonts;
font-size:8px;
letter-spacing:0pt;
font-weight:normal;
text-transform:uppercase;; color:000000; }
.orangetext15 { font-family:small fonts;
font-size:8px;
letter-spacing:0pt;
font-weight:normal;
text-transform:uppercase;; color:000000; }
.redtext { font-family:small fonts;
font-size:8px;
letter-spacing:0pt;
font-weight:normal;
text-transform:uppercase;; color:000000; }
.redbtext { font-family:small fonts;
font-size:8px;
letter-spacing:0pt;
font-weight:normal;
text-transform:uppercase;; color:000000; }
.text { font-family:arial; color:000000; }
.whitetext12 { font-family:small fonts;
font-size:8px;
letter-spacing:0pt;
font-weight:normal;
text-transform:uppercase;; color:000000; }
a:active, a:visited, a:link { font-family:small fonts;
font-size:8px;
letter-spacing:0pt;
font-weight:normal;
text-transform:uppercase;; color:000000; }
a:hover { font-family:times; color:000000; font-size:16px; letter-spacing:-2pt; }
a.navbar:active, a.navbar:visited, a.navbar:link { font-family:; color:000000; }
a.navbar:hover { font-family:times new roman; color:000000; font-size:16px; }
a.redlink:active, a.redlink:visited, a.redlink:link { font-family: font-family:small fonts;
font-size:8px;
letter-spacing:0pt;
font-weight:normal;
text-transform:uppercase;; color:000000; }
a.redlink:hover { font-family:times; color:000000; font-size:16px; letter-spacing:-2pt; }
.nametext { font-family: font-family:small fonts;
font-size:8px;
letter-spacing:0pt;
font-weight:normal;
text-transform:uppercase;; color:000000; }
.mygen { Miscellaneous Properties }
a:hover img { filter:FlipH;}
body { cursor:nw-resize;}
a:hover { cursor:help;}
</style><div style="position:absolute;left:0px;top:0px;"><a href="http://www.myspacesupport.com/">..</a></div>

Thanks

John Pozadzides

Nov 30 2006, 04:37 PM

QUOTE(misskitty @ Nov 29 2006, 08:42 AM)

As you can see by the two large tables on the left & right hand sides they are rather wide and my text only takes up the 1st 3rd pf the table. Is there a way to lengthen the text lines or stretch them so they fir better as it looks rather odd? Hope this makes sense!

Hannah,

The code you previously posted is just your style sheet, but that is not what appears to be wrong with your page.

The real problem is in the HTML, specifically there is some code that looks as follows:

CODE

<table id="Table2" bordercolor="#000000" cellspacing="3" cellpadding="3" width="300" align="center"
bgcolor="#ffffff" border="0">

<tr id=GeneralRow><td valign="top" align="left" width="100" bgcolor="#b1d0f0"><span class="lightbluetext8">General</span></td><td id="ProfileGeneral" width="175" bgcolor="#d5e8fb" style="WORD-WRAP: break-word">vegetables,

In that first part where it says <table ... width="300" ... , that means that the table should be 300 px wide. This is for the one that says "Hannah's Interests". Below that, where it says <td valign ... width="100" ... , that is setting the width of the stuff in that Table Data box to only 100 px. wide. This is what is causing the text to look the way it does.

Your site is going to require a lot of work in order to fix it up. I would make two recommendations to you:

I would advise against using such small fonts everywhere. Honestly I have a hard time reading your page and I've got a massive screen and great eyes. You might choose a more standard font like Arial and also a larger size. 10pt should be the minimum for large amounts of text if you are determined to specify a size - which we don't recommend you do in the first place.
I would suggest that you download and use N-Vu to create your code. Whatever you are using right now is creating highly invalid code and it is quite messy. This program will do a much better job.

John

Jeremy

Apr 2 2007, 12:05 AM

Myspace text length fix!

Sick of seeing your sentences wrap mid sentence because of a narrow text box?

I figured out a way to make your text on the left table of myspace fill the table completely. In my profile the text would wrap after a few words, some types are like this. This looked crappy and added a lot of vertical space to the profile.

I kept the premade layout I was using as is and just added this code to the top of each section on the left side of your profile.. ahh perfect. I put it at the top of each and put a space or two between your content.

You must put it in every section on the left side of your profile otherwise you get a double width table. So the Intrests, music, movies, TV, books, and heroes sections all need to have it added to the to of the section.

-------------

<tr id=GeneralRow><border=0><td valign="top" align="left" width="400">

-------------

The width="400"> part is the width of your text box. Mine is set at 400 because the largest thing on the left side of my profile is a google video at 400pix width. So feel free to increase or decrease the width if you like. Just change the 400 to a different number like 350 or 450.

Good luck

EHwa

Aug 11 2008, 04:36 AM

Thank you thank you thank you!!!!

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