Html Help. :(

musicsmysoul · 05-26-2006, 5:24 PM

Hi! I was wondering if you could help me with an issue I'm having with my site --- I have an HTML problem.

A) I want to remove the left side of my page.. (the skyscraper adsense unit on the left)...so I can expand my content....and so my adsense leaderboard can fit up top. What do I have to adjust on the html to do this? I only want a right navigation frame.

My site looks like this right now:
www.listentoourband.net

But I'd like to use this layout (pardon my drawing)
http://www.geocities.com/listentobands/example.jpg

Thanks so much!

heather

**MadKad** · 05-26-2006, 5:35 PM

Hi your website is in frames please could you give us the code for the main page (index file or home file)

**GLD** · 05-26-2006, 5:49 PM

Quote:

Originally Posted by MadKad

Hi your website is in frames please could you give us the code for the main page (index file or home file)

Mad: You can view the source here.
musicsmysoul: my first piece of advice to you would be to change host - Geocities are rubbish, and comparatively pretty expensive.
To get rid of the skyscraper, you need to delete the following piece of code:

HTML Code:

 <tr> <script type="text/javascript"><!--
google_ad_client = "pub-8778547197081851";
google_alternate_ad_url = "http://www.dadamobile.com";
google_ad_width = 120;
google_ad_height = 600;
google_ad_format = "120x600_as";
google_ad_type = "text";
google_ad_channel ="7588728981";
google_color_border = "FFFFFF";
google_color_link = "0000FF";
google_color_bg = "FFFFFF";
google_color_text = "000000";
google_color_url = "666666";
//--></script> <script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script></tr>

Then fiddle with the code, ajusting table heights etc..., until you get the look you need.

Hope that helps.

EDIT: I've deleted your duplicate post, and have moved this one to the appropriate area.

**MadKad** · 05-26-2006, 5:55 PM

Thanks GLD.

I would just remove all this as it is wrong and taky coding anyhow

HTML Code:

 <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td width="100%"><img border="0" src="images/spacer_left.gif" width="135" height="1"></td> </tr> <tr> <script type="text/javascript"><!--
google_ad_client = "pub-8778547197081851";
google_alternate_ad_url = "http://www.dadamobile.com";
google_ad_width = 120;
google_ad_height = 600;
google_ad_format = "120x600_as";
google_ad_type = "text";
google_ad_channel ="7588728981";
google_color_border = "FFFFFF";
google_color_link = "0000FF";
google_color_bg = "FFFFFF";
google_color_text = "000000";
google_color_url = "666666";
//--></script> <script type="text/javascript"
  src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script></tr> </table>

it will leave a cell but see how it looks first as the cell should callaps

**GLD** · 05-26-2006, 6:00 PM

You should also try and validate your code. At the moment you get 71 errors. Quite a few are missing alt tags - validation is a good thing to do for many reasons: rank higher in search engines, increase cross-browser compatibility, and it's just generally pleasant to have clean code.

musicsmysoul · 05-26-2006, 6:02 PM

Im still confused. Is there a way I can just take out the left frame and still make it look okay?

**MadKad** · 05-26-2006, 6:12 PM

Yes just remove the code I said

musicsmysoul · 05-26-2006, 6:18 PM

I did, but it still looked weird.

**MadKad** · 05-26-2006, 6:31 PM

I still see the same you need to remove it if you have placed it back in so we can see or please give use your hole code and I will fully edit the page for you

**GLD** · 05-26-2006, 6:51 PM

I suggest you completely redesign - it won't take long. Here's what you should do.
Create the following file: style.css

Code:

#allcontent {
position: absolute;
width: 850px;
left: 50%;
margin-left: -425px; /* This centers the div horizontally */
}
#header {
position: absolute;
width: 850px;
height: 100px;
top: 0px;
left: 0px;
}
#menu {
position: absolute;
width: 600px;
height: 500px;
height: 100px;
top: 100px;
left: 0px;
}
#navigation {
position: absolute;
width: 150px;
height: 500px;
height: 100px;
top: 100px;
left: 600px;
}

Then create page.html, and insert the following code:

HTML Code:

<html> <head> <meta name="description" content="xxxxxxxxxxxxxxxxxxxx"> <meta name="keywords" content="xxxxxxxxxxxxxxxxxxxxxxx"> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <link rel="stylesheet" type="text/css" href="style.css"> <title>Webpage Title</title> </head> <body> <div id="allcontent"> <div id="header">
Insert banner image here
</div> <div id="content">
Content goes here
</div> <div id="navigation">
Navigation goes here
</div> </div> </body> </html>

That should give you something ressembling the image you linked to in your first post.

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
I have just added a HTML tutorial to the main site please tell me what you think	MadKad	HTML	9	07-30-2006 11:34 PM
HTML help	Stivey	HTML	8	03-27-2006 2:30 AM
Another HTML question...;)	Minxy	HTML	3	03-18-2006 4:54 AM

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)