So I've got this web development class, substituted in with no relationship to my major because "well computer classes are all the same" (the dean is a series of tubes kind of guy), but any way
I'm desperately trying to play catch up and learn this whole HTML thing, and I can't for the life of me figure out this one particular thing. Google search has been of no avail and there isn't an example of it that I can find in my textbook.
I need to: Create an irregular line wrap around an image, it is in 6 parts and I need to stack them by
- Inserting a div element containing six inline images, for each image set the alternate text to an empty text string.
- Use inline styles to set the width of the six inline images to the following values: then 6 values in EM and not pixels.
Then I'm supposed to make an embedded style sheet and create a style for inline images in the document, floating them to the right margin and clear: right as well, and set the margins - I know how to do all that. What I don't know how to do is to specify in an embedded style sheet to only set these attributes to inline images. Am I supposed to set an ID before the images? I've been trying that and can't get it to work.
How do I set the image's width in EM inline? When I set it to 6.7em for the first one for example, it just disappears, it seems to only accept pixel values.
Any help would be immensely appreciated
Posts
You can set an image's width inline by using the width attribute, or by using inline css (style="").
Generally you set an image's width/height to its actual width/height, otherwise you end up stretching the image which can look pretty bad.