HTML - Moving Text With Same Code

Hi there i'm new to html forum and have come here for a little bit of help on some code.

my website is http://www.mp3encore.co.uk

my problem is on the homepage, basically i want the radio search buttons above the search bar so visiters click radio button first then type in what they want.

here is my code...

<div class="wrapcontent clearfix">
<div id="content" class="fleft">
<div class="wrappost">
<style type="text/css">
#content #post
{
background: url('<?=WEB_PATH?>images/wes.png') no-repeat;
}
</style>
<script type="text/javascript">
function change_song1()
{
document.search_form.search_input.value= "Search For Lyrics";
document.search_form.type.value= "lyrics";
document.getElementById('song').style.display = "none";
document.getElementById('video').style.display = "none";
document.getElementById('kr').style.display = "none";
document.getElementById('lyrics').style.display = "inline";
}
function change_song0()
{
document.search_form.search_input.value= "Search For Videos";
document.search_form.type.value= "video";
document.getElementById('song').style.display = "none";
document.getElementById('video').style.display = "inline";
document.getElementById('kr').style.display = "none";
document.getElementById('lyrics').style.display = "none";
}
function change_song2()
{
document.search_form.search_input.value= "Search For Songs";
document.search_form.type.value= "mp3";
document.getElementById('song').style.display = "inline";
document.getElementById('video').style.display = "none";
document.getElementById('lyrics').style.display = "none";
document.getElementById('kr').style.display = "none";
}
function change_song3()
{
document.search_form.search_input.value= "Search For Karaoke";
document.search_form.type.value= "karaoke";
document.getElementById('song').style.display = "none";
document.getElementById('video').style.display = "none";
document.getElementById('lyrics').style.display = "none";
document.getElementById('kr').style.display = "inline";
}
</script>
<div id="post" class="post">
<div class="entry" style="margin-top: 6px;">
<div class="clearfix wrapentry">
<div class="fleft">
</div>
<div class="info fright clearfix" style="margin-right: 25px;">
</div>
<div class="Contentbox" align="center">
<div id="song" style="display: none;">You are in Song search mode</div>
<div id="video" style="display: none;">You are in Video search mode</div>
<div id="lyrics" style="display: none;">You are in Lyrics search mode</div>
<div id="kr" style="display: none;">You are in Karaoke search mode</div>
<div id="ajaxcontentarea" class="contentstyle" style="margin:0" >
<form name="search_form" id="search_form" method="post" action="<?=WEB_PATH?>">
<input tabindex="" value="Search For Songs" name="search" id="search_input" onfocus="if(this.value=='Search For Songs'||this.value=='Search For Videos'||this.value=='Search For Lyrics'||this.value=='Search For Karaoke') this.value='';" type="text" />
<input type="hidden" name="type" value="mp3"/>
</form>
</div>
<ul id="maintab" class="shadetabs">
<li><a href="#" onclick="javascript:document.search_form.submit();return false;">Search</a></li>
</ul>
</div>
<div style="color: #ffffff;font-weight: bold;margin-left: 45px;margin-top: -25px;"><input type="radio" class="radio" value="video" name="type" onclick="change_song0();"/>&nbsp;Videos</div>
<div style="color: #ffffff;font-weight: bold;margin-left: 145px; margin-top: -18px;">
<input type="radio" class="radio" value="mp3" name="type" onclick="change_song2();"/>&nbsp;Songs
</div>
<div style="color: #ffffff;font-weight: bold;margin-left: 235px; margin-top: -18px;">
<input type="radio" class="radio" value="lyrics" name="type" onclick="change_song1();"/>&nbsp;Lyrics
</div>
<div style="color: #ffffff;font-weight: bold;margin-left: 315px; margin-top: -18px;">
<input type="radio" class="radio" value="lyrics" name="type" onclick="change_song3();"/>&nbsp;Karaoke
</div>
</div>
</div>
</div>
</div>


hope someone can help, thanks in advance.

Hi everyone,

I am an illiterate HTML dummy , and I am hoping someone could help me with some code for a page I am working on. Here is my code:

HTML Code:

<html>	
<div align="center">



<br><br>
<TABLE border="0" cellpadding="0" cellspacing="10">
		<tr>
			<td width="354" valign="top">
				<p><I><font face="Trebuchet MS"><font size="4">Babies & Children...</p></I></font></font>

<p><font face="Arial">Each day in the life of your child welcomes new changes, and capturing that ephemeral spirit is one of the great joys of our work.

No matter what stage your child is at, we create dynamic and timeless images that will be cherished for generations. We photograph your child / children in a relaxed and fun atmosphere, capturing their spirit and personality.
</p></font> 

<p><font face="Arial">Sessions are available at your choice of location. This includes 15 images on CD-ROM - your choice of colour, black & white or sepia, plus an 11" x 14" enlargement.</p></font>


<p><font face="Trebuchet MS"><font size="5">$150</p></font></font>




<p><font face="Arial"><a href="mailto: [email]info@brischetto.com.au[/email]">Want something different?</a></li></p></font>


			</td>
			<td width="252" valign="top">

				<img src="http://brischetto-images.smugmug.com/photos/112098330-M.jpg" alt="Anne bridal" width="400" height="272" hspace="0" vspace="0" border="0" class="smborder" />

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




</div>
</html>

This is the page: http://www.brischetto-images.smugmug...allery/2110958

I really want to move the table / text up so it sits underneath my nav bar. Can anyone tell me how to do this??

Thanks!!!

hey ive been doing html a little while now and to move things around my webpage ive been using the <div> tag but when i change the screen resolution the images / words move to a different placee is there another way of doing it so they dont move if im adjusting the screen resolution somebody please help

I am building a site from scratch, and since I dont have images yet, I am using image placeholders. I havent used frames, which may be my issue, but I used separate images on top for buttons and then a large image in the middle, and then a couple more buttons as images on the bottom of the page. Now when I try to align the middle image to the right so i can put buttons on the left, everything on the bottom half of the page moves to the rght as well, instead of just the middle image. Why is this happening, should i be using 4 separate frames on this page for each section? i am not to familiar with them, so i havent used them so far. Also, alot of the functions for images arent available, is that because they are just image placeholders? Any help would be greatly appreciated. Thanks

Hello im new here its good to be here

I need your help! I am now learning HTML because i realised how important it is...and im stuck in this thing

PHP Code:
    var alternateContent = 'Welcome to mywebsite'
        + 'Please download Flash Player to view content.'
        + '<a href="http://www.adobe.com/go/getflashplayer/">Download Flash</a>';
    document.write(alternateContent);  // insert non-flash content
}
// -->
</script>
<img src="Html_logo.jpg" alt="" width="273" height="46" longdesc="http://Html_logo.jpg" />
</body>
</html> 


this is part of the code ...didnt post it all since it was too much... What i need to do is to color the text yellow "Welcome to my website . Please download Flash Player to view content"

I tried <FONT COLOR = "######"> but didnt work...

Also how do i add the HTML_logo Above the text ..?

Any ideas?