HTML layout help needed

girlychick

Songster
9 Years
Jun 12, 2010
592
0
119
New Mexico(yes its in the USA)
HI everyone,
I'm getting really frustrated!
he.gif
I am typing the HTML code for a layout, It's for a website called howrse, I'm guessing the layouts are kinda like myspace because when I search howrse layouts the code always says works for myspace to.
What I'm trying to do is create a scroll box
everything keeps saying
<div style="height: 300px; overflow: auto">contents here...</div>
But I'm trying to put it in a single cell space, and that isn't working, I'm not even sure were I insert the code would i put it where the original <td>text would be here</td>
Please post I really need help I'm having a computer nerd crisis!
th.gif
 
Last edited:
Quote:
girlychick, I tried everything to get HTML to work here on BYC. It can't be done, not even with MS code, i.e., save yourself a lot of trouble and give up. I did learn though that BYC uses a different code; however, I can't recall which one it is.
 
Quote:
If you only want it for another website, using the HTML Code method is okay if you just want to make a word or phrase bold or in italics, but it would take forever if you wanted to do all that you see that you mentioned above.
Here's a much simpler way using an MS Word document. Make the word document exactly as you want it to appear with the "scroll box" you mention above. Just get it all on/in your document. Then:


1. Go to File and clicked “Web Page Preview”.

2. From there go to View and click “Page Source”

3. Highlight all of the “Page Source” and copy it.

4. Then go to your website and past it into a Post or Reply after clicking the box for HTML if there is one. Note: You might have to paste the “page source” in a post or reply first, then choose “Edit” in order to get to where you can use HTML.

BTW, if you don’t find Web Page Preview under File or Page Source under View, you need to get out your original installation disk for MS Word and install those components.

You won't find "Page Source" under "View" until AFTER you have brought up the "Web Page Preview".
 
Last edited:
Quote:
If you only want it for another website, using the HTML Code method is okay if you just want to make a word or phrase bold or in italics, but it would take forever if you wanted to do all that you see that you mentioned above.
Here's a much simpler way using an MS Word document. Make the word document exactly as you want it to appear with the "scroll box" you mention above. Just get it all on/in your document. Then:


1. Go to File and clicked “Web Page Preview”.

2. From there go to View and click “Page Source”

3. Highlight all of the “Page Source” and copy it.

4. Then go to your website and past it into a Post or Reply after clicking the box for HTML if there is one. Note: You might have to paste the “page source” in a post or reply first, then choose “Edit” in order to get to where you can use HTML.

BTW, if you don’t find Web Page Preview under File or Page Source under View, you need to get out your original installation disk for MS Word and install those components.

You won't find "Page Source" under "View" until AFTER you have brought up the "Web Page Preview".

Ugh. Stop it. You are making me sick. Word generated html...
sickbyc.gif
NEVER!
 
Ugh. Stop it. You are making me sick. Word generated html...
sickbyc.gif
NEVER!



It's sure better'n typing most of all this out:



<html xmlns:eek:="urn:schemas-microsoft-com:eek:ffice:eek:ffice"
xmlns:w="urn:schemas-microsoft-com:eek:ffice:word"
xmlns="http://www.w3.org/TR/REC-html40">

<head>
<meta http-equiv=Content-Type content="text/html; charset=windows-1252">
<link rel=Original-File href=Document1>
<meta name=ProgId content=Word.Document>
<meta name=Generator content="Microsoft Word 9">
<meta name=Originator content="Microsoft Word 9">
<link rel=File-List href="./Document1_files/filelist.xml">
<!--[if gte mso 9]><xml>
<o:DocumentProperties>
<o:Author>Anne Bryant</o:Author>
<o:Revision>1</o:Revision>
<o:TotalTime>0</o:TotalTime>
<o:Created>2010-08-04T15:31:00Z</o:Created>
<o:pages>1</o:pages>
<o:Words>11</o:Words>
<o:Characters>65</o:Characters>
<o:Company> </o:Company>
<o:Lines>1</o:Lines>
<o:paragraphs>1</o:paragraphs>
<o:CharactersWithSpaces>79</o:CharactersWithSpaces>
<o:Version>9.2720</o:Version>
</o:DocumentProperties>
</xml><![endif]--><!--[if gte mso 9]><xml>
<w:WordDocument>
<w:View>Normal</w:View>
<w:Zoom>0</w:Zoom>
<w:DoNotOptimizeForBrowser/>
</w:WordDocument>
</xml><![endif]-->
<style>
<!--
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{mso-style-parent:"";
margin:0in;
margin-bottom:.0001pt;
mso-pagination:widow-orphan;
font-size:12.0pt;
font-family:"Times New Roman";
mso-fareast-font-family:"Times New Roman";}
@page Section1
{size:8.5in 11.0in;
margin:1.0in 1.25in 1.0in 1.25in;
mso-header-margin:.5in;
mso-footer-margin:.5in;
mso-paper-source:0;}
div.Section1
{page:Section1;}
-->
</style>
</head>

<body lang=EN-US style='tab-interval:.5in'>

<div class=Section1>

