Muliple backgrounds? (using logical layout)

FuzzyLogik

I am trying to make a logical link list,

<ul>
<li></li>
</ul>

But my sections have headers and footers. How do I do this?

Example:

_____________
|-----Header -----|
- Link
- Link
- Link
|____________|

The footer contains no content, only an image.

The middle part (with the links has a CSS border on the left and the
right.

I have no idea how to logically do this, as adding an <lifor the
footer seems silly.

Thanks,

- Jon

Oct 27 '06 #1

Subscribe Post Reply

1297

dorayme

In article
<11**********************@f16g2000cwb.googlegroups .com>,
"FuzzyLogik" <ta****@gmail.comwrote:

I am trying to make a logical link list,

<ul>
<li></li>
</ul>

A list is a list. A cow is a cow. What is all this about logical?

But my sections have headers and footers. How do I do this?

Example:

_____________
|-----Header -----|
- Link
- Link
- Link
|____________|

The footer contains no content, only an image.

The middle part (with the links has a CSS border on the left and the
right.

I have no idea how to logically do this, as adding an <lifor the
footer seems silly.

If you want a header followed by a list of links followed by a
footer, why not:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

<html>

<head>

<body>

<h1>Header</h1>

<ul>
<li>link</li>
<li>link</li>
<li>link</li>
</ul>

<div id="footer"><img src="img.gif" width="300px" height="35px"
alt=""></div>

</body>
</html>

That is all logical without containing any cows that are in
themselves logical.

And then there is the question of how you want it to look.
Obviously you want the header to be at top, the links in the
middle and the footer at the base. For this alone, there is no
need to style anything. But if you want fancier, eg. the footer
to be in the middle, you best put in some css style instructions.
need help on this part?

--
dorayme

Oct 27 '06 #2

FuzzyLogik

It's actually sections of headers and footers :)

Let me make another diagram :)

__________________
|------Header--------------|
- Link
- Link
- Link
- Link
|_________________|

__________________
|------Header--------------|
- Link
- Link
- Link
- Link
|_________________|

__________________
|------Header--------------|
- Link
- Link
- Link
- Link
|_________________|

I don't know how to do the headers and footers in this instance.

dorayme wrote:

In article
<11**********************@f16g2000cwb.googlegroups .com>,
"FuzzyLogik" <ta****@gmail.comwrote:

I am trying to make a logical link list,

<ul>
<li></li>
</ul>

A list is a list. A cow is a cow. What is all this about logical?

But my sections have headers and footers. How do I do this?

Example:

_____________
|-----Header -----|
- Link
- Link
- Link
|____________|

The footer contains no content, only an image.

The middle part (with the links has a CSS border on the left and the
right.

I have no idea how to logically do this, as adding an <lifor the
footer seems silly.

If you want a header followed by a list of links followed by a
footer, why not:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

<html>

<head>

<body>

<h1>Header</h1>

<ul>
<li>link</li>
<li>link</li>
<li>link</li>
</ul>

<div id="footer"><img src="img.gif" width="300px" height="35px"
alt=""></div>

</body>
</html>

That is all logical without containing any cows that are in
themselves logical.

And then there is the question of how you want it to look.
Obviously you want the header to be at top, the links in the
middle and the footer at the base. For this alone, there is no
need to style anything. But if you want fancier, eg. the footer
to be in the middle, you best put in some css style instructions.
need help on this part?

--
dorayme

Oct 27 '06 #3

FuzzyLogik

In article
<11**********************@f16g2000cwb.googlegroups .com>,
"FuzzyLogik" <ta****@gmail.comwrote:

I am trying to make a logical link list,

<ul>
<li></li>
</ul>

A list is a list. A cow is a cow. What is all this about logical?

But my sections have headers and footers. How do I do this?

Example:

_____________
|-----Header -----|
- Link
- Link
- Link
|____________|

The footer contains no content, only an image.

The middle part (with the links has a CSS border on the left and the
right.

I have no idea how to logically do this, as adding an <lifor the
footer seems silly.

If you want a header followed by a list of links followed by a
footer, why not:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

<html>

<head>

<body>

<h1>Header</h1>

<ul>
<li>link</li>
<li>link</li>
<li>link</li>
</ul>

<div id="footer"><img src="img.gif" width="300px" height="35px"
alt=""></div>

</body>
</html>

That is all logical without containing any cows that are in
themselves logical.

And then there is the question of how you want it to look.
Obviously you want the header to be at top, the links in the
middle and the footer at the base. For this alone, there is no
need to style anything. But if you want fancier, eg. the footer
to be in the middle, you best put in some css style instructions.
need help on this part?

--
dorayme

Oct 27 '06 #4

dorayme

In article
<11**********************@e3g2000cwe.googlegroups. com>,
"FuzzyLogik" <ta****@gmail.comwrote:

It's actually sections of headers and footers :)

Let me make another diagram :)

__________________
|------Header--------------|
- Link
- Link
- Link
- Link
|_________________|

__________________
|------Header--------------|
- Link
- Link
- Link
- Link
|_________________|

__________________
|------Header--------------|
- Link
- Link
- Link
- Link
|_________________|

I don't know how to do the headers and footers in this instance.

dorayme wrote:
In article
<11**********************@f16g2000cwb.googlegroups .com>,
"FuzzyLogik" <ta****@gmail.comwrote:

I am trying to make a logical link list,
>
<ul>
<li></li>
</ul>
>
A list is a list. A cow is a cow. What is all this about logical?

But my sections have headers and footers. How do I do this?
>
Example:
>
_____________
|-----Header -----|
- Link
- Link
- Link
|____________|
>
The footer contains no content, only an image.
>
The middle part (with the links has a CSS border on the left and the
right.
>
I have no idea how to logically do this, as adding an <lifor the
footer seems silly.
>
If you want a header followed by a list of links followed by a
footer, why not:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

<html>

<head>...</head>

<body>

<h1>Header</h1>

<ul>
<li>link</li>
<li>link</li>
<li>link</li>
</ul>

<div id="footer"><img src="img.gif" width="300px" height="35px"
alt=""></div>

</body>
</html>

That is all logical without containing any cows that are in
themselves logical.

Please try to bottom post... so we can maintain a thread in good
order here.

What is the difficulty you are facing, what is it about my
suggested markup that you cannot adapt?

It should seem - as a mere technical leap - easy? I do not say it
is good practice. Namely just repeat everything in the
<body></bodythree times!

(btw I forgot to close the <headin example, I cheated and added
it above.)

But, this is not likely a very good idea from the start. Without
knowing what you are doing, I have no idea of your content and
cannot know the relationships between the three sections. It all
sounds very odd. For a start there cannot be more than one real
footer.

You need to start describing things more, not just the formal
stuff, the actual real stuff. Anyway, all this is a bit OT, maybe
you better go to alt.html They get a bit shitty here if we go on.
I am already viewed with great suspicion.

--
dorayme

Oct 27 '06 #5

dorayme

In article
<do**********************************@news-vip.optusnet.com.au>,
dorayme <do************@optusnet.com.auwrote:

You need to start describing things more, not just the formal
stuff, the actual real stuff. Anyway, all this is a bit OT, maybe
you better go to alt.html They get a bit shitty here if we go on.

Oops.. sorry about that FuzzyLogik... I thought I was on a
different ng, nothing to do with website making this is pretty
well on topic here...

About your stuff, you need to decide what if there is a main
heading or just 3 equal headings? And to say what you are doing,
is there not some main subject to the page?

--
dorayme

Oct 27 '06 #6

Andy Dingley

FuzzyLogik wrote:

It's actually sections of headers and footers :)

It looks like a combination of nested lists and headers. Just which is
"better" to use really depends on the context you're using them in
(which we don't know). You could validly use either.

Try this, then apply CSS to taste.

<ul class="foo" >

<li>
<h2>Header A</h2>
<ul>
<li>Link A1</li>
<li>Link A2</li>
<li>Link A3</li>
</ul>
</li>

<li>
<h2>Header B</h2>
<ul>
<li>Link B1</li>
<li>Link B2</li>
<li>Link B3</li>
</ul>
</li>

<li>
<h2>Header C</h2>
<ul>
<li>Link C1</li>
<li>Link C2</li>
<li>Link C3</li>
</ul>
</li>
</ul>

Oct 27 '06 #7

FuzzyLogik

On Oct 27, 2:07 am, "Andy Dingley" <ding...@codesmiths.comwrote:

FuzzyLogik wrote:
It's actually sections of headers and footers :)It looks like a combination of nested lists and headers. Just which is
"better" to use really depends on the context you're using them in
(which we don't know). You could validly use either.

Try this, then apply CSS to taste.

<ul class="foo" >

<li>
<h2>Header A</h2>
<ul>
<li>Link A1</li>
<li>Link A2</li>
<li>Link A3</li>
</ul>
</li>

<li>
<h2>Header B</h2>
<ul>
<li>Link B1</li>
<li>Link B2</li>
<li>Link B3</li>
</ul>
</li>

<li>
<h2>Header C</h2>
<ul>
<li>Link C1</li>
<li>Link C2</li>
<li>Link C3</li>
</ul>
</li>

</ul>

Alright, I made a beautiful example in photoshop,

http://www.goonsquad.org/sample.gif

That's what I want to do, using an unordered list.

Oct 27 '06 #8

Andy Dingley

FuzzyLogik wrote:

That's what I want to do, using an unordered list.

In that case, the HTML could be just as I posted. If you do the
rounded-box effect with CSS (search for examples) then you might need
some extra <divelements, just as holders for the eye candy images.

Oct 27 '06 #9

Similar topics

why backgrounds and bgcolors not print?

by: RoDzZzZ | last post by:

when i try print (ctrl +p) my webpage, my printer not print the backgrounds and bgcolors of my tables.... what i need make to show the backgrounds and bgcolors in my paper when the user print...

Javascript

Emulating a table layout purely using CSS

by: Anthony Williams | last post by:

Good morning, I'm currently designing a site, using CSS, and wish to create a variable width two-column layout, with header and footer, and one fixed-width column on the left. Previously, I...

HTML / CSS

Layout is breaking in NN7 using CSS Style

by: Curtis Morrison | last post by:

Please help! I've been trying to figure this out for days now, with no luck. the following web page loads fine in MSIE, but NN 7 breaks it. I would really appreciate any suggestions that anyone...

HTML / CSS

bitmap backgrounds?

by: Greg Locke | last post by:

Hi All I am programming MFC Visual C++ using Microsoft Visual Studio.net 2003 under Windows XP professional. I have developed some bitmaps as graphic overlays for buttons. I had trouble finding...

C / C++

Print Report with 2 subreports while maintaining different image backgrounds

by: ghadley_00 | last post by:

Hi, Have created 2 seperate reports that have different images as backgrounds. Would like to have both pages print out as 1 print job (so duplex printer will make each report page on opposite...

Microsoft Access / VBA

Using muliple smaller SPs and Functions better than using 1 big SP?

by: serge | last post by:

Is it generally or almost always better to have multiple small SPs and functions to return a result set instead of using a single big 1000+ lines SP? I have one SP for example that is 1000+...

Microsoft SQL Server

Urgent | Creating dynamic UI using Layout Panels

by: Anoop | last post by:

Hi, Requirement: Create Edit Forms dynamically i.e. at runtime in C#.net. The child contol(s) information e.g. no.of control, their type(lable/textbox), enabled/disabled etc. is coming from the...

C# / C Sharp

css 2 backgrounds

by: mars505 | last post by:

I've been reading the overwhelmingly arrogant replies to why people "need to control" their content without having to remove scoll bars... There was an invention a few years back ... it is called...

HTML / CSS

Multiple backgrounds

by: Johan | last post by:

I can set/change a background with: document.getElementById("photodiv").style.background = "#282828 url(../img/pict_1.jpg)"; How do I set/change multiple backgrounds using javascript?

Javascript

How to turn on java script in a villaon keypad mobile phone

by: Charles Arthur | last post by:

How do i turn on java script on a villaon, callus and itel keypad mobile phone

Java

Migrating Website to Cloud - Emmanuel Katto

by: emmanuelkatto | last post by:

Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel

General

Navigating the Data Structures and Algorithms (DSA)

by: BarryA | last post by:

What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...

Algorithms / Advanced Math

Problem With Comparison Operator <=> in G++

by: Oralloy | last post by:

Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...

C / C++

Maximizing Business Potential: The Nexus of Website Design and Digital Marketing

by: jinu1996 | last post by:

In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...

Online Marketing

The easy way to turn off automatic updates for Windows 10/11

by: Hystou | last post by:

Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows...

Windows Server

Discussion: How does Zigbee compare with other wireless protocols in smart home applications?

by: tracyyun | last post by:

Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...

General

AI Job Threat for Devs

by: agi2029 | last post by:

Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing,...

Career Advice

Access Europe - Using VBA to create a class based on a table - Wed 1 May

by: isladogs | last post by:

The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new...

Microsoft Access / VBA