HTML layout help needed

Discussion in 'Random Ramblings' started by girlychick, Aug 3, 2010.

  1. girlychick

    girlychick Chillin' With My Peeps

    HI everyone,
    I'm getting really frustrated![​IMG] 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! [​IMG]
     
    Last edited: Aug 3, 2010
  2. joebryant

    joebryant Overrun With Chickens

    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.
     
  3. girlychick

    girlychick Chillin' With My Peeps

    Its not for here on BYC its for another website I am typing the code in note pad
     
  4. joebryant

    joebryant Overrun With Chickens

    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: Aug 3, 2010
  5. TM Chickens

    TM Chickens Chillin' With My Peeps

    Mar 3, 2008
    Alabama
    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... [​IMG] NEVER!
     
  6. TM Chickens

    TM Chickens Chillin' With My Peeps

    Mar 3, 2008
    Alabama
    OP: Can you post the entire source of your page here? I'll see what I can do.
     
    Last edited: Aug 4, 2010
  7. joebryant

    joebryant Overrun With Chickens

    Ugh. Stop it. You are making me sick. Word generated html... [​IMG] 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>[​IMG]<span
    style="mso-spacerun: yes"> </span>NEVER!<o:p></o:p></span></p>

    </div>

    </body>

    </html>​
     
    Last edited: Aug 4, 2010
  8. girlychick

    girlychick Chillin' With My Peeps

    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>
     
  9. joebryant

    joebryant Overrun With Chickens

    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:
    [​IMG]
     
  10. TM Chickens

    TM Chickens Chillin' With My Peeps

    Mar 3, 2008
    Alabama
    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>[​IMG]<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... [​IMG] NEVER!</b></font>
    </body</html>​
     
    Last edited: Aug 4, 2010

BackYard Chickens is proudly sponsored by