The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Help with a myspace text length
misskitty
post Nov 29 2006, 09:42 AM
Post #1





Group: Members
Posts: 1
Joined: 29-November 06
Member No.: 1,152



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
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
John Pozadzides
post Nov 30 2006, 04:37 PM
Post #2


WDG Founder
******

Group: Root Admin
Posts: 529
Joined: 3-August 06
From: Magnolia, TX
Member No.: 2



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:
  1. 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.
  2. 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
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Jeremy
post Apr 2 2007, 12:05 AM
Post #3





Group: Members
Posts: 1
Joined: 1-April 07
Member No.: 2,394



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

This post has been edited by Jeremy: Apr 2 2007, 12:09 AM
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
EHwa
post Aug 11 2008, 04:36 AM
Post #4





Group: Members
Posts: 1
Joined: 11-August 08
Member No.: 6,403



Thank you thank you thank you!!!!
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 29th January 2020 - 08:43 AM