<table width="100%" border="0" cellpadding="0" cellspacing="0" background="/images/dsgn/top-stretchbg.gif"> <tr> <form action="/search/search.php" method="get"> <td width="534" valign="top"><img src="/images/dsgn/travel-destination360.gif" alt="Destination360" width="226" height="28" align="middle"></td> <td width="190" align="right"> <input type="hidden" name="name" value="dest360"> <input name="query" type="text"></td> <td width="57" align="right"> <INPUT TYPE="image" SRC="/images/dsgn/search.gif"></td> </form> </tr> </table> Code (markup): this is the code we're using http://www.destination360.com/forum/ is the site,, but i see the travel-destination360.gif is a little lower on the forums page any ideas ? its the same search code from the main page thank you, I've been banging my head over it
umm ...changing the align="middle" to align="top" in the img tag could solve ur problem.One more thing u need to change the height of td=28 as equal to image height. This might help u out i suppose. Regards, Utsavi.
The trouble is not in your table. It is in your styles. Near the top of your styles look for this: td, th, p, li { font: 13px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;; padding: 2px; } Change that padding to 0 and your image will line up. One thing that I would strongly recommend is that you put your styles in an external sheet. Create a file named style.css and copy all of your styles into it. then place the following code into your head: <link rel="stylesheet" type="text/css" href="http://www.destination360.com/style.css" /> This will put the control of your styles into one file and will also greatly reduce the text on your page which will give you better keyword density as well as "better" content when the search engines spider the pages. Also all images need size attributes.
thank you, I changed padding: 2px to 0px and it looks better,, about making an external css, I don't quiet understand ? this is a vbulletin style and had its own "Additional CSS Definitions" can I use this for what your talking about ? thank you for the tips
Yes. all you need to do is to create a file named style.css (use notepad or similar text editor - do not use word or word pad). Copy all of the styles into this and then upload it to your server in the root directory (the same place your main index file is). Then all you need to do is refer to the external style sheet within your header. For example: <link rel="stylesheet" type="text/css" href="http://www.destination360.com/style.css" /> When the search engine spiders look at your code they will be seeing all of those styles. As far as they are concerned these words may as well be on the actual page. So basically it skews the "picture" the spider sees and throws in a lot of text that isnt 'SEO friendly'. That is it lowers the proportion that your desired keywords will be. Also if you want to make a change to the styles you would have to edit every single page but if you use the esxternal shhet then you will have only 1 file to edit. If you do a Google search on "creating external css style sheet" you will find a lot more info on this. It is really easy to do.
well i haven't gotten a chance to mess with the css, but I'm trying to get the search icon to be next to the box like the main page.. any ideas on that ? thanks guys,
I put the code in a search.css file in the forum root then I put a link like <link rel="stylesheet" type="text/css" href="http://www.destination360.com/forum/search.css" /> and nothing happen ?
So your style sheet is named search.css and it is in a subfolder forum? Would you mind posting what you have in your style sheet?