> From: Angus
>
> 1. Center the text "You are located in"
> 2. Get my USA flag to appear above the France flag with no
> text on the left margin and the text "USA" centered on the right
> 3. The text centered below the eye pictures.
> HTML: http://choroideremia.org/index.php
> CSS: http://choroideremia.org/css/crf_css1.css
Angus,
1. It already is, but in IE the b&w eye graphic if forcing
"Select the country" off to the right.
2. Markup:
<p class="loc"><img src="usa.gif" />USA</p>
<p class="loc"><img src="france.gif" />France</p>
CSS:
.loc {text-align: center;}
.loc img {float: left;}
3. Markup:
<div class="eyepic">
<img src="badeye.jpg" width="150" height="114"
alt="Bad eye" /><br />
<p>Bad eye</p>
</div>
<div class="eyepic">
<img src="goodeye.jpg" width="150" height="114"
alt="Good eye" /><br />
<p>Good eye</p>
</div>
CSS
.eyepic {
float: left;
margin: 0 50px;
}
.eyepic p {
text-align: center;
}
General comment:
Remove all the <br /> elements you are using to create vertical
whitespace, add margins, borders or padding to the page elements
to create additional whitespace where required and the default
values aren't giving you what you need.
ie. h1 {margin-bottom: 0.5em;}
#linkblock {margin-bottom: 2em;}
Specify width first, height second in your image attributes.
--
Peter Williams
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
