In article J wrote:[color=blue]
> I've defined an area where I want a logo, and some text displayed
> underneath the logo.
> See code below. Questions:
> 1. How can I code in the style section that I want the img aligned 'right'.
> (Instead of setting this in the body)?[/color]
img {float:right;}
[color=blue]
> 2. How can I code in the style section that I want the <p> info aligned
> 'center'?[/color]
p {text-align:center;}
If you want it to align in the center of space left, add:
p {padding-right:<imgwidth>px}
elsif you want that P below image add:
p {clear:left}
[color=blue]
> 3. The general question is, what reference can I use to find what all the
> possible properties are available (i.e. can I set an 'align: right' in the
> 'onepieceheader p' section)?[/color]
http://www.w3.org/TR/CSS1 http://www.w3.org/TR/CSS2/ http://www.w3.org/TR/CSS21/
[color=blue]
> <style type=text/css>
> #onepieceheader {
> position: absolute;
> top: 0;
> left: 60;
> height: 127px;
> width: 600px;
> }
> #onepieceheader p {
> font-weight: bold;
> }
> </STYLE></head>
>
> <body>
> <div id="onepieceheader">
> <img align="right" src="companylogo.gif">
> <p>we make it right</p>
> </div>[/color]
Are you sure this is paragraph, and not heading? It sure looks like
heading. Why not:
[color=blue]
> <style type=text/css>
> div.header {[/color]
margin-top:0;
margin-left: 60;
height: 127px;
width: 600px; /* this is not good, use max-width instead*/
font-weight: bold;
font-size:100%;[color=blue]
> }
> </style></head>[/color]
[color=blue]
> <body>[/color]
<div class="header"><img src="companylogo.gif"><h1>we make it right</h1>
</div>
--
Lauri Raittila <http://www.iki.fi/lr> <http://www.iki.fi/zwak/fonts>
Saapi lähettää meiliä, jos aihe ei liity ryhmään, tai on yksityinen
tjsp., mutta älä lähetä samaa viestiä meilitse ja ryhmään.
