HTML and CSS

help on irregular text wrap

Please support our HTML and CSS advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases

•

Join Date: Sep 2009

Posts: 1

Reputation: shyboy78758 is an unknown quantity at this point

Solved Threads: 0

shyboy78758 shyboy78758 is offline

Offline

Newbie Poster

help on irregular text wrap

Sep 13th, 2009

I am having trouble with the following thing. I have a code that is supposed to line up 6 images on the right margin. The six images are supposed to line up to make one image. It's not working right. can anyone help me and tell me what i am doing wrong? Here is my html:

<html>

<head>


<title>Martin Luther King, Jr.</title>
<style type="text/css">

#imagem {float: right; margin-left: 2em; margin-right: 0em}
#bannerimage {width 3.5em; float: none; margin: 0em}
</style>
<link href="center.css" rel="stylesheet" type="text/css" />
</head>

<body>

<div id="banner">
<img src="banner.jpg" id="bannerimage" alt="The Voices of Civil Rights Series." />
</div>

<div id="pageContent">
<h1>
Martin Luther King, Jr.
</h1>

<p>
<span style="float: left; font-weight: bold; font-size: 3em; color: rgb(102, 102, 240); line-height: 0.8em;
border-right: solid 0.05em rgb(102, 102, 240); border-bottom: solid 0.05em rgb(102, 102, 240); padding-bottom: 0.2em; padding-right: 0.2em; margin-right: 0.2em" />I</span>
have a dream that one day this nation will rise up and live out the
true meaning of its creed: "We hold these truths to be self-evident:
that all men are created equal." I have a dream that one day on the red
hills of Georgia the sons of former slaves and the sons of
former slaveowners will be able to sit down together at a table of
brotherhood. I have a dream that one day even the state of Mississippi,
a desert state, sweltering with the heat of injustice and oppression,
will be transformed into an oasis of freedom and justice. I have a dream
that my four children will one day live in a nation where they will not be
judged by the color of their skin but by the content of their character.
I have a dream today.

</p>
<div id="imagem">
<img src="king1.gif" alt=" " style="width: 6.7em" /><br>
<img src="king2.gif" alt=" " style="width: 7.85em" /><br>
<img src="king3.gif" alt=" " style="width: 11.45em" /><br>
<img src="king4.gif" alt=" " style="width: 14.25em" /><br>
<img src="king5.gif" alt=" " style="width: 15.5em" /><br>
<img src="king6.gif" alt=" " style="width: 16.6em" /><br>
</div>

<p>I have a dream that one day the state of Alabama, whose governor's lips are
presently dripping with the words of interposition and nullification, will
be transformed into a situation where little black boys and black girls will
be able to join hands with little white boys and white girls and walk together
as sisters and brothers. I have a dream today. I have a dream that one
day every valley shall be exalted, every hill and mountain shall be made low,
the rough places will be made plain, and the crooked places will be made
straight, and the glory of the Lord shall be revealed, and all flesh shall see it
together. This is our hope. This is the faith with which I return to the South.
With this faith we will be able to hew out of the mountain of despair a stone of
hope. With this faith we will be able to transform the jangling discords of
our nation into a beautiful symphony of brotherhood. With this faith we will be
able to work together, to pray together, to struggle together, to go to jail
together, to stand up for freedom together, knowing that we will be free
one day.
</p>

<p>This will be the day when all of God's children will be able to sing with a new
meaning, "My country, 'tis of thee, sweet land of liberty, of thee I sing. Land
where my fathers died, land of the pilgrim's pride, from every mountainside,
let freedom ring." And if America is to be a great nation, this must become true.
So let freedom ring from the prodigious hilltops of New Hampshire. Let freedom
ring from the mighty mountains of New York. Let freedom ring from the heightening Alleghenies of Pennsylvania! Let freedom ring from the snowcapped Rockies of
Colorado! Let freedom ring from the curvaceous peaks of California! But not only
that; let freedom ring from Stone Mountain of Georgia! Let freedom ring from
Lookout Mountain of Tennessee! Let freedom ring from every hill and every molehill
of Mississippi. From every mountainside, let freedom ring.
</p>

<p>When we let freedom ring, when we let it ring from every village and every hamlet,
from every state and every city, we will be able to speed up that day when all of
God's children, black men and white men, Jews and Gentiles, Protestants and
Catholics, will be able to join hands and sing in the words of the old Negro
spiritual,
<em>Free at last! Free at last! Thank God Almighty, we are free at last!</em>
</p>

<address>
Created by the Midwest University Center for Diversity
</address>
</div>

</body>
</html>

•

Join Date: Jul 2008

Posts: 101

Reputation: ingeva is an unknown quantity at this point

Solved Threads: 9

ingeva

Offline

Junior Poster

Re: help on irregular text wrap

Sep 13th, 2009

•

Originally Posted by shyboy78758

I am having trouble with the following thing. I have a code that is supposed to line up 6 images on the right margin.

This was rather lengthy, so I haven't studied it very closely.
A link to a web page might have helped.

But as a start, you have placed the images inside a div, which is good.
Then you have inserted a "br" ( I won't use the tag characters here) which is not so good. Instead, define "imagem" and image like this:

Help with Code Tags

HTML and CSS Syntax (Toggle Plain Text)

#image { float:right; }
#imagem img { display:block; }

and your problem should probably be solved.
If your images have the right size there's not need to specify the width, but if you define the width of the container, all images will get the same width by specifying it as a fixed percentage (ie. 100%).

Yes, I'm running Ubuntu. Of course.