I need some help with HTML just centralizing two items...

bestfin1 · #1 (**permalink**) 03-23-2008, 07:50 PM

Hi everyone....

I just wanted to know how I put those two last bottom links in my site in the center..

As you can see their kind of to the left of the page....

------------------------------

Now here it is how I have it at this precise moment...

<html>
<body>

<head>
</head>

<Body>

<script type="text/javascript">
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>

</body>
</html>


<form method="get" action="http://www.google.com/custom" target="_top">
<table border="0" bgcolor="#ffffff">
<tr><td nowrap="nowrap" valign="top" align="left" height="32">
<a href="http://www.google.com/">
<img src="http://www.google.com/logos/Logo_25wht.gif" border="0" alt="Google" align="middle"></img></a>
</td>
<td nowrap="nowrap">
<input type="hidden" name="domains" value="www.bestfinecomputers.com"></input>
<label for="sbi" style="display: none">Enter your search terms</label>
<input type="text" name="q" size="31" maxlength="255" value="" id="sbi"></input>
<label for="sbb" style="display: none">Submit search form</label>
<input type="submit" name="sa" value="Search" id="sbb"></input>
</td></tr>
<tr>
<td> </td>
<td nowrap="nowrap">
<table>
<tr>
<td>
<input type="radio" name="sitesearch" value="" checked id="ss0"></input>
<label for="ss0" title="Search the Web"><font size="-1" color="#000000">Web</font></label></td>
<td>
<input type="radio" name="sitesearch" value="www.bestfinecomputers.com" id="ss1"></input>
<label for="ss1" title="Search www.bestfinecomputers.com"><font size="-1" color="#000000">www.bestfinecomputers.com</font></label></td>
</tr>
</table>
<input type="hidden" name="client" value="pub-0941789472024816"></input>
<input type="hidden" name="forid" value="1"></input>
<input type="hidden" name="ie" value="ISO-8859-1"></input>
<input type="hidden" name="oe" value="ISO-8859-1"></input>
<input type="hidden" name="safe" value="active"></input>
<input type="hidden" name="cof" value="GALT:#0066CC;GL:1;DIV:#999999;VLC:336633;AH :center;BGC:FFFFFF;LBGC:FF9900;ALC:0066CC;LC:0066C C;T:000000;GFNT:666666;GIMP:666666;FORID:1"></input>
<input type="hidden" name="hl" value="en"></input>
</td></tr></table>
</form>


-----------------------------------------------------

whats missing?? so that the two link can be in the same center of the page??

Thanks...

alpha7 · #2 (**permalink**) 03-23-2008, 08:41 PM

Actually, you have quite a few problems on the page.

First, are you talking about the buttons at the top of the page, second row? (iPhones & PSP) If so they need a background so you can see them.

Second, the code you provided is for the Google ads and search on the right side of the page. You said it was on the left. So I'm assuming you didn't mean to put them there.

You didn't provide all of the code, so I will have to go back to the site to figure it out. It could be as simple as a misplaced tr or td tag. I'll get back with you if no one figures it out before I do.

bestfin1 · #3 (**permalink**) 03-23-2008, 09:07 PM

I mean the two bottom ones..
The firef** and the google seach bar...

I cant get them you know like kind of ithe center...

thanks for taking of your time..

BTW.. I cant stop repeating how great this forum is...

THANKS..

alpha7 · #4 (**permalink**) 03-23-2008, 09:10 PM

Why do you have another head and body tag at the bottom of your code? Unless this is a new form of writing code that I don't know about, it should not be there. At this point, I am not sure of what you are trying to achieve in that section of code. Are you trying to move the Google code to the center section of your page?

bestfin1 · #5 (**permalink**) 03-23-2008, 09:19 PM

Im a newbie alpha...

And i would really appreciate all your help...

What I want to do is to centralize the google search bar...

alpha7 · #6 (**permalink**) 03-23-2008, 09:47 PM

No problem. I didn't sound too hard did I? I was just confused for a minutes.

So you want it to stay where it is, just centered. But to be honest, I don't think that is a good spot for a google search. You have it set for 31 characters but there is not a lot of room for it. It is causing your page to have a horizontal scroll bar which is frowned upon by most users. I would put it above the word "Laptops" at the top of the page.

You still need to get rid of the extra html, head, & body tags in that section of code at the bottom.

I am having trouble with your code, because you used tables at the top, and not at the bottom. I will look at it again tomorrow. I will be dreaming about this code. But we'll get it figured out for you.

bestfin1 · #7 (**permalink**) 03-24-2008, 07:52 PM

Hey alpha I just wanted to put this link here .. http://www.websitebabble.com/html-ph...nt-format.html

Maybe the misunderstanding from yesterday was bacause you were seen it with firefox..

Hope this helps..

Thanks..

alpha7 · #8 (**permalink**) 03-25-2008, 11:22 AM

I was looking at it with Firefox. I was confused because it is always harder to look at someone else's code when there are mistakes. I hope you didn't think it was all because of you. It's not. With that much code, you can get lost pretty fast when you have 3 very loud children playing behind you.

Now, back to business. I would suggest you use tables or css throughout you page. At the moment. the content that is not in a table or a widget, is just floating in the right column. If you use a simple 3 column table, you'll have better control over the left, center, & right position of all of your content. Even the tables themselves can be centered.

If you build a table as follows, you can put all of you content in it:

<table>
<tr>
<td colspan=3>

top content here

</td>
</tr>
<tr>
<td>

left side content here

</td>
<td>

Middle main body content here

</td>
<td>

Right side content here

</td>
<tr>
</table>

You can add align="center" or "left" or "right" to your <td> tag to position the content and valign="top" to vertically align your content.

I don't use CSS yet, so I only gave you the table option.

For more detail on the table go to Lisa's page on the subject.

http://www.2createawebsite.com/build..._tutorial.html

I hope this helps.

And don't forget to get rid of that extra html and body tags at the bottom of your code.

bestfin1 · #9 (**permalink**) 04-09-2008, 09:18 PM

Hi You all..
Hey Alpha, just wanted to stop by and let you know that your comment made me do a little bit of htlm research and with a little reading and almost all the homework done Ive managed to correct the error that we had at the beginning.. I think that its pretty much fixed now..

Thanks..

alpha7 · #10 (**permalink**) 04-10-2008, 06:35 AM

Yeah, it looks great

. I hope I didn't confuse you. I just find it hard to reverse engineer other people's code. Using comment tags helps other people understand your code better. I don't always use them as much as I should and it bites me sometimes. Sometimes it takes me hours to find my own mistakes. But, I'm glad you got it.

WB Sponsors