php styling

[usman07]

I have php coding, which bring up a error message, but how can i increase the width of that error message? Thanx

 

[usman07]

<font face="Lucinda" color="red"> Wrong username or password, please try again </font>

 

how do i increase the width of this text?

[ManiacDan]

This is an HTML question, so I'm moving it to the proper board.

 

Explain what you mean by increasing the width.  How does it look now?  How do you want it to look?  Why do you believe width is the issue?  Do you mean the width of the whole sentence or the individual letters?

[usman07]

ok sorry for posting in wrong board. the width of the whole sentence. it is currently quite squeezed, what code would allow me to increase the width?

[ManiacDan]

Does it look like all the other fonts on the page?  Lucinda is not a font.  Perhaps you meant to write Lucida?  Remove the font declaration entirely, it should look like all the other text on the internet.

[usman07]

ok iv removed the font but it still remains squeezed, how can i upload a image?

[Pikachu2000]

Without a definition of what "squeezed" means, and/or a comparison with what "unsqueezed" should look like, it isn't going to be easy to help you.

[usman07]

if you could go on the website :

 

http://adobetuts.netai.net/

 

and type in a random username (dont need to type in a password) and select 'Log in' and you will then have a better idea. thank you

[Maq]

It says your website is under review...

 

As pikachue mentioned, we need to know what the issue looks like as well and what you want it to look like.  Is that font tag in some sort of container where it's getting "squeezed"?  I would play around with it in firebug.

[usman07]

how can i insert a image? to show u a screenshot?

[usman07]

iv attached a image to show u

[Maq]

Looks like your error message is in the same container as "username" & "password".  You need to either move it up a level or create another div that spans those 2 sections.  Can you show us the HTML for the login section?

[usman07]

Code for the text that I want to increase the width of:

 

('<div id="username">
   <form action="" method="post"/>
	<font color="red"> Wrong username or password, please try again </font>
      <table><tr><td>
      <img src="imgs/Log In/username.png" alt=""/>
      </td><td>
      <input type="text" size="30" name="username" style="background-color:transparent;" />
      </td></tr></table>

      <table><tr><td>
      <img src="imgs/Log In/password.png" alt=""/>
      </td><td>
      <input type="password" name="password" size="30" />
      </td></tr></table>

      <form id="submitb" action="">
      <input type="submit" value="Log in" />
      </form>

      <p class="register">Not yet a member? <a href="Form.html">Register Here</a>, its Free!</p>
</div>');

[Pikachu2000]

Now go change your database username and password, since you've now posted it three times on the internet for the whole world to see.

[ManiacDan]

Like maq suspected, your problem is because you've put this text in a narrow container.  It has nothing to do with the text itself or the span around it, it's the fact that it's inside a narrow container.  You can put this text in its own table row with a good colspan:

 

 

('<div id="username">
   <form action="" method="post"/>
      <table><tr><td colspan=2><font color="red"> Wrong username or password, please try again </font></td></tr>
              <tr><td>
      <img src="imgs/Log In/username.png" alt=""/>
      </td><td>
      <input type="text" size="30" name="username" style="background-color:transparent;" />
      </td></tr></table>

      <table><tr><td>
      <img src="imgs/Log In/password.png" alt=""/>
      </td><td>
      <input type="password" name="password" size="30" />
      </td></tr></table>

      <form id="submitb" action="">
      <input type="submit" value="Log in" />
      </form>

      <p class="register">Not yet a member? <a href="Form.html">Register Here</a>, its Free!</p>
</div>');

However, note that your <span> changed to a <font> tag, so I'm pretty much done at this point.