|
|
Posted by Barbara de Zoete on 03/20/06 13:32
On Mon, 20 Mar 2006 12:15:17 +0100, Crazy Jack <not@here.net> wrote:
> In the header I want a picture, text, then another picture. The
> pictures to stay the same size (150 x 96) but the text to resize if
> the window is shrunk. This looks like a variation on a three column
> site, so I have been trying designs without sucess! The latest was to
> have the following divs...
> (pseudocode, no quotes, closing divs etc.)
pseudocode is never any good, because it doesn't give a true insight in
what you want/need, or what you might be doing wrong.
My guess is, this could be something like what you might want (not tested):
,------[ markup ]
| <body>
| <div id="heading">
| <h1>Pages title</h1>
| </div>
|
| [ rest of the page ]
|
| </body>
`------
,------[ styles ]
| div#heading {
| position:absolute;
| height:96px;
| font-size:3em;
| top:0;
| left:0;
| padding:.2em 0 .2em 160px;
| text-align:center;
| background:$color url(leftpic.png) top left no-repeat; }
|
| #heading h1 {
| position:absolute;
| height:96px;
| top:0;
| right:0;
| padding:.2em 160px .2em 0;
| text-align:center;
| background:transparent url(rightpic.png) top right no-repeat; }
`------
--
______PretLetters:
| weblog | http://www.pretletters.net/weblog/weblog.html |
| webontwerp | http://www.pretletters.net/html/webontwerp.html |
|zweefvliegen | http://www.pretletters.net/html/vliegen.html |
Navigation:
[Reply to this message]
|