Velocity Reviews - Computer Hardware Reviews

Velocity Reviews > Newsgroups > Programming > HTML > What technique would you reccomend for the following job?

Reply
Thread Tools

What technique would you reccomend for the following job?

 
 
Crazy Jack
Guest
Posts: n/a
 
      03-20-2006
Hi.

I do not do web authoring for profit, but I like playing with it and I
want to do a small site for a local school. This is to be in html4.01
strict and css only. I hope.

The layout is basic, a header, left side nav, content and footer.
Loads of tutorials out there. But I can't get the header to do what I
want.

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...

<div id=header> position absolute
<div id=leftpic> float left
<div id=rightcontainer> float right
<div id=flexibletext> float left
<div id=rightpic> float right

(pseudocode, no quotes, closing divs etc.)

I know it's simple to those that know, but I'm stuck. Any ideas on
how to outline this? Thanks.

--
The Source For Premium Newsgroup Access
Great Speed, Great Retention
1 GB/Day for only $8.95
 
Reply With Quote
 
 
 
 
Barbara de Zoete
Guest
Posts: n/a
 
      03-20-2006
On Mon, 20 Mar 2006 12:15:17 +0100, Crazy Jack <(E-Mail Removed)> 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 |
 
Reply With Quote
 
 
 
 
Neredbojias
Guest
Posts: n/a
 
      03-20-2006
With neither quill nor qualm, Crazy Jack quothed:

> Hi.
>
> I do not do web authoring for profit, but I like playing with it and I
> want to do a small site for a local school. This is to be in html4.01
> strict and css only. I hope.
>
> The layout is basic, a header, left side nav, content and footer.
> Loads of tutorials out there. But I can't get the header to do what I
> want.
>
> 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.


What do you mean by this last? -The actual font-size is to be reduced?
Or simple wrapping? If the latter:

<div style="width:100%;text-align:center;"><img style="float:right"
src="image02.jpg" alt="Shalzbut!"><img style="float:left"
src="image01.jpg" alt="Gadzooks!">Text here.</div>

--
Neredbojias
Contrary to popular belief, it is believable.
 
Reply With Quote
 
JDS
Guest
Posts: n/a
 
      03-20-2006
On Mon, 20 Mar 2006 06:07:38 -0700, Neredbojias wrote:

> Shalzbut


Isn't that spelled "shazbut"?

--
JDS | http://www.velocityreviews.com/forums/(E-Mail Removed)lid
| http://www.newtnotes.com
DJMBS | http://newtnotes.com/doctor-jeff-master-brainsurgeon/

 
Reply With Quote
 
Beauregard T. Shagnasty
Guest
Posts: n/a
 
      03-20-2006
Crazy Jack 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...


This sample of mine may help.
http://k75s.home.att.net/banner.html

--
-bts
-Warning: I brake for lawn deer
 
Reply With Quote
 
Neredbojias
Guest
Posts: n/a
 
      03-20-2006
With neither quill nor qualm, JDS quothed:

> On Mon, 20 Mar 2006 06:07:38 -0700, Neredbojias wrote:
>
> > Shalzbut

>
> Isn't that spelled "shazbut"?


That was the Celtic version. (They talk funny in Boston.)

--
Neredbojias
Contrary to popular belief, it is believable.
 
Reply With Quote
 
Crazy Jack
Guest
Posts: n/a
 
      03-22-2006
On Mon, 20 Mar 2006 12:32:25 +0100, "Barbara de Zoete"
<(E-Mail Removed)> wrote:

>> In the header I want a picture, text, then another picture. The

snip
>> 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.


Thanks for the reply. I used pseudo 'cos all I'm after is an overview
of which structure you html designers might actually use. As I said,
mine didn't work (and I feel I was making it more and more complicated
trying to make it work).

>My guess is, this could be something like what you might want (not tested):


snip.

Thanks very much. I shall play with the ideas.

--
The Source For Premium Newsgroup Access
Great Speed, Great Retention
1 GB/Day for only $8.95
 
Reply With Quote
 
Crazy Jack
Guest
Posts: n/a
 
      03-22-2006
On Mon, 20 Mar 2006 06:07:38 -0700, Neredbojias
<(E-Mail Removed)> wrote:

Hi.

>> 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.


>What do you mean by this last? -The actual font-size is to be reduced?
>Or simple wrapping? If the latter:


Yes, the latter, wrapping text.

><div style="width:100%;text-align:center;"><img style="float:right"
>src="image02.jpg" alt="Shalzbut!"><img style="float:left"
>src="image01.jpg" alt="Gadzooks!">Text here.</div>


Simple. Elegant and simple! Sigh... I tried to make my attempt into
a mini 3 column layout when all I needed was this.

Thanks.

--
The Source For Premium Newsgroup Access
Great Speed, Great Retention
1 GB/Day for only $8.95
 
Reply With Quote
 
Crazy Jack
Guest
Posts: n/a
 
      03-22-2006
On Mon, 20 Mar 2006 17:00:59 GMT, "Beauregard T. Shagnasty"
<(E-Mail Removed)> wrote:

Hi.

>> 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...

>
>This sample of mine may help.
>http://k75s.home.att.net/banner.html


Similar to Nered above. Again, my thanks for the pointers.


--
The Source For Premium Newsgroup Access
Great Speed, Great Retention
1 GB/Day for only $8.95
 
Reply With Quote
 
Neredbojias
Guest
Posts: n/a
 
      03-22-2006
With neither quill nor qualm, Crazy Jack quothed:

> On Mon, 20 Mar 2006 06:07:38 -0700, Neredbojias
> <(E-Mail Removed)> wrote:
>
> Hi.
>
> >> 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.

>
> >What do you mean by this last? -The actual font-size is to be reduced?
> >Or simple wrapping? If the latter:

>
> Yes, the latter, wrapping text.
>
> ><div style="width:100%;text-align:center;"><img style="float:right"
> >src="image02.jpg" alt="Shalzbut!"><img style="float:left"
> >src="image01.jpg" alt="Gadzooks!">Text here.</div>

>
> Simple. Elegant and simple! Sigh... I tried to make my attempt into
> a mini 3 column layout when all I needed was this.
>
> Thanks.


Actually, I think you can get rid of the width:100% in the div. Was
from other page markup in my "testing template".

Best o' luck.

--
Neredbojias
Contrary to popular belief, it is believable.
 
Reply With Quote
 
 
 
Reply

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are Off


Similar Threads
Thread Thread Starter Forum Replies Last Post
How would you call the following John Doe C++ 1 12-19-2008 11:04 AM
Reccomend a GOOD beginners online tutorial? Mike Barnard HTML 1 09-08-2005 07:36 PM
What Xbox Modchip do you gurus reccomend? and where to get it? zZz Computer Support 5 12-31-2004 04:09 AM
How would you enhance following MCAD learning section? Georg MCAD 3 11-02-2004 12:08 AM
Please reccomend free site tracker Citizen X HTML 7 11-20-2003 07:24 PM



Advertisments