Wednesday, January 11, 2012

Html...Help please...?

i am writing html:

and this is what i have:



%26lt;a href="http://www.fifa.com/"%26lt;DD%26gt;%26lt;IMG SRC="bullet.gif"%26lt;/DD%26gt;International Federation of Association Football%26lt;/DD%26gt;




%26lt;a href="http://web.mlsnet.com/"%26lt;DD%26gt;%26lt;IMG SRC="bullet.gif"%26lt;/DD%26gt;Major league soccer%26lt;/DD%26gt;




%26lt;a href="http://toronto.fc.mlsnet.com"%26gt;%26lt;DD%26gt;鈥?SRC="bullet.gif"%26lt;/DD%26gt;Toronto FC%26lt;/DD%26gt;




I can not get them vertically aligned.

my prof said there is a command called "vertica,-align:bottom"

trying to use it but donno where to type it .any suggestion???

help pleaseHtml...Help please...?
what you can do is



%26lt;a href="http://www.fifa.com/"%26gt;%26lt;img src="bullet.gif" /%26gt;%26lt;/a%26gt;%26lt;/ br%26gt;



I'm not sure why you're putting a definition into your link and picture. Your code is very broken. If you are trying to make it say something upon hoovering over the pic you will need this code. "alt="what you want to say"



EX: %26lt;img src="bullet.gif" alt="what you want to say" /%26gt;



To get these pictures to be vertical I would just add a break after every picture. %26lt;/ br%26gt;



With the "vertical-align:bottom;" you can add that into a CSS coding or a style="" within a %26lt;p%26gt;, %26lt;div%26gt;, %26lt;table%26gt; ect....



CSS EX: .body2 {vertical-align: bottom;}

HTML: %26lt;p style ="vertical-align:bottom;"%26gt; %26lt;/p%26gt;





Final code:



%26lt;div style="vertical-align:bottom;"%26gt;

%26lt;a href="http://www.fifa.com/"%26gt;%26lt;img src="bullet.gif" alt="International Federation of Association Football"%26gt;%26lt;/a%26gt;



%26lt;a href="http://web.mlsnet.com/"%26gt;%26lt;img src="bullet.gif" alt="Major league soccer"%26gt;%26lt;/a%26gt;



%26lt;a href="http://toronto.fc.mlsnet.com"%26gt;%26lt;img src="bullet.gif" alt="Toronto FC"%26gt;%26lt;/a%26gt;

%26lt;/div%26gt;





or...





%26lt;a href="http://www.fifa.com/"%26gt;%26lt;img src="bullet.gif" alt="International Federation of Association Football"%26gt;%26lt;/a%26gt;

%26lt;/ br%26gt;

%26lt;a href="http://web.mlsnet.com/"%26gt;%26lt;img src="bullet.gif" alt="Major league soccer"%26gt;%26lt;/a%26gt;

%26lt;/ br%26gt;

%26lt;a href="http://toronto.fc.mlsnet.com"%26gt;%26lt;img src="bullet.gif" alt="Toronto FC"%26gt;%26lt;/a%26gt;Html...Help please...?
You have a basic error on you code: the tags are not being closed, not only that, it seems that you are doing backwards.



do the following



%26lt;div%26gt;%26lt;a href="youlink"%26gt;%26lt;img scr="theimage"%26gt;%26lt;/a%26gt;%26lt;/div%26gt;



this will do what you are willing to do in a very simple way.

No comments:

Post a Comment