[Okta Webinar] Learn how to a build a cloud-first strategyRegister Now

x
?
Solved

Add side banners to my web page

Posted on 2006-04-09
6
Medium Priority
?
190 Views
Last Modified: 2008-03-06
I have a small web site which giving lots and lots of head aches most of these I manage to sort and indeed is the best way of learning, but I fear I have hit a stumbling block.
My web site www.wannabegeek.co.uk is a site based on usuing a table with colums and rows etc. using a css style sheet it seems to work quite well.
I would like to try and add side banners to the page ie google ad's or the like, i can add top or bottom np its only when I try use this space at sides of my central table is where I get stuck.
I know how to format in msword so you can have 2 , 3 or any number of pics or tables side by side but cannot work out how to the same sort of thing using frontpage or dreamweaver. cant even find any relevent tutorials for this spcific problem.

any advise would be most welcome as cant beleive this space is not accessible some how, other than making the table wider.
Very best regards
trawets
0
Comment
Question by:trawets
  • 3
  • 3
6 Comments
 
LVL 28

Expert Comment

by:gamebits
ID: 16412384
And where exactly do you want to add the banner?

You can add a table beside the one you got there but then the website will be wider than my computer screen which would force me to scroll sideways which is considered bad design.

gamebits
0
 

Author Comment

by:trawets
ID: 16412560

Hi thanks for replying so quickly

Yes quite agree with you that would not be too clever and if that the case then the games a bogey,

when I view the site on my screen I have approx 200 px either side of the table in view, granted the resolution is 1280 -960 on a 17 in screen, I would of thought that would be about average nowadays, this does decrease somewhat when viewed in 1152-864 and obviously more as the resolution get smaller.

The other pages on the site are much narrower as the table has fewer columns
So if you could let me know how to put tables side by side I could maybe experiment on other pages and if successful I could modify the home page as it was originally the same as the other pages anyway

trawets
0
 
LVL 28

Accepted Solution

by:
gamebits earned 2000 total points
ID: 16412703
First every expert will tell you that using tables for layout is not the right way to do it, this being said, i use table myself.

To display table side by side what I do is I create a master table, lets say you want 2 tables side by side, i would create the master

<table border=0 cellpadding=0 cellspacing=0 width="100%">
   <tr>
          <td valign="top">
                                     <table border=1>
                                              <tr>
                                                   <td>Some text in the table #1</td>
                                              </tr>
                                     </table>
          </td>
          <td valign="top">
                                     <table border=1>
                                              <tr>
                                                   <td>Some text in the table #2</td>
                                             </tr>
                                     </table>
           </td>
     </tr>
</table>

So basically I have a master table with 1 row 2 cells and in each cell I have one of the table.

I would also like to point out that I like to use percentage for the width of the table, I might have more or less space in the cells but the table will use the same percentage of the screen independently of the size of the screen.

Gamebits
0
Concerto's Cloud Advisory Services

Want to avoid the missteps to gaining all the benefits of the cloud? Learn more about the different assessment options from our Cloud Advisory team.

 

Author Comment

by:trawets
ID: 16421765
Hi Gamebits

again thanks for the reply

I tried the code on a blank alls well, but will see how difficult it is to intergrate with my table or what ever I need to do with it

Viewed my site on a 15in laptop today @ 1024 x 768 which I suppose is more average than my guess, oops you were right nowhere to put a side banner as it stands.
Anyhow I still need to learn how to do this for further development of the site.

so will try it all out and get back.

best regards
trawets
0
 

Author Comment

by:trawets
ID: 16434523


Hi

I Would like to say thanks very much for the quick and precise answer given by  Gamebits,

very little work was required by me to adopt the method, he understood my requirements from the off thanks again

example of the outcome can be seen at http://www.wannabegeek.co.uk/test.htm

best regards to all

trawets
0
 
LVL 28

Expert Comment

by:gamebits
ID: 16435914
Thanks for the points and the grade.

Gamebits
0

Featured Post

VIDEO: THE CONCERTO CLOUD FOR HEALTHCARE

Modern healthcare requires a modern cloud. View this brief video to understand how the Concerto Cloud for Healthcare can help your organization.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Use these top 10 tips to master the art of email signature design. Create an email signature design that will easily wow recipients, promote your brand and highlight your professionalism.
Originally, this post was published on Monitis Blog, you can check it here . In business circles, we sometimes hear that today is the “age of the customer.” And so it is. Thanks to the enormous advances over the past few years in consumer techno…
In this tutorial viewers will learn how add a scalable full-width header using CSS3. Create a new HTML document with an internal stylesheet. Set a tiled background.:  Create a new div and name it Header. Position it with position:absolute at the top…
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.
Suggested Courses

873 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question