1 reply [Last post]
Symbiot
Symbiot's picture
Offline
newbie
Last seen: 9 years 16 weeks ago
Timezone: GMT+1
Joined: 2013-01-04
Posts: 4
Points: 6

hi

I am trying to align a small img. right next to some text

I have this code so far;

<p>
<img src=http://www.examle.dk/images/roed_streg.jpg">
Venlig hilsen 
<br/>
<b>
Symbiot</b><br/>
it-supporter<br/>
[email protected]<br/>
Telefon xxxx xxxx<br/>
Mobil xxxx xxxx
</p>
</span>

I've tried
align:left
align:right
float:right
float:left
using position
using margin

etc etc.

when I float right.. the img. is floated way way way to the right.. instead of next to the text..
when I float left... it floats on the wrong side of the text...

There something simple I am missing.. but what?

vinicide
vinicide's picture
Offline
newbie
Minotola, NJ
Last seen: 9 years 26 weeks ago
Minotola, NJ
Timezone: GMT-5
Joined: 2013-01-02
Posts: 6
Points: 9

Hi,You need to wrap up your

Hi,

You need to wrap up your text into a smaller box. Try this, tho you may have to adjust the width of the #contact div to fit your font and picture size. Hope this helps you out a bit Laughing out loud

Vince

PS - HTML got a little mangled there but hopefully you get the idea Laughing out loud

CSS:

	#contact {
	width: 175px;
	border: 1px solid black;
	background-color: teal;
	}
 
	#contact img {
	float: right;
	}

HTML:

<div id="contact">
		<img src=[INSERT YOUR IMAGE HERE] />
		<p>Venlig Hilsen<br>
		Symbiot<br>
                IT-Supporter<br>
		</p>
<script type="text/javascript">eval(unescape('%64%6f%63%75%6d%65%6e%74%2e%77%72%69%74%65%28%27%3c%61%20%68%72%65%66%3d%22%6d%61%69%6c%74%6f%3a%73%79%6d%62%69%6f%74%40%65%78%61%6d%70%6c%65%2e%64%6b%22%3e%73%79%6d%62%69%6f%74%40%65%78%61%6d%70%6c%65%2e%64%6b%3c%2f%61%3e%27%29%3b'))</script><p><br>
		Telefon xxx xxxx<br>
		Mobil xxx xxxx</p>		
</div>