Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 8 of 8
  1. #1
    New Coder
    Join Date
    Nov 2002
    Location
    US
    Posts
    34
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Post Table over Image

    Here is my coding what im trying to do is make a table over the image at the top so I can put words on it. I kinda cant make better pictures :*(

    <html>
    <head>
    </head>
    <style>
    <!--
    BODY{
    scrollbar-face-color:B1C5D0;
    scrollbar-arrow-color:black;
    scrollbar-track-color:618AA0;
    scrollbar-shadow-color:black;
    scrollbar-highlight-color:black;
    scrollbar-3dlight-color:black;
    scrollbar-darkshadow-Color:black;
    }
    -->
    </style>
    <STYLE><!--a:link {color:black; text-decoration: none; font-weight:none}
    a:visited
    {text-decoration: none; color:black; font-weight:none}
    a:hover {color:white}
    a:hover {text-decoration: none; font-weight:none}
    a:hover {text-decoration: none}--></style>
    <center><img src=a2.jpg></center>
    <marquee>Welcome to Holy Dragon Knights. Check out our forums and sign up to host a tournament for your clan. Send us some information about the recent bugs so we can keep that up to date. Have fun playing your most favorite blizzard games.
    </marquee>
    <basefont size="2">
    <body bgcolor="silver" text="black" link="#618AA0" vlink="royalblue" alink="royalblue" align="center">
    </span>
    <title>Dragon Knights</title>
    <div align="left">
    <span style="position: absolute; left: 7; top: 233">
    <table width="59">
    <tr>
    <td width="59%">
    <table height="100%" width="59%" border="0" cellspacing="0" cellpadding="0" align="center" bordercolor="black" background="j.jpg">
    <tr>

    <td>
    <basefont size="1" face="tahoma">
    <img src="a.jpg">
    - <a href="">Information</a><br>
    - <a href="http://snaketildaa.conforums.com/
    " target=http://snaketildaa.conforums.com/
    >Forum</a><br>
    - <a href="rules.html" target=rules.html>Rules</a><br>
    - <a href="join.html" target=join.html>Join</a><br>
    - <a href="members.html" target=members.html>Members</a><br>
    <img src="b.jpg">
    - <a href="http://www.blizzard.com/diablo/" target="http://www.blizzard.com/diablo/">Official Site</a><br>
    - <a href="free1.html" target=free1.html>Free Items</a><br>
    - <a href="">Trading Post</a><br>
    - <a href="strategies1.html" target=strategies1.html>Strategies</a><br>
    - <a href="">Bugs</a><br>
    - <a href="">PK List</a><br>
    - <a href="">Thief List</a><br>
    - <a href="">Make a Challenge</a><br>
    - <a href="">Tournaments</a><br>
    <img src="c.jpg">
    - <a href="http://www.blizzard.com/diablo2/" target="http://www.blizzard.com/diablo2/">Official Site</a><br>
    - <a href="">Free Items</a><br>
    - <a href="">Trading Post</a><br>
    - <a href="strategies2.html" target=strategies2.html>Strategies</a><br>
    - <a href="">Bugs</a><br>
    - <a href="">PK List</a><br>
    - <a href="">Thief List</a><br>
    - <a href="">Make a Challenge</a><br>
    - <a href="">Tournaments</a><br>
    <img src="d.jpg"><br>
    - <a href="http://www.blizzard.com/diablo2exp/" target="http://www.blizzard.com/diablo2exp/">Official Site</a><br>
    - <a href="">Free Items</a><br>
    - <a href="">Trading Post</a><br>
    - <a href="strategies3.html" target="strategies3.html">Strategies</a><br>
    - <a href="">Bugs</a><br>
    - <a href="">PK List</a><br>
    - <a href="">Thief List</a><br>
    - <a href="">Make a Challenge</a><br>
    - <a href="">Tournaments</a><br>
    <img src="e.jpg"<br>
    - <a href="http://www.blizzard.com/starcraft/" target="http://www.blizzard.com/starcraft/">Official Site</a><br>
    - <a href="strategies4.html" target="strategies4.html">Strategies</a><br>
    - <a href="">Bugs</a><br>
    - <a href="">Backstabbers List</a><br>
    - <a href="">Make a Challenge</a><br>
    - <a href="">Tournaments</a><br>
    <img src="f.jpg"><br>
    - <a href="http://www.blizzard.com/broodwar/" target="http://www.blizzard.com/broodwar/">Official Site</a><br>
    - <a href="strategies5.html" target="strategies5.html">Strategies</a><br>
    - <a href="">Bugs</a><br>
    - <a href="">Backstabbers List</a><br>
    - <a href="">Make a Challenge</a><br>
    - <a href="">Tournaments</a><br>
    </table>

    <span style="position: absolute; left: 823; top: -2">
    <table width="59" height="100">
    <basefont size="1">
    <tr>
    <td width="59">
    <table width="59%" border="0" cellspacing="0" cellpadding="0" bordercolor="blue">
    <tr>


    <td width="59" height=100>
    <table width="59%" border="0" cellspacing="2" cellpadding="0" bordercolor="blue">
    <tr>

    <td background="j.jpg">
    <basefont size="1" face="tahoma">

    <img src="k.jpg"><br>
    - <a href="http://www.blizzard.com/war3/" target="http://www.blizzard.com/war3/" >Official Site</a><br>
    - <a href="strategies6.html" target=strategies6.html>Strategies</a><br>
    - <a href="">Bugs</a><br>
    - <a href="">Backstabbers List</a><br>
    - <a href="">Make a Challenge</a><br>
    - <a href="">Tournaments</a><br>
    - <a href="">link here</a><br>
    - <a href="">link here</a><br>
    <img src="p.jpg"><br>
    - <a href="http://www.anfy.com">Anfy.com(Flash Program)</a><br>
    - <a href="clan2.html">Clan of The Week</a><br>
    - <a href="">link here</a><br>
    - <a href="">link here</a><br>
    - <a href="">link here</a><br>
    <img src="l.jpg"><br>
    <A HREF="http://www.extreme-gamerz.org/diablotop200/cgi-bin/topsites.cgi?snakesnake"
    TARGET="_BLANK">
    <IMG SRC="topmatrix.gif" BORDER=0></A></center></p>
    <img src="o.jpg">
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>

    </font>
    </span>


    <span style="position: absolute; left: -650; top: 21">
    <table width=80% height=21%>
    <align=left><font size=3>
    <p>November 29 2002</p>
    <p>I'll be working on strategies first. Since I think that is the most important to get started first. I will also be working on the tournament pages. I still need help with my pages so if you would like to please email me.</p>
    <p>November 28 2002<p>
    Today I thought of a great thing. At least in my mind it is. Clan Of The Week. That is my idea. Every week I will pick out someone new for clan of the week. The rules for Clan Of The Week will need to be worked on. If any of you have any ideas email me Snakewithatilda@hotmail.com .
    <p>November 26 2002<p>
    <p>I need some help with this website. And alot of it. If you are interested and have experience with making websites and need some more email me. Snakewithatilda@hotmail.com. I just will not be able to upkeep all these pages. I also need some forum moderators. Anyone who wants there website advertised as long as it's a Blizzard Game I will post it for you. I need some people to set up tournaments for each game. For Diablo type games there should be prizes for the winner second and third place. If you are interested in hosting any of the tournaments email me.(Think of this. If you do a tournament that is posted here and people see it, it will promote your clan) Anyone having items to donate email me as well. I will be making a form to fill up for anyone interested in hosting a tournament.
    <p> Most of the links do not work at the moment but the more help I get from you visitors the faster the links will be fixed. I have to create each webpage by myself at the moment. And does it suck without any graphics programs see how ugly my Diablo and other tags look.
    <p> The Pk and Thief list is made so that people will know who the biggest ones are. It is impossible to know every pk and thief when playing regular. It is easier to tell if you play hardcore though. I know this from experience. HARDCORE FOR LIFE!<br><br><br><br><br><br></td>
    <!-- Start theGuestbook.com Code -->
    <P ALIGN=CENTER><FONT FACE="Times New Roman" SIZE=4>
    <B>[</B> <A HREF="http://www.TheGuestBook.com/egbook/455165.gbook" target="http://www.TheGuestBook.com/egbook/455165.gbook">
    Sign my Guestbook</A><B>] - [</B><A
    HREF="http://www.TheGuestBook.com/vgbook/455165.gbook" target="http://www.TheGuestBook.com/vgbook/455165.gbook">Read my Guestbook</A>
    <B>]</B><BR></FONT><FONT FACE="ARIAL" SIZE=1>
    [Guestbook by <A TARGET="_top"
    HREF="http://www.TheGuestBook.com">TheGuestBook.com</A>]
    </span>
    </tr>
    </table>
    </td>
    <span style="position : absolute left: -593 top: 21">
    <table width=50% height 21%><center>
    <td background=0><a href="Http://www.Digits.com" onMouseOut="offImg('Http://www.Digits.com')" onMouseOver="ovrImg('Http://www.Digits.com')" onClick="actImg('Http://www.Digits.com')"><img src="wc_01.gif" name="Http://www.Digits.com" alt="Http://www.Digits.com" border=0 width=116 height=37></a></td>
    <IMG SRC="http://counter.digits.com/wc/-d/4/HolyDragonKnight" ALIGN=middle
    WIDTH=60 HEIGHT=20 BORDER=0 HSPACE=4 VSPACE=2>

    </span>
    </tr>
    </table>
    </td>
    </span>
    </html>

  • #2
    Regular Coder
    Join Date
    Jun 2002
    Location
    Depends on the time of year
    Posts
    478
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Not sure if this is entirely correct according to the W3, but try this:

    <table background="a2.jpg" width="800" height="200"><tr><td>Insert your text here</td></tr></table>

    Duniyadnd

  • #3
    Regular Coder
    Join Date
    Sep 2002
    Location
    Louisiana
    Posts
    576
    Thanks
    0
    Thanked 0 Times in 0 Posts
    or you could add it via style sheets
    <style>
    table {background: url(http://whatever/whatever.jpg)
    }
    </style>
    i think that is correct, just starting w/ style sheets

  • #4
    Regular Coder
    Join Date
    Nov 2002
    Posts
    672
    Thanks
    1
    Thanked 1 Time in 1 Post

    table background

    Yes, tables can have backgrounds. Also note that transparent images let the bgcolor of the page come through.

  • #5
    Senior Coder
    Join Date
    Jul 2002
    Posts
    1,628
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Re: Table over Image

    this is off topic but you need to fix this
    the 2 <style> tags can be formed into 1
    you have 3 hover pseudos when only 1 is needed, there also repeating the same information, here is the correct translation of your styles.

    <style>
    <!--
    BODY{
    scrollbar-face-color:B1C5D0;
    scrollbar-arrow-color:black;
    scrollbar-track-color:618AA0;
    scrollbar-shadow-color:black;
    scrollbar-highlight-color:black;
    scrollbar-3dlight-color:black;
    scrollbar-darkshadow-Color:black;
    }
    a:link {color:black; text-decoration: none; font-weight:none}
    a:visited {text-decoration: none; color:black; font-weight:none}
    a:hover {color:white;text-decoration:none;font-weight:none}
    -->
    </style>


    this also needs to be inside your <head></head> tag
    also as far as i can see you never closed your <body> at the end
    and you placed some html ABOVE your body tag

    a couple other things
    <align=left> this is not valid, there is no align
    <div align="left">content</div> would be correct

    and also this: <p>November 26 2002<p> <p>I ....

    along with other errors you should concentrate on correct html before going any further with your project.
    Last edited by cg9com; 12-04-2002 at 10:36 PM.

  • #6
    New Coder
    Join Date
    Nov 2002
    Location
    US
    Posts
    34
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Re: Re: Table over Image

    Originally posted by cg9com
    this is off topic but you need to fix this
    the 2 <style> tags can be formed into 1
    you have 3 hover pseudos when only 1 is needed, there also repeating the same information, here is the correct translation of your styles.

    <style>
    <!--
    BODY{
    scrollbar-face-color:B1C5D0;
    scrollbar-arrow-color:black;
    scrollbar-track-color:618AA0;
    scrollbar-shadow-color:black;
    scrollbar-highlight-color:black;
    scrollbar-3dlight-color:black;
    scrollbar-darkshadow-Color:black;
    }
    a:link {color:black; text-decoration: none; font-weight:none}
    a:visited {text-decoration: none; color:black; font-weight:none}
    a:hover {color:white;text-decoration:none;font-weight:none}
    -->
    </style>


    this also needs to be inside your <head></head> tag
    also as far as i can see you never closed your <body> at the end
    and you placed some html ABOVE your body tag

    a couple other things
    <align=left> this is not valid, there is no align
    <div align="left">content</div> would be correct

    and also this: <p>November 26 2002<p> <p>I ....

    along with other errors you should concentrate on correct html before going any further with your project.
    Thanks for letting me know im learning this from scratch so I am learning what each is doing and sometime sI dont know what I need or not.

  • #7
    Senior Coder
    Join Date
    Jul 2002
    Posts
    1,628
    Thanks
    0
    Thanked 0 Times in 0 Posts
    thats ok you will get the hang of it i believe in you
    its very fun

  • #8
    Senior Coder
    Join Date
    Jun 2002
    Location
    The Netherlands, Baarn, Ut.
    Posts
    4,252
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Trouble in paradise...

    Taking into account that you're new at this (none of us were born with the genetic ability to write perfect HTML), i'm sorry to say that i spotted some other errors as well. Do you have your page online somewhere? That makes it easier to look over the code, you don't have to copy everything in here, and rules out the possibility of copying errors.

    To stay on topic: you could envelop your table in a div element and assign a background image to that via a style; should work.

    Okay, off the top:
    • There's code before the body element starts; this most likely won't do anything, and shouldn't be there;
    • the title element should be inside the head element, as do the style declarations someone already mentioned;
    • Down the bottom, there are some curious end tags that lead me to believe some tables, table rows and table cells aren't properly closed; this may lead to unexpected results.

    I'd like to strongly advice learning to write clean, legible code. I't makes it a lot easier for yourself to see if everything is the way it should be, especially a while after you last worked on it, it helps a lot in finding errors when something's wrong and lastly makes it easier for others to understand your code and help you if you have problems or questions.
    Regards,
    Ronald.
    ronaldvanderwijden.com


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •