Velocity Reviews - Computer Hardware Reviews

Velocity Reviews > Newsgroups > Programming > HTML > calling anchors on split divisions

Reply
Thread Tools

calling anchors on split divisions

 
 
richard
Guest
Posts: n/a
 
      12-18-2008
I'll try to make this as simple as I can.

I have the idea of having two columns on one page.
In the left column will be a list of names.
In the right column detailed information.

Clicking on an item in the left column moves the right column down to
an anchor on the same page.
Hopefully eliminating the need for iframes and a few hundred files.

Doable? Any sites?
 
Reply With Quote
 
 
 
 
Jonathan N. Little
Guest
Posts: n/a
 
      12-18-2008
richard wrote:
> I'll try to make this as simple as I can.
>
> I have the idea of having two columns on one page.
> In the left column will be a list of names.
> In the right column detailed information.
>
> Clicking on an item in the left column moves the right column down to
> an anchor on the same page.
> Hopefully eliminating the need for iframes and a few hundred files.
>
> Doable? Any sites?


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta http-equiv="content-language" content="en-us">
<title>One NON-JS way</title>

<style type="text/css">
ul.topics {
list-style: none; position: fixed;
width: 15em; left: 0; margin: 0; padding: .25em;
color: #000; background: #eee;
}
div.info { margin: 0 1em 0 16em; }
</style>

</head>
<body>
<h1>One NON-JS way</h1>

<p>Of course standard NO &lt;=IE6 support! would need JS hack...</p>

<ul class="topics">
<li>
<a href="#fee">About Fee</a>
</li>
<li>
<a href="#foe">About Foe</a>
</li>
<li>
<a href="#fum">About Fum</a>
</li>
</ul>
<div class="info">

<h2 id="fee">About Fee</h2>
<p>
Lorem ipsum dolor sit amet, consectetuer ...
</p>

<p>
Suspendisse potenti. Suspendisse potenti ...
</p>

<h2 id="foe">About Foe</h2>
<p>
Pellentesque eros purus, consequat sit amet ...
</p>

<p>
Duis dapibus, dolor eget scelerisque ultricies ...
</p>

<h2 id="fum">About Fum</h2>

<p>
Suspendisse egestas tempor erat. Duis urna ...
</p>

<p>
Morbi mollis. Quisque sollicitudin, nisi ...
</p>

</div>

</body>
</html>



--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com
 
Reply With Quote
 
 
 
 
richard
Guest
Posts: n/a
 
      12-18-2008
On Thu, 18 Dec 2008 10:16:57 -0500, "Jonathan N. Little"
<(E-Mail Removed)> wrote:

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




Thanks.
That's close to what I had in mind.
I'll play with it and tweak it up.
 
Reply With Quote
 
Jonathan N. Little
Guest
Posts: n/a
 
      12-18-2008
richard wrote:
> On Thu, 18 Dec 2008 10:16:57 -0500, "Jonathan N. Little"
> <(E-Mail Removed)> wrote:
>
>> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
>> "http://www.w3.org/TR/html4/strict.dtd">
>> <html>

>
>
>
> Thanks.
> That's close to what I had in mind.
> I'll play with it and tweak it up.


You did notice the:

<p>Of course standard NO &lt;=IE6 support! would need JS hack...</p>

--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com
 
Reply With Quote
 
richard
Guest
Posts: n/a
 
      12-18-2008
On Thu, 18 Dec 2008 10:16:57 -0500, "Jonathan N. Little"
<(E-Mail Removed)> wrote:

>richard wrote:
>> I'll try to make this as simple as I can.
>>
>> I have the idea of having two columns on one page.
>> In the left column will be a list of names.
>> In the right column detailed information.
>>
>> Clicking on an item in the left column moves the right column down to
>> an anchor on the same page.
>> Hopefully eliminating the need for iframes and a few hundred files.
>>
>> Doable? Any sites?

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



Well I've got the first half done.
Now all I need to do is to figure out a way of coordinating all the
needed ID's.
So that left side matches right side.
 
Reply With Quote
 
BootNic
Guest
Posts: n/a
 
      12-18-2008
On Thu, 18 Dec 2008 10:16:57 -0500
"Jonathan N. Little" <(E-Mail Removed)> wrote in:
<1ebf0$494a6968$40cba7a8$(E-Mail Removed)>

[snip]

> <style type="text/css">
> ul.topics {
> list-style: none; position: fixed;
> width: 15em; left: 0; margin: 0; padding: .25em;
> color: #000; background: #eee;
> }
> div.info { margin: 0 1em 0 16em; }
> </style>


<!--[if IE 6]>
<style type="text/css">
html {
overflow-y: hidden;
}
html body {
height: 100%;
margin: 0;
overflow: auto;
padding: 0;
}
ul.topics {
position: absolute;
top: 5em;
}
</style>
<![endif]-->

[snip]

> <p>Of course standard NO &lt;=IE6 support! would need JS hack...</p>


[snip]

It may be possible to simulate position:fixed in IE6, without JS.

http://www.google.com/search?q=IE6+position+fixed

It may not be worth the effort.


--

BootNic Thu Dec 18, 2008 02:03 pm
A man's got to do what a man's got to do. A woman must do what he
can't.
*Rhonda Hansome*

-----BEGIN PGP SIGNATURE-----
Version: GnuPG v2.0.9 (GNU/Linux)

iEYEARECAAYFAklKnoMACgkQylMUzZO6jeIt4wCfc/MqS3v1jSGpJPHhGu4CHbMb
SfIAn1I6h9pjeFhXxI5zrw3e7cThJor5
=dkgF
-----END PGP SIGNATURE-----

 
Reply With Quote
 
richard
Guest
Posts: n/a
 
      12-18-2008
On Thu, 18 Dec 2008 12:39:14 -0500, "Jonathan N. Little"
<(E-Mail Removed)> wrote:

>richard wrote:
>> On Thu, 18 Dec 2008 10:16:57 -0500, "Jonathan N. Little"
>> <(E-Mail Removed)> wrote:
>>
>>> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
>>> "http://www.w3.org/TR/html4/strict.dtd">
>>> <html>

>>
>>
>>
>> Thanks.
>> That's close to what I had in mind.
>> I'll play with it and tweak it up.

>
>You did notice the:
>
><p>Of course standard NO &lt;=IE6 support! would need JS hack...</p>



<snicker>
Like how many people *STILL* use IE5 or less?
5 came with winduhs 95 right? or maybe 98.
98se was 6.

Then with all the changes in not only html, but CSS as well, I wonder
how people even got online with less than 6.


 
Reply With Quote
 
richard
Guest
Posts: n/a
 
      12-18-2008
On Thu, 18 Dec 2008 14:03:25 -0500, BootNic <(E-Mail Removed)>
wrote:

>On Thu, 18 Dec 2008 10:16:57 -0500
>"Jonathan N. Little" <(E-Mail Removed)> wrote in:
><1ebf0$494a6968$40cba7a8$(E-Mail Removed)>
>
>[snip]
>
>> <style type="text/css">
>> ul.topics {
>> list-style: none; position: fixed;
>> width: 15em; left: 0; margin: 0; padding: .25em;
>> color: #000; background: #eee;
>> }
>> div.info { margin: 0 1em 0 16em; }
>> </style>

>
><!--[if IE 6]>
><style type="text/css">
>html {
> overflow-y: hidden;
>}
>html body {
> height: 100%;
> margin: 0;
> overflow: auto;
> padding: 0;
>}
>ul.topics {
> position: absolute;
> top: 5em;
>}
></style>
><![endif]-->
>
>[snip]
>
>> <p>Of course standard NO &lt;=IE6 support! would need JS hack...</p>

>
>[snip]
>
>It may be possible to simulate position:fixed in IE6, without JS.
>
> http://www.google.com/search?q=IE6+position+fixed
>
>It may not be worth the effort.



I'm not gonna worry about it.
The way I see it, THEY need to upgrade. I don't need to do something
special for 1 out of 20.

Like can you imagine trying to surf the net on a 300 baud accoustical
modem?
So why should I write a page for them?
 
Reply With Quote
 
Jonathan N. Little
Guest
Posts: n/a
 
      12-18-2008
richard wrote:
> On Thu, 18 Dec 2008 12:39:14 -0500, "Jonathan N. Little"
> <(E-Mail Removed)> wrote:
>


>> <p>Of course standard NO &lt;=IE6 support! would need JS hack...</p>

>
>
> <snicker>
> Like how many people *STILL* use IE5 or less?
> 5 came with winduhs 95 right? or maybe 98.
> 98se was 6.


"<=IE6" *includes* IE6 which unfortunately style has significant number
of users...

--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com
 
Reply With Quote
 
Jonathan N. Little
Guest
Posts: n/a
 
      12-18-2008
Jonathan N. Little wrote:

> "<=IE6" *includes* IE6 which unfortunately style has significant number
> of users...
>


s/style/still/

GRRRR...

--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com
 
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
Problem calling Anchors Lars Netzel ASP .Net 0 07-04-2005 02:15 PM
divisions not placed properly in mozilla Richard HTML 5 01-17-2004 02:27 PM
Problem with converting to divisions Richard HTML 3 01-10-2004 05:19 PM
Positioning Divisions with CSS Dennis M. Marks HTML 1 12-10-2003 09:38 PM
IE versus mozilla display of divisions time waster HTML 5 11-17-2003 03:31 AM



Advertisments