BRAND NEW TO CSS coding Ok My business is stump. I am introducing a image towards the end of my site. Were you see it truly is about were I’d prefer it. I was either visiting use < br> to make the text go around the image exactly how I wanted it or I became going to try to learn how to use CSS plus wrap text.
My problem can be my image in firefox is going 5px higher than it can be in IE and again I would prefer the image trend like it will in IE. I know it is one thing basic but cant get it.
I have validated my signal both css and also html that did not help.
url About Us
my own css code is attached
For a second time, you’re making make use of absolute positioning in which it isn’t said to be used. If you would like a background in the top left and one at the end right, you have to do something like this:
div#content-container foundation: URL(your image) major left no-repeat; coloring: inherit; div#bottom-right-background foundation: URL(your image) underside right no-repeat; coloring: inherit;
…
< div id=" content-container" > < div id=" bottom-right-background" > < div id=" whatever-content-you-want" > Your content here< /div> < /div> < /div>
This help keep your backgrounds exactly where you intended these people, regardless of how an text is resized or positioning.
Okay thanks, It may seem like I am doing stupid small faults. By any chance are there a good origin for CSS coding or a great source that points out this situation better.
WHEN I guess I dont realize why 95% POST see everyone applying position: absolute as well as position: relative in all images or div tags. Then you definitely show how to do it without.
Does it matter that the bottom-right-backround will not likely be located at the very bottom corner it will be up inside connected with my text having my text gift wrapping around it. I may use < br> to generate the text prevent exactly were I would like it to the image.
My business is guessing I may use the following within the image for positioning:
Underside: ***px;
and also
appropriate: ***px; to place the image exactly were I would like it
Gives thanks again.
Utilizing < br /> wouldn’t necessarily solve a person’s issue. As people today resize their wording, the line-heights will become bigger and smaller, and at a few point will envelop your background anyway. And there’s virtually no way to stop this behavior, often… it’s by design so that people can measurement the text with a screen to allow them to read it. You cannot change it, often, so don’t shell out the energy about trying. The only route to wrap text all-around an image and see it wrapped consistently could be to put the text on the inside of an image and make an even bigger image. It is likely you don’t want of which.
Today, what you could do should be to float your image towards the right of one more paragraph. That wouldn’t set your image exactly for the bottom in all cases (specifically if your text is enlarged), but if you had a simple passage, then you will get what you want typically. Remember with floats: you will need to clear them, or certain times you’re gonna possess a bad time (gotta inject somewhat levity into the proceedings here).
And also yes, you may use pixel placement with regard to an image pot.
Where absolute positioning is worried, there’s nothing wrong with with it when it’s wise to do so. I do so on a regular basis. The key should be to know to put it to use. The basic assumption of absolute positioning is to position elements over and above the flow of any document, and in some cases that’s good. For instance, I’ll use it to position a menu around the top of this page after launching the content initial. That way, the user becomes what they want asap (i. e. the content) and through the time they’re executed reading/parsing the subject material, the menu may have loaded.
Most people tend to use it. Your text wrapping can be a classic example, although I’m not trying to pick on anyone here. It’s a little an easy way out of things if it really wasn’t that will be. Unfortunately, the best CSS tutorial on the subject of this sort regarding thing is expertise. Code it. Mess from it. Break it. Receive frustrated. Throw issues. Scream. Ask pertaining to help. Learn. As you do discover, you won’t neglect it.