tables on the right side

change_the_world 2.0

change_the_world 2.0

New Member
alright im having a little trouble making things look organized. what im trying to do is have something like this...
computerforumimage2.bmp

is is what im up to so far
computerforumimage.bmp

----------
please excuse the large image
im not sure how do get those tables on the far right side neatly
i guess what im really trying to get the final to look like is some like what i guess weezer.com has on its left side with the myspace/cd info/and so on
but i want that on the right side.
Code: 
<body bgcolor="1B7EFF">
<img src="IMAGE URL"
border=0></a>
<br>

<a href="URL OF PAGE">
<img src="IMAGE URL"
border=0></a><a href="URL OF PAGE">
<img src="IMAGE URL"
border=0></a><a href="URL OF PAGE">
<img src="IMAGE URL"
border=0></a><a href="URL OF PAGE">
<img src="IMAGE URL"
border=0></a><a href="URL OF PAGE">
<img src="IMAGE URL"
border=0></a><a href="URL OF PAGE">
<img src="IMAGE URL"
border=0></a><a href="URL OF PAGE">
<img src="IMAGE URL"
border=0>



<table><table bgcolor=0000AA border=0 bordercolor=blue
cellpadding=100 cellspacing=100><tr><tr><tr><td>TEXT HERE
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
</td></td></td></table>
it would be great if you can help me add those. like showing me where to put the code. what codes to use. thanks for any help.
 
I'm not quite sure I know what you're after. How does this work for you.

I won't bother posting an image, of the output. You can simply paste the code into notepad. Save it as something.htm then double click it to see the result.

I have included some real links for the sake of realism. Also note I have specified a size for the image, to force your browser to give it some space (despite it's src attribute pointing to a non existant image).

Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=windows-1250">
  <meta name="generator" content="PSPad editor, www.pspad.com">
  <title></title>

<style type="text/css">

.linkthing
  {color:black;
  border-left:silver 2px solid;
  border-right:silver 2px solid;
  }

.linkthing:hover
  {
  color:yellow;
  }
</style>

</head>


<body style="background-color:black">

<img src="whatever" style="display:inline; height:200px;width200px">

<div class="linkwrapper" style="position:absolute;top:5px;right:5px;text-align:right">
    <a href="http://www.google.com" class="linkthing">
      GOOGLE
    </a>
    <a href="http://www.altavista.com" class="linkthing">
      Alta Vista
    </a>
    <a href="http://www.hotmail.com" class="linkthing"> 
      hotmail
    </a>
    <a href="http://www.firefox.com" class="linkthing">
      Firefox
    </a>
</div>

</body>
</html>
 
change_the_world 2.0 said:
hmm.. where do i put that?
Click to expand...
Highlight all the code in my previous post:
right hand click over it and select "Copy"
Start.. Run.. Notepad
right hand click in the blank area and select "Paste"
File.. Save As.. AnywhereYouWant.htm
close notepad
find the file you just saved and doubleclick it.

Move your mouse over the right hand side and as you hover over the links, they light up. Was this the effect you wanted?
 
o i see what you mean. but no thats not what i wanted. what i wanted what did to have tables 4 of them on the rights side. like weezer.com news page has on the left.
 
You must log in or register to reply here.
Back
Top