Announcement

Collapse
No announcement yet.

<plea>i need html help</plea>

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • <plea>i need html help</plea>

    howdy all - im not the most fluent when it comes to scary web page speak, and was wondering if anyone could solve my issue.

    i want to have something smack in the center of the page, no matter how the window is resized. i can get it to be centered horizontally by doing:

    <p align="center"></p>

    but i dont know how to get it centered vertically (half way down the page) too
    thanks in advance for your help

    |arbitary focus| it's never as flaccid as it is when plucked | 01110011 01100101 01111000 |

  • #2
    There are better ways, but I'd just make a table and set it up that way.

    Edit; I mean like this:
    code:

    <html>
    <head><title>Untitled Document</title></head>

    <body bgcolor="#FFFFFF" text="#000000">
    <table align="center" height="95%"><tr valign="center">
    <td height="95%"><div align="center">
    <br>Hello<br>
    </div></td></tr></table>
    </body>
    </html>

    Last edited by Merlin; 12 May 2003, 14:02.

    as he faced the sun, he cast no shadow

    Comment


    • #3
      code:
      <p style="vertical-align: middle"></p>
      W3C's overview of Web style sheets: CSS.

      This is W3C's home page for the XHTML2 Working Group.

      Comment


      • #4
        Its just easier to use the div allign tags like this:
        <html>
        <head>
        </head>
        <body>
        <div allign="center">
        <table>
        ::your stuff here::
        </table>
        </div>
        </body>
        </html>

        Comment


        • #5
          Originally posted by Raz
          Its just easier to use the div allign tags like this:
          <html>
          <head>
          </head>
          <body>
          <div allign="center">
          <table>
          ::your stuff here::
          </table>
          </div>
          </body>
          </html>
          We're talking about vertical alignment, not horizontal alignment, last I checked. But, in DIV you can use the style property as well(if spelled correctly, of course). On a related note, the align property of DIV is deprecated in HTML 4.0 and upwards.

          Comment


          • #6
            thankyou very much Merlin, baafie & Raz for your help, problem solved

            ill check out those links soon, cheers for that.

            ¡muchos gracias, hasta lluego!

            |arbitary focus| it's never as flaccid as it is when plucked | 01110011 01100101 01111000 |

            Comment


            • #7
              Originally posted by lemon_chicken
              ¡muchos gracias, hasta lluego!
              Did you mean:

              ¡muchas gracias!

              -->

              * PC: Intel Core 2 DUO E6550 @ 2.33 GHz with 2 GB RAM: Archlinux-i686 with MATE.
              * Laptop: Intel Core 2 DUO T6600 @ 2.20 GHz with 4 GB RAM: Archlinux-x86-64 with MATE.

              Comment


              • #8
                Originally posted by Lobo Lunar
                Did you mean:
                ¡muchas gracias!
                -->
                Lo siento. Mi espaňol no es buen.
                Last edited by lemon_chicken; 12 May 2003, 18:00.

                |arbitary focus| it's never as flaccid as it is when plucked | 01110011 01100101 01111000 |

                Comment


                • #9
                  for center all the time no matter what use:

                  <center>

                  then close anything you wanted to be centered with this tag:

                  </center>

                  simple eh?!!

                  Comment


                  • #10
                    me too, me too

                    why doesn't this work


                    <td ID="2-3"
                    style="background-image: url(../halloj/2-3.jpg)"
                    onmouseover="2-3.style.background-image: url(../halloj/2-3-DK.jpg)">
                    </td>

                    Comment


                    • #11
                      shouldnt this be in another thread ?
                      | -Mail me- | -Visit my DA page- | -Talk to me on IRC-(nick Phaze1NE)- |

                      Comment


                      • #12
                        Originally posted by ertmann|CPH
                        me too, me too

                        why doesn't this work


                        <td ID="2-3"
                        style="background-image: url(../halloj/2-3.jpg)"
                        onmouseover="2-3.style.background-image: url(../halloj/2-3-DK.jpg)">
                        </td>
                        Should be
                        <code>
                        onmouseover=<a href="Your bit here"></a>
                        <code>
                        Something like that I could check the book but as far as I know you need the <a href=""></a> , bit




                        <p style="vertical-align: middle"></p>
                        Agrees
                        Music is Life, Love and Happiness :|: Life is Music. Serren - 1985 - 2005
                        Religion? Religion is a Blasphemy against humanity - From the film What the Bleep do we know

                        siggy link So stumbling? whats it all about

                        Comment


                        • #13
                          this is really a lot easier to be explained in the time it has taken. if, after all of this, you're still stuck, http://www.pagetutor.com/ should help
                          My advice is to start drinking heavily. - John Belushi, Animal House

                          Comment


                          • #14
                            Originally posted by ertmann|CPH
                            me too, me too

                            why doesn't this work


                            <td ID="2-3"
                            style="background-image: url(../halloj/2-3.jpg)"
                            onmouseover="2-3.style.background-image: url(../halloj/2-3-DK.jpg)">
                            </td>
                            I'm quite rusty, but I'm sure <td> tags don't support onMouseOver (pretty sure caps are important as well).

                            Try putting the onMouseOver event on the content of the <td> tag, and the ID on the <td> tag itself.
                            ¯¯¯¯Joe Bloggs____
                            ¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯

                            Comment


                            • #15
                              Originally posted by J_Bloggs
                              I'm quite rusty, but I'm sure <td> tags don't support onMouseOver (pretty sure caps are important as well).

                              Try putting the onMouseOver event on the content of the <td> tag, and the ID on the <td> tag itself.
                              hmmm....I see what you mean...

                              Heres a bit of code from one of my pages that has a mouseover effect;

                              <code>
                              <A>
                              onmouseover="MM_swapImage('Image35','','etek_home21.gif',1)"
                              onmouseout=MM_swapImgRestore()
                              href="http://workingbase.htm"><IMG
                              onmouseover="MM_showHideLayers
                              height=20 src="etek_home21.gif" width=96 border=0
                              name=Image35></A>
                              <code>
                              As you can see you need the 'href' for it to work, other wise it doesn't know that it is a hover reference. I think your right on the tags though I'm not to sure.
                              Anyway for it to work as a hyper link your going to need the 'href'
                              Music is Life, Love and Happiness :|: Life is Music. Serren - 1985 - 2005
                              Religion? Religion is a Blasphemy against humanity - From the film What the Bleep do we know

                              siggy link So stumbling? whats it all about

                              Comment

                              Working...
                              X
                              😀
                              🥰
                              🤢
                              😎
                              😡
                              👍
                              👎