image position

On my site, www.alzaweny.com, on the very bottom their is a picture of Sonic. As you can see his feet are cut off. This is due to the text on the left of the image. The more text their is, the more the image goes down.

I tried using valign="top" and align="top" but that didn't do anything.

 

someone please help.

 

Hey you can do one thing put your image tag, b4 the h1 tag...and give a "align=left" to image tag...it will come automatically...

and if u know CSS u can do it in different ways...it just simple....

cheers buddy...

 

<div id="sonic" style="position:absolute; z-index:100; left:650px; top:20px"><img src="./styles/Sonic/theme/images/sonic1.png" alt="Who is online"></div> try that

the hover div make it relative (style="position:relative;")

then move the above code for sonic after the div - hover.

that should do the trick

but its possible without css too

 

I tried using your methods but it didn't work.

Here is the code for the bottom.

<div id="hoverpage">

<ul id="menu">
<li class="page p1 click"><a href="#nogo"><i>{L_WHO_IS_ONLINE}</i></a>
<div>
<em></em>
<h2><b>{L_WHO_IS_ONLINE}</b></h2>
<p>
	<!-- IF LEGEND -->

	
	<p class="genmed"><h2><b>{L_LEGEND} : {LEGEND}</b></h2></p>
	
	<!-- ENDIF -->
	<!-- IF LEGEND -->
<img src="{T_THEME_PATH}/images/sonic1.png"  alt="{L_WHO_IS_ONLINE}" />

	<!-- ELSE -->
	<img src="{T_THEME_PATH}/images/sonic1.png" alt="{L_WHO_IS_ONLINE}" />
	<!-- ENDIF -->
<p class="genmed">{TOTAL_USERS_ONLINE} <br />({L_ONLINE_EXPLAIN})<br /><br />{RECORD_USERS}<br /><br />{LOGGED_IN_USER_LIST} <br /></p>


	</p>
</div>
</li>

PHP:

 

looks like you fixed the problem

 

nope . i still need help.

 

ignore what i did above - that was me doing it in a rush and testing in 1 browser

try this small css modification below ...


add this to your css

#hoverpage {
height:100%!important;
}


let me know the results

 

nope... you can see the results.

 

oo sorry i was testing in firefox

let me check it out in IE

 

given that the div#hoverpage doesnt look like it really is gonna expand that much - u could get away with giving it a fixed height...

with my 100% example - if you look at the site in firefox you can also see the birthday message - which you can not see in IE.



try given a fixed height as a quick fix (450px?)


so height =

#hoverpage {
height:450px!important;
}

 

inside your menu2.css file you have a style for hoverpage with the height fixed to 240px or something

remove that