Jump to content


Photo

why wont the image line up


  • Please log in to reply
7 replies to this topic

#1 MarkS

MarkS
  • Members
  • PipPip
  • Member
  • 10 posts

Posted 08 September 2006 - 08:05 PM

<?php

$html = "<form name='search' method='post' action='search.php'>";
$html .="<div style='vertical-align: middle;'>Search  \n";
$html .="<input type='hidden' name='search' value='1'>\n";
$html .="<select name='catagory'>\n";
$html .="<option value='user'>DJ Name</option>\n";
$html .="<option value='location'>Location</option>\n";
$html .="<option value='religion'>Genre</option>\n";
$html .="</select> \n";
$html .="<input type='text' name='string' size='25' border-color='blue'> \n";
$html .="<input type='image' src='http://www.cublox.com/images/go.jpg'></div></form> \n";

echo $html;

?>

Thats the code im using for the search box in the header of www.cublox.com

Why does the image not line up? Please can you tell me how to get the image to line up, and if its possible to make the input box border blue, and make the image not have a border?

Thanks in advance

my other question in another area never got answered so im hoping this one will  ;D

#2 AndyB

AndyB
  • Staff Alumni
  • Advanced Member
  • 5,465 posts
  • LocationToronto

Posted 08 September 2006 - 09:40 PM

Since this is either a pure html or an html/css questions, let's move it to right place because that WILL increase the chances of getting a reply.
Legend has it that reading the manual never killed anyone.
My site

#3 MarkS

MarkS
  • Members
  • PipPip
  • Member
  • 10 posts

Posted 08 September 2006 - 10:05 PM

i doubt it

#4 Guest_WarpNacelle_*

Guest_WarpNacelle_*
  • Guests

Posted 08 September 2006 - 10:07 PM

Hi,

Move the 'vertical-align' style from your <div> to your <input> button and then set the border to zero - like so:

$html .="<div>Search  \n";

....

$html .="<input type='image' src='http://www.cublox.com/images/go.jpg' style='vertical-align: middle; border: 0'></div></form> \n";

Also change the <input> text field to:

$html .="<input type='text' name='string' size='25' style='border: 1px solid #3333FF'> \n";


Change the HEX color to whatever blue you want.

Later!

#5 MarkS

MarkS
  • Members
  • PipPip
  • Member
  • 10 posts

Posted 08 September 2006 - 10:16 PM

i could kiss you

thanks very much  ;D

#6 AndyB

AndyB
  • Staff Alumni
  • Advanced Member
  • 5,465 posts
  • LocationToronto

Posted 08 September 2006 - 10:18 PM

i doubt it


Looks like we both win.
Legend has it that reading the manual never killed anyone.
My site

#7 MarkS

MarkS
  • Members
  • PipPip
  • Member
  • 10 posts

Posted 08 September 2006 - 10:19 PM

while i could kiss you, one more question  :-* haha

I want to make the text "search" font size 2 ie <font size="2"> but i know i cant do it like that

How would i go about it? :)


AndyB: that was a first time poster..you in disguise?  ;)



#8 Guest_WarpNacelle_*

Guest_WarpNacelle_*
  • Guests

Posted 08 September 2006 - 10:58 PM

Hi,

The CSS for changing your font size is:

style="font-size: 12px" - for example.  You can adjust the size to suit your needs.  Add it to your <div> just before the "search" text.


AndyB: that was a first time poster..you in disguise?  ;)


No, that was my first post.  I'd been viewing the boards in stealth mode and finally decided to become official.
You'll have to clear it with my wife before you kiss me.
:D

Later




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users