<p class=MsoNormal><span style='font-size:16.0pt;mso-bidi-font-size:12.0pt'>Ugh.<span
style="mso-spacerun: yes"> </span>Stop it.<span style="mso-spacerun: yes">
</span>You are making me sick.<span style="mso-spacerun: yes"> </span>Word
generated html...<span style="mso-spacerun: yes"> </span>
sickbyc.gif
<span
style="mso-spacerun: yes"> </span>NEVER!<o:p></o:p></span></p>

</div>

</body>

</html>​
 
Last edited:
Quote:
Sure I'll get the source thinger ma bob but here is the code I'm working with


<table width="550" bgcolor="#FF9999"border="2" align="center" cellpadding="5" cellspacing="5">
<tr>
<td colspan="2" bgcolor="#FF99CC"><div align="center">
<img src="http://img110.imageshack.us/img110/2968/ponies2xn.jpg">
</div></td>
</tr>
<tr>
<td>You type your text here.</td>
</tr>
<tr>
<div style="height: 400; width: 550; overflow: auto;"><td>More text.......... </td></div>
<div style="height: 400; width: 550; overflow: auto;"><td>More text.......... </td></div>
<div style="height: 400; width: 550; overflow: auto;"><td>More text.......... </td></div>
</tr>
</table>
 
Quote:
Sure I'll get the source thinger ma bob but here is the code I'm working with


<table width="550" bgcolor="#FF9999"border="2" align="center" cellpadding="5" cellspacing="5">
<tr>
<td colspan="2" bgcolor="#FF99CC"><div align="center">
<img src="http://img110.imageshack.us/img110/2968/ponies2xn.jpg">
</div></td>
</tr>
<tr>
<td>You type your text here.</td>
</tr>
<tr>
<div style="height: 400; width: 550; overflow: auto;"><td>More text.......... </td></div>
<div style="height: 400; width: 550; overflow: auto;"><td>More text.......... </td></div>
<div style="height: 400; width: 550; overflow: auto;"><td>More text.......... </td></div>
</tr>
</table>

Here's what you did:
9574_ponies2xn.jpg
 
Quote:



It's sure better'n typing most of all this out:



<html xmlns:eek:="urn:schemas-microsoft-com:eek:ffice:eek:ffice"
xmlns:w="urn:schemas-microsoft-com:eek:ffice:word"
xmlns="http://www.w3.org/TR/REC-html40">

<head>
<meta http-equiv=Content-Type content="text/html; charset=windows-1252">
<link rel=Original-File href=Document1>
<meta name=ProgId content=Word.Document>
<meta name=Generator content="Microsoft Word 9">
<meta name=Originator content="Microsoft Word 9">
<link rel=File-List href="./Document1_files/filelist.xml">
<!--[if gte mso 9]><xml>
<o:DocumentProperties>
<o:Author>Anne Bryant</o:Author>
<o:Revision>1</o:Revision>
<o:TotalTime>0</o:TotalTime>
<o:Created>2010-08-04T15:31:00Z</o:Created>
<o:pages>1</o:pages>
<o:Words>11</o:Words>
<o:Characters>65</o:Characters>
<o:Company> </o:Company>
<o:Lines>1</o:Lines>
<o:paragraphs>1</o:paragraphs>
<o:CharactersWithSpaces>79</o:CharactersWithSpaces>
<o:Version>9.2720</o:Version>
</o:DocumentProperties>
</xml><![endif]--><!--[if gte mso 9]><xml>
<w:WordDocument>
<w:View>Normal</w:View>
<w:Zoom>0</w:Zoom>
<w:DoNotOptimizeForBrowser/>
</w:WordDocument>
</xml><![endif]-->
<style>
<!--
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{mso-style-parent:"";
margin:0in;
margin-bottom:.0001pt;
mso-pagination:widow-orphan;
font-size:12.0pt;
font-family:"Times New Roman";
mso-fareast-font-family:"Times New Roman";}
@page Section1
{size:8.5in 11.0in;
margin:1.0in 1.25in 1.0in 1.25in;
mso-header-margin:.5in;
mso-footer-margin:.5in;
mso-paper-source:0;}
div.Section1
{page:Section1;}
-->
</style>
</head>

<body lang=EN-US style='tab-interval:.5in'>

<div class=Section1>

<p class=MsoNormal><span style='font-size:16.0pt;mso-bidi-font-size:12.0pt'>Ugh.<span
style="mso-spacerun: yes"> </span>Stop it.<span style="mso-spacerun: yes">
</span>You are making me sick.<span style="mso-spacerun: yes"> </span>Word
generated html...<span style="mso-spacerun: yes"> </span>
sickbyc.gif
<span
style="mso-spacerun: yes"> </span>NEVER!<o:p></o:p></span></p>

</div>

</body>

</html>

That is precisely why I don't use Word. My code below, does exactly the same thing, is understandable by most humans, and is a lot easier to update and change in the future.

<html><body>
<font size="16"><b>Ugh. Stop it. You are making me sigk. Word generated html...
sickbyc.gif
NEVER!</b></font>
</body</html>​
 
Last edited:

New posts New threads Active threads

Back
Top Bottom