i want to prevent automatic new lines

loves_oi

Here is my code:


<img src="ustfon.jpg"  width=1264 HEIGHT=160 ALT="Starflower">

Hello akhdkjasbhdkjlsadbfsdalkjb


<form action="giris.php" method="POST">
   <table>
.....
    .....
   </table>
    </form>

The order is:
1.Image
2.Text
3.Form

When i used this in my code , automatic newlines appears. I want to prevent it . I tried many way. But i couldn't do that .

I want to do it such :
1.Image 2.Text
3.Form

or
1.Image
2.Text 3.Form

Help me pls 🙁

dagon

learn html\css

loves_oi

I already know HTML/CSS . Don't you understand my question ?

loves_oi

I am thinking a way related to CSS. In all page, if i use tables , no problem may occur and my problem may be solved. But it will be very tiresome to try tables in all pages in everywhere. I think some another solution must be exist . Thats why i asked ?

johanafm

I'm guessing you'd get some good information from some basic HTML / CSS tutorials which you should be able to find with google.

But a few short pointers...
1. There are two basic kinds of element types: inline and block. Block is always preceeded and followed by line breaks, inline elements are not.
1. You may or may not know this since you did not post all HTML code for your page, but only block level elements are allowed in the body element. I.e. this is not allowed

<body>
text
<span>more text
</body>

"text" is character data and that isn't allowed in the body element. span is an inline element and that isn't allowed either. div, p etc are all ok though. You should always validate your code.

img is an inline element, but output is generated on rows lines, which means that one 100px high image will not be placed over several rows, so unless the text next to it is also 100px high, the text will appear next to the image at the very bottom of it.
the float property may be used to break things out of the ordinary content flow. If you gave your image float: left, the content following it would continue on its right side, since the image no longer affects other content placement on the page, except for the very space it needs for itself.
after a floating element, to go back to ordinary content flow, you use the clear property, which in this case would be needed for your form element. clear: left

loves_oi

johanafm;10987857 wrote:
I'm guessing you'd get some good information from some basic HTML / CSS tutorials which you should be able to find with google.

But a few short pointers...
1. There are two basic kinds of element types: inline and block. Block is always preceeded and followed by line breaks, inline elements are not.
1. You may or may not know this since you did not post all HTML code for your page, but only block level elements are allowed in the body element. I.e. this is not allowed
<body>
text
<span>more text
</body>
"text" is character data and that isn't allowed in the body element. span is an inline element and that isn't allowed either. div, p etc are all ok though. You should always validate your code.

img is an inline element, but output is generated on rows lines, which means that one 100px high image will not be placed over several rows, so unless the text next to it is also 100px high, the text will appear next to the image at the very bottom of it.

the float property may be used to break things out of the ordinary content flow. If you gave your image float: left, the content following it would continue on its right side, since the image no longer affects other content placement on the page, except for the very space it needs for itself.

after a floating element, to go back to ordinary content flow, you use the clear property, which in this case would be needed for your form element. clear: left


<html>
<head><!--#ffff80-->

</head>
<body >


<img src="ustfon.jpg"  width=800 HEIGHT=100 ALT="Starflower">






<form action="giris.php" method="POST">

<table border="2" bordercolor="red" cellpadding="1" cellspacing="0" align="right" >

<tr align="left" valign="bottom">
	<th > Kullanici adi:</th>
	<td > <input type="text" name="kullanici_adi" /> </td><!--kullanici adi yazinca hata vermiyor?-->
</tr>
<tr align="left" valign="bottom">
	<th > Sifre:</th>
	<td > <input type="password" name="sifre" /> </td>
</tr>

<tr>
<td>
<td><img src="guvenlik.php"><br></td>
<tr>
<th>Güvenlik Kodu:</td>
<td><INPUT TYPE="text" NAME="kod"><br></td>
</tr>

<tr align="right" valign="top">
	<td></td>
	<td > <input type="submit" value="Giris" /> </td>
</tr>


</table>
</form>

This is any word.



</body>
</html>

After image , an auto newline appear and then form appears below image
I want to put form next to image without using table. My purpose is prevent automatic newline . Is it possible?

cretaceous

wrap the image in a div :
<div style='float:left;width:300px;'>do image stuff </div>

wrap the text in a div :
<div style='float:left;width:300px;'>do text stuff </div>

wrap the form in a div
if you want it on a new line remove the "float:left" or clear the float
<div style='float:left;width:400px'>do form stuff </div>

you may need to define a width for your table