HTML & CSS Problems - Newbie

29/03/2008, 07h06

I am trying to build a prototype Web site, but I am having to learn
many aspects of HTML and CSS as I do. I am completely new to CSS, and
there are a number of HTML tags I don't understand (e.g. <div>, <span>),
but am using some because I've cannabilized some code here. Thus, I
have code that I don't understand and that isn't working... 8<{{
The problems I'm seeing here are:
1. Each menu's item data is progressively shifted to the right. That
is, the "History" paragraphs are fine, but the paragraphs that follow
("Sales", "Photos", "Neighborhood") are shifted/indented. I don't
understand why and don't know how to correct it...
2. The links don't work. I don't know why.
I have tweaked my code to this point, but nothing has worked so far.
Please advise. TIA

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head>
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-
type">
<title>Regency House Building</title>
<style type="text/css">
ul1 {
float:left;
width:100%;
padding:0;
margin:0;
list-style-type:none;
}
a {
width:10em;
text-decoration:none;
color:white;
background-color:green;
padding:0.2em 0.6em;
}
a:hover {background-color:#ff3300}
li {display:inline}
b {
color: black;
width:60em;
text-decoration:none;
background-color:brown;
text-indent:1cm;
}
p.margin {margin: 0cm 3cm 0cm 3cm; text-indent:1cm;
}
</style>
</head>
<body style="color: rgb(255, 255, 255); background-color: Brown;"
alink="#ff6600" link="#99ff99" vlink="#990099">
<div style="text-align: center;">
<ul1>
<li><a href="#History">History</a></li>
<li><a href="#Sales">Units for Sale</a></li>
<li><a href="#Photos">Photo Gallery</a></li>
<li><a href="#Neighborhood">The Neighborhood</a></li>
</ul1>
</div>
<br>

<div style="text-align: center; color: black;">
<br><br>
<b><p name="#History" class="margin">Regency House History</div><br>

<div style="text-align: left; color: black;">
<p class="margin">The Regency House was built in 1964, initially as a
luxury apartment building.
Designed by George H. Schonenberger, it was the second high rise
residential building constructed in Phoenix
(Phoenix Towers, built in 1956, was the first).<br>
[...]
<p class="margin">In 2004, after rejecting several attempts to update
and improve the aging interiors of the building, the owners
voted overwhelmingly to accept a comprehensive proposal to redo the
common areas. This plan, done by Copeland Interiors, Inc.,
included all halls and lobbies, as well as the Social Room, Front
Desk/Lobby, and the creation of a Fitness Center in the
unused Library. The project designer oversaw all aspects of this year-
long project, which retained the stately wood interiors,
but added new lighting, carpets, flooring, and completely redesigned the
Front Desk/Lobby.
<p class="margin">The Social Room got special attention, with new
furniture, a grand piano, large screen TV, and stereo. An interesting
aspect used 76 nostalgic photographs obtained from various sources,
including many residents. These photos are used throughout the
building to highlight the city's and neighborhood's history, integrating
the building's fresh, new appearance and the local area's
diverse past. Of special note is the "community effort" this part of
the project assumed, when
many residents worked together to acquire, identify, and prepare these
pictures during a day-long
"framing party" for these pictures.
<p class="margin">Upon completion of the project, it was submitted to
the 2005 ASID North Chapter Professional Awards, where it won First
Place in Commercial Design, as well as Best of Show.<br>[etc.]</b></p>
</div>

<div style="text-align: center; color: black;">
<p><b name="#Sales">Units for Sale<br></p></div>
<div style="text-align: left; color: black;">
<p class="margin">Following is a (non-exaustive) list of condominium
units for sale in the Regency
House (as of 03/16/2008):
<br>[etc.]
</p>
<br></div>

<div style="text-align: center; color: black;">
<p><b name="#Photos">Photos<br></p></div>
<div style="text-align: left; color: black;">
<p class="margin">
<br>[etc.]
</p>
<br></div>

<div style="text-align: center; color: black;">
<p><b name="#Neighborhood">Our Neighborhood<br></p></div>
<div style="text-align: left; color: black;">
<p class="margin">List of schools, churches, shopping, restaurants,
entertainment, and such. Possibly reviews (as appropriate...)
<br>[etc.]
</p>
<br></div>

</body>
</html>

29/03/2008, 08h02

Michael R. Copeland wrote, somewhat impatiently:
> I am trying to build a prototype Web site, but I am having to learn
> many aspects of HTML and CSS as I do. I am completely new to CSS, and
> there are a number of HTML tags I don't understand (e.g. <div>, <span>),
> but am using some because I've cannabilized some code here. Thus, I
> have code that I don't understand and that isn't working... 8<{{

A great opportunity to learn! Too much code copied on the Web over-uses
(or misuses) the div and span elements anyway. Quite possibly, you don't
need them. You ought to at least find out what they do.

Work through a tutorial, such as those at http://www.htmldog.com/guides/
or start getting used to checking (perhaps I should say wading) through
the authoritative if sometimes opaque documents at the W3C:
http://www.w3.org/TR/html401/ for HTML
http://www.w3.org/TR/html401/struct/global.html#h-7.5.4 for div & span
http://www.w3.org/TR/CSS21/ for CSS

> The problems I'm seeing here are:
> 1. Each menu's item data is progressively shifted to the right. That
> is, the "History" paragraphs are fine, but the paragraphs that follow
> ("Sales", "Photos", "Neighborhood") are shifted/indented. I don't
> understand why and don't know how to correct it...
> 2. The links don't work. I don't know why.
> I have tweaked my code to this point, but nothing has worked so far.
> Please advise. TIA

As Blinky said, post a URL. We don't really want to see this much code,
pasted or (mis-)typed into our newsreaders, where we can't really do
anything with it. With a URL, we can click once to open our browsers,
study the page's behavior, use the tools and extensions in the browsers,
and easily validate your code. And validation is the first step when you
see a problem.

>
> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

This will reliably give you Quirks mode, which is not reliable. See
http://hsivonen.iki.fi/doctype/ and change your doctype to (e.g.)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

> <html><head>

[snippage of code]

> b {
> color: black;
> width:60em;
> text-decoration:none;
> background-color:brown;
> text-indent:1cm;
> }
> p.margin {margin: 0cm 3cm 0cm 3cm; text-indent:1cm;}

Ehh, kind of a silly name for a class. "Margin" is already a property
name. Use class names based on function: "menu", "sidebar", "warning",
etc. What's different about your margin class here from all the rest of
the <p> elements?

> </style>
> </head>
> <body style="color: rgb(255, 255, 255); background-color: Brown;"
> alink="#ff6600" link="#99ff99" vlink="#990099">

Use CSS, in a form similar to:

a { color:#0000ff; }
a:link { color:#99ff99; }
a:visited { color:#990099; }
a:hover { color:#ff0000; }
a:active { color:#ff6600; }

[snippage of code]

>
> <div style="text-align: center; color: black;">
> <br><br>
> <b><p name="#History" class="margin">Regency House History</div><br>

The <b> element is missing its closing tag. The <p> element should have
its name attribute changed to an id attribute.

You don't need the <br> thingies; you can style the vertical spacing
with margin on the p (or padding on the div) with CSS.

[snippage of code]
>
> <div style="text-align: center; color: black;">
> <p><b name="#Sales">Units for Sale<br></p></div>

Again, validating would have caught this error for you.
http://validator.w3.org/ for markup,
http://jigsaw.w3.org/css-validator/ for CSS

I don't see what your divs are for either. What happens when you remove
them (besides your code getting simpler to read and maintain, and faster
to download)?

--
John
Read about the UIP: http://improve-usenet.org/

29/03/2008, 08h19

Michael R. Copeland wrote:

> I am trying to build a prototype Web site, but I am having to learn
> many aspects of HTML and CSS as I do. I am completely new to CSS, and
> there are a number of HTML tags I don't understand (e.g. <div>, <span>),
> but am using some because I've cannabilized some code here. Thus, I have
> code that I don't understand and that isn't working... 8<{{
> The problems I'm seeing here are:
> 1. Each menu's item data is progressively shifted to the right. That
> is, the "History" paragraphs are fine, but the paragraphs that follow
> ("Sales", "Photos", "Neighborhood") are shifted/indented. I don't
> understand why and don't know how to correct it...
> 2. The links don't work. I don't know why.
> I have tweaked my code to this point, but nothing has worked so far.
> Please advise. TIA

Provide a URL.

--
Blinky
Killing all posts from Google Groups
The Usenet Improvement Project: http://improve-usenet.org
Blinky: http://blinkynet.net

29/03/2008, 16h47

> > I am trying to build a prototype Web site, but I am having to learn
> > many aspects of HTML and CSS as I do. I am completely new to CSS, and
> > there are a number of HTML tags I don't understand (e.g. <div>, <span>),
> > but am using some because I've cannabilized some code here. Thus, I have
> > code that I don't understand and that isn't working... 8<{{
> > The problems I'm seeing here are:
> > 1. Each menu's item data is progressively shifted to the right. That
> > is, the "History" paragraphs are fine, but the paragraphs that follow
> > ("Sales", "Photos", "Neighborhood") are shifted/indented. I don't
> > understand why and don't know how to correct it...
> > 2. The links don't work. I don't know why.
> > I have tweaked my code to this point, but nothing has worked so far.
> > Please advise. TIA
>
> Provide a URL.

I can't. Even though I have contracted with a Web host, I don't want
to upload code that really doesn't work at all. I've been using HTML-
Kit and Internet Explorer & FireFox to view the code, and it looks poor
in both.
I realize that I posted a (too) large amount of code, but it wasn't
until I had this much that I began seeing the problems. If there's a
better way to develop Web code, I'd appreciate learning about it... 8<}}

30/03/2008, 16h56

On Sat, 29 Mar 2008 07:47:32 -0700, mrc2323@cox.net (Michael R.
Copeland) wrote:

>> Provide a URL.
>
> I can't.

Of course you can. And until you do, a whole bunch of newsgroup readers
will ignore your posts.

Post a URL

30/03/2008, 22h16

> >> Provide a URL.
> >
> > I can't.
>
> Of course you can. And until you do, a whole bunch of newsgroup readers
> will ignore your posts.
>
> Post a URL
>
In fairness I don't know what to do: if I am using a WYSIWYG editor
to develop something that isn't on a Web host (because I'm developing a
Web site), how can I post an URL? Since this is (as yet) a non-existant
site, how can do this?

30/03/2008, 22h41

On Mar 30, 1:16 pm, mrc2...@cox.net (Michael R. Copeland) wrote:
> > >> Provide a URL.
> > > I can't.
> > Of course you can. And until you do, a whole bunch of newsgroup readers
> > will ignore your posts.
> > Post a URL
> In fairness I don't know what to do: if I am using a WYSIWYG editor
> to develop something that isn't on a Web host (because I'm developing a
> Web site), how can I post an URL? Since this is (as yet) a non-existant
> site, how can do this?

Youve been posting since 2004 and you cant sort it out? O my
All the experts here want to see is some sample code.
Surely you can upload it SOMEWHERE and call it something like
http://www.someplace.com/fubar.html??

30/03/2008, 23h05

Of historical note on Sun, 30 Mar 2008 13:16:19 -0700
mrc2323@cox.net (Michael R. Copeland) scribed:

|> >> Provide a URL.
|> >
|> > I can't.
|>
|> Of course you can. And until you do, a whole bunch of newsgroup readers
|> will ignore your posts.
|>
|> Post a URL
|>
| In fairness I don't know what to do: if I am using a WYSIWYG editor
|to develop something that isn't on a Web host (because I'm developing a
|Web site), how can I post an URL? Since this is (as yet) a non-existant
|site, how can do this?

Michael

Place the pages you're working on into a sub-folder that doesn't allow search engine access via a robots.txt in the root. That way you can provide a url to the group but the general public (those outside the group) will never see what you're working on.
<http://www.robotstxt.org/>
<http://www.robotstxt.org/orig.html>

This also allows you to use such online tools as Browsershots and the W3C HTML and CSS validators.
<http://browsershots.org/>

You may also want to look into munging your e-mail address when you post.
<http://www.faqs.org/faqs/net-abuse-faq/munging-address/>

hth
--
cf <cfnews@NOcharterSPAM.net>
I may be dumb, but I'm not stupid.
Terry Bradshaw

30/03/2008, 23h23

Sun, 30 Mar 2008 13:16:19 -0700 from Michael R. Copeland <mrc2323
@cox.net>:
> > >> Provide a URL.
> > >
> > > I can't.
> >
> > Of course you can. And until you do, a whole bunch of newsgroup readers
> > will ignore your posts.
> >
> > Post a URL
> >
> In fairness I don't know what to do: if I am using a WYSIWYG editor
> to develop something that isn't on a Web host (because I'm developing a
> Web site), how can I post an URL? Since this is (as yet) a non-existant
> site, how can do this?

Oh come on -- this isn't rocket surgery. Put your HTML and CSS up on
a Web site somewhere.

It's your prerogative not to do that, but you will *severely* limit
the number of people who are willing to you, because you are
then asking us to put your HTML and CSS on a server to try it out. If
you're not willing to do that, why would you expect us to be?

Also, please use proper attributions when quoting.
http://oakroadsystems.com/genl/unice.htm#attrib

--
Stan Brown, Oak Road Systems, Tompkins County, New York, USA
http://OakRoadSystems.com/
HTML 4.01 spec: http://www.w3.org/TR/html401/
validator: http://validator.w3.org/
CSS 2.1 spec: http://www.w3.org/TR/CSS21/
validator: http://jigsaw.w3.org/css-validator/
Why We Won't You:
http://diveintomark.org/archives/200..._wont__you

31/03/2008, 05h32

> > > >> Provide a URL.
> > > >
> > > > I can't.
> > >
> > > Of course you can. And until you do, a whole bunch of newsgroup readers
> > > will ignore your posts.
> > >
> > > Post a URL
> > >
> > In fairness I don't know what to do: if I am using a WYSIWYG editor
> > to develop something that isn't on a Web host (because I'm developing a
> > Web site), how can I post an URL? Since this is (as yet) a non-existant
> > site, how can do this?
>
> Oh come on -- this isn't rocket surgery. Put your HTML and CSS up on
> a Web site somewhere.

That's my problem: I don't _have_access_ to a Web site yet: I'm
developing prototype code before I commit to purchasing a Web site.
Please note that I'm retired and don't have business/work resources from
which I could do this sort of stuff.
I'm well aware of the need to be responsible in my NG posting (show
my work, keep the posts to a reasonable size, etc.), and I'm _not_
trying to be difficult or petulant. I'm not in the position (like the
rest of you guys) to operate via an existing Web site: that may come if
my project (for the building I live in) is accepted and used.
>
> It's your prerogative not to do that, but you will *severely* limit
> the number of people who are willing to you, because you are
> then asking us to put your HTML and CSS on a server to try it out. If
> you're not willing to do that, why would you expect us to be?

As I say above, I don't have the capability yet, and I'm only trying
to get something to demonstrate to my HOA board...

> Also, please use proper attributions when quoting.
> http://oakroadsystems.com/genl/unice.htm#attrib

Hmmm...I thought that I was trying to keep quoting to a minimum.
Sorry. 8<{{

31/03/2008, 07h28

Of historical note on Sun, 30 Mar 2008 20:32:09 -0700
mrc2323@cox.net (Michael R. Copeland) scribed:

|> > > >> Provide a URL.
|> > > >
|> > > > I can't.
|> > >
|> > > Of course you can. And until you do, a whole bunch of newsgroup readers
|> > > will ignore your posts.
|> > >
|> > > Post a URL
|> > >
|> > In fairness I don't know what to do: if I am using a WYSIWYG editor
|> > to develop something that isn't on a Web host (because I'm developing a
|> > Web site), how can I post an URL? Since this is (as yet) a non-existant
|> > site, how can do this?
|>
|> Oh come on -- this isn't rocket surgery. Put your HTML and CSS up on
|> a Web site somewhere.
|
| That's my problem: I don't _have_access_ to a Web site yet: I'm
|developing prototype code before I commit to purchasing a Web site.
|Please note that I'm retired and don't have business/work resources from
|which I could do this sort of stuff.
| I'm well aware of the need to be responsible in my NG posting (show
|my work, keep the posts to a reasonable size, etc.), and I'm _not_
|trying to be difficult or petulant. I'm not in the position (like the
|rest of you guys) to operate via an existing Web site: that may come if
|my project (for the building I live in) is accepted and used.
|>
|> It's your prerogative not to do that, but you will *severely* limit
|> the number of people who are willing to you, because you are
|> then asking us to put your HTML and CSS on a server to try it out. If
|> you're not willing to do that, why would you expect us to be?
|
| As I say above, I don't have the capability yet, and I'm only trying
|to get something to demonstrate to my HOA board...
|
|> Also, please use proper attributions when quoting.
|> http://oakroadsystems.com/genl/unice.htm#attrib
|
| Hmmm...I thought that I was trying to keep quoting to a minimum.
|Sorry. 8<{{

Michael,

Check this site out:

Free Web Hosting
<http://www.free-webhosts.com/>

They have over 200 hosts that provide free hosting. Sorry I can't recommend any from their listing as I've not used any. Also their listings do show what type of server, amount of disk space, transfer allowance, type of uploading allowed and so on.

hth
--
cf <cfnews@NOcharterSPAM.net>
I may be dumb, but I'm not stupid.
Terry Bradshaw

01/04/2008, 06h39

Of historical note on Mon, 31 Mar 2008 21:06:05 -0800
Blinky the Shark <no.spam@box.invalid> scribed:

|Michael R. Copeland wrote:
|
|[and deeper attributions have been killed by Michael R. Copeland]
|
|>> > > Post a URL
|>> > >
|>> > In fairness I don't know what to do: if I am using a WYSIWYG editor
|
|That shouldn't matter. If it does for some reason I can't think of, stop
|using what-you-see-probably-isn't-what-your-users-are-going-to-see tools.
|
|>> > to develop something that isn't on a Web host (because I'm developing
|>> > a Web site), how can I post an URL? Since this is (as yet) a
|>> > non-existant site, how can do this?
|>>
|>> Oh come on -- this isn't rocket surgery. Put your HTML and CSS up on a
|>> Web site somewhere.
|>
|> That's my problem: I don't _have_access_ to a Web site yet: I'm
|> developing prototype code before I commit to purchasing a Web site.
|> Please
|
|1. Have you shopped for hosts, so that you realize you can get hosted for
|very little outlay>
|
|2. Use a free host until you're ready to commit to a pay host; then
|transfer your site and hosting there when you feel ready.
|
|<snip>
|
|>> Also, please use proper attributions when quoting.
|>> http://oakroadsystems.com/genl/unice.htm#attrib
|>
|> Hmmm...I thought that I was trying to keep quoting to a minimum.
|> Sorry. 8<{{
|
|Trimming is an excellent habit. But so is attributing what you *do*
|quote. In your speech this Thursday, you're going to quote a couple of
|passages from Norman Mailer. Just because you're not quoting his whole
|book doesn't mean that you don't credit the passages you *are* using.
|
|
|--
|Blinky
|Killing all posts from Google Groups
|The Usenet Improvement Project: http://improve-usenet.org
|Blinky: http://blinkynet.net
|

Adding to what Blinky said, many free hosts do not even require you to have your own domain name, they host you as a sub-domain, i.e.,
<http://yourname.example.com>
with example.com being the hosting company.

--
cf <cfnews@NOcharterSPAM.net>
I may be dumb, but I'm not stupid.
Terry Bradshaw

01/04/2008, 07h06

Michael R. Copeland wrote:

[and deeper attributions have been killed by Michael R. Copeland]

>> > > Post a URL
>> > >
>> > In fairness I don't know what to do: if I am using a WYSIWYG editor

That shouldn't matter. If it does for some reason I can't think of, stop
using what-you-see-probably-isn't-what-your-users-are-going-to-see tools.

>> > to develop something that isn't on a Web host (because I'm developing
>> > a Web site), how can I post an URL? Since this is (as yet) a
>> > non-existant site, how can do this?
>>
>> Oh come on -- this isn't rocket surgery. Put your HTML and CSS up on a
>> Web site somewhere.
>
> That's my problem: I don't _have_access_ to a Web site yet: I'm
> developing prototype code before I commit to purchasing a Web site.
> Please

1. Have you shopped for hosts, so that you realize you can get hosted for
very little outlay>

2. Use a free host until you're ready to commit to a pay host; then
transfer your site and hosting there when you feel ready.

<snip>

>> Also, please use proper attributions when quoting.
>> http://oakroadsystems.com/genl/unice.htm#attrib
>
> Hmmm...I thought that I was trying to keep quoting to a minimum.
> Sorry. 8<{{

Trimming is an excellent habit. But so is attributing what you *do*
quote. In your speech this Thursday, you're going to quote a couple of
passages from Norman Mailer. Just because you're not quoting his whole
book doesn't mean that you don't credit the passages you *are* using.

--
Blinky
Killing all posts from Google Groups
The Usenet Improvement Project: http://improve-usenet.org
Blinky: http://blinkynet.net

29/03/2008, 07h06	#1
Michael R. Copeland Messages: n/a Hébergeur:	HTML & CSS Problems - Newbie I am trying to build a prototype Web site, but I am having to learn many aspects of HTML and CSS as I do. I am completely new to CSS, and there are a number of HTML tags I don't understand (e.g. <div>, <span>), but am using some because I've cannabilized some code here. Thus, I have code that I don't understand and that isn't working... 8<{{ The problems I'm seeing here are: 1. Each menu's item data is progressively shifted to the right. That is, the "History" paragraphs are fine, but the paragraphs that follow ("Sales", "Photos", "Neighborhood") are shifted/indented. I don't understand why and don't know how to correct it... 2. The links don't work. I don't know why. I have tweaked my code to this point, but nothing has worked so far. Please advise. TIA <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html><head> <meta content="text/html; charset=ISO-8859-1" http-equiv="content- type"> <title>Regency House Building</title> <style type="text/css"> ul1 { float:left; width:100%; padding:0; margin:0; list-style-type:none; } a { width:10em; text-decoration:none; color:white; background-color:green; padding:0.2em 0.6em; } a:hover {background-color:#ff3300} li {display:inline} b { color: black; width:60em; text-decoration:none; background-color:brown; text-indent:1cm; } p.margin {margin: 0cm 3cm 0cm 3cm; text-indent:1cm; } </style> </head> <body style="color: rgb(255, 255, 255); background-color: Brown;" alink="#ff6600" link="#99ff99" vlink="#990099"> <div style="text-align: center;"> <ul1> <li><a href="#History">History</a></li> <li><a href="#Sales">Units for Sale</a></li> <li><a href="#Photos">Photo Gallery</a></li> <li><a href="#Neighborhood">The Neighborhood</a></li> </ul1> </div> <br> <div style="text-align: center; color: black;"> <br><br> <b><p name="#History" class="margin">Regency House History</div><br> <div style="text-align: left; color: black;"> <p class="margin">The Regency House was built in 1964, initially as a luxury apartment building. Designed by George H. Schonenberger, it was the second high rise residential building constructed in Phoenix (Phoenix Towers, built in 1956, was the first).<br> [...] <p class="margin">In 2004, after rejecting several attempts to update and improve the aging interiors of the building, the owners voted overwhelmingly to accept a comprehensive proposal to redo the common areas. This plan, done by Copeland Interiors, Inc., included all halls and lobbies, as well as the Social Room, Front Desk/Lobby, and the creation of a Fitness Center in the unused Library. The project designer oversaw all aspects of this year- long project, which retained the stately wood interiors, but added new lighting, carpets, flooring, and completely redesigned the Front Desk/Lobby. <p class="margin">The Social Room got special attention, with new furniture, a grand piano, large screen TV, and stereo. An interesting aspect used 76 nostalgic photographs obtained from various sources, including many residents. These photos are used throughout the building to highlight the city's and neighborhood's history, integrating the building's fresh, new appearance and the local area's diverse past. Of special note is the "community effort" this part of the project assumed, when many residents worked together to acquire, identify, and prepare these pictures during a day-long "framing party" for these pictures. <p class="margin">Upon completion of the project, it was submitted to the 2005 ASID North Chapter Professional Awards, where it won First Place in Commercial Design, as well as Best of Show.<br>[etc.]</b></p> </div> <div style="text-align: center; color: black;"> <p><b name="#Sales">Units for Sale<br></p></div> <div style="text-align: left; color: black;"> <p class="margin">Following is a (non-exaustive) list of condominium units for sale in the Regency House (as of 03/16/2008): <br>[etc.] </p> <br></div> <div style="text-align: center; color: black;"> <p><b name="#Photos">Photos<br></p></div> <div style="text-align: left; color: black;"> <p class="margin"> <br>[etc.] </p> <br></div> <div style="text-align: center; color: black;"> <p><b name="#Neighborhood">Our Neighborhood<br></p></div> <div style="text-align: left; color: black;"> <p class="margin">List of schools, churches, shopping, restaurants, entertainment, and such. Possibly reviews (as appropriate...) <br>[etc.] </p> <br></div> </body> </html>

29/03/2008, 08h02	#2
John Hosking Messages: n/a Hébergeur:	Re: HTML & CSS Problems - Newbie Michael R. Copeland wrote, somewhat impatiently: > I am trying to build a prototype Web site, but I am having to learn > many aspects of HTML and CSS as I do. I am completely new to CSS, and > there are a number of HTML tags I don't understand (e.g. <div>, <span>), > but am using some because I've cannabilized some code here. Thus, I > have code that I don't understand and that isn't working... 8<{{ A great opportunity to learn! Too much code copied on the Web over-uses (or misuses) the div and span elements anyway. Quite possibly, you don't need them. You ought to at least find out what they do. Work through a tutorial, such as those at http://www.htmldog.com/guides/ or start getting used to checking (perhaps I should say wading) through the authoritative if sometimes opaque documents at the W3C: http://www.w3.org/TR/html401/ for HTML http://www.w3.org/TR/html401/struct/global.html#h-7.5.4 for div & span http://www.w3.org/TR/CSS21/ for CSS > The problems I'm seeing here are: > 1. Each menu's item data is progressively shifted to the right. That > is, the "History" paragraphs are fine, but the paragraphs that follow > ("Sales", "Photos", "Neighborhood") are shifted/indented. I don't > understand why and don't know how to correct it... > 2. The links don't work. I don't know why. > I have tweaked my code to this point, but nothing has worked so far. > Please advise. TIA As Blinky said, post a URL. We don't really want to see this much code, pasted or (mis-)typed into our newsreaders, where we can't really do anything with it. With a URL, we can click once to open our browsers, study the page's behavior, use the tools and extensions in the browsers, and easily validate your code. And validation is the first step when you see a problem. > > <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> This will reliably give you Quirks mode, which is not reliable. See http://hsivonen.iki.fi/doctype/ and change your doctype to (e.g.) <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> > <html><head> [snippage of code] > b { > color: black; > width:60em; > text-decoration:none; > background-color:brown; > text-indent:1cm; > } > p.margin {margin: 0cm 3cm 0cm 3cm; text-indent:1cm;} Ehh, kind of a silly name for a class. "Margin" is already a property name. Use class names based on function: "menu", "sidebar", "warning", etc. What's different about your margin class here from all the rest of the <p> elements? > </style> > </head> > <body style="color: rgb(255, 255, 255); background-color: Brown;" > alink="#ff6600" link="#99ff99" vlink="#990099"> Use CSS, in a form similar to: a { color:#0000ff; } a:link { color:#99ff99; } a:visited { color:#990099; } a:hover { color:#ff0000; } a:active { color:#ff6600; } [snippage of code] > > <div style="text-align: center; color: black;"> > <br><br> > <b><p name="#History" class="margin">Regency House History</div><br> The <b> element is missing its closing tag. The <p> element should have its name attribute changed to an id attribute. You don't need the <br> thingies; you can style the vertical spacing with margin on the p (or padding on the div) with CSS. [snippage of code] > > <div style="text-align: center; color: black;"> > <p><b name="#Sales">Units for Sale<br></p></div> Again, validating would have caught this error for you. http://validator.w3.org/ for markup, http://jigsaw.w3.org/css-validator/ for CSS I don't see what your divs are for either. What happens when you remove them (besides your code getting simpler to read and maintain, and faster to download)? -- John Read about the UIP: http://improve-usenet.org/

29/03/2008, 08h19	#3
Blinky the Shark Messages: n/a Hébergeur:	Re: HTML & CSS Problems - Newbie Michael R. Copeland wrote: > I am trying to build a prototype Web site, but I am having to learn > many aspects of HTML and CSS as I do. I am completely new to CSS, and > there are a number of HTML tags I don't understand (e.g. <div>, <span>), > but am using some because I've cannabilized some code here. Thus, I have > code that I don't understand and that isn't working... 8<{{ > The problems I'm seeing here are: > 1. Each menu's item data is progressively shifted to the right. That > is, the "History" paragraphs are fine, but the paragraphs that follow > ("Sales", "Photos", "Neighborhood") are shifted/indented. I don't > understand why and don't know how to correct it... > 2. The links don't work. I don't know why. > I have tweaked my code to this point, but nothing has worked so far. > Please advise. TIA Provide a URL. -- Blinky Killing all posts from Google Groups The Usenet Improvement Project: http://improve-usenet.org Blinky: http://blinkynet.net

29/03/2008, 16h47	#4
Michael R. Copeland Messages: n/a Hébergeur:	Re: HTML & CSS Problems - Newbie > > I am trying to build a prototype Web site, but I am having to learn > > many aspects of HTML and CSS as I do. I am completely new to CSS, and > > there are a number of HTML tags I don't understand (e.g. <div>, <span>), > > but am using some because I've cannabilized some code here. Thus, I have > > code that I don't understand and that isn't working... 8<{{ > > The problems I'm seeing here are: > > 1. Each menu's item data is progressively shifted to the right. That > > is, the "History" paragraphs are fine, but the paragraphs that follow > > ("Sales", "Photos", "Neighborhood") are shifted/indented. I don't > > understand why and don't know how to correct it... > > 2. The links don't work. I don't know why. > > I have tweaked my code to this point, but nothing has worked so far. > > Please advise. TIA > > Provide a URL. I can't. Even though I have contracted with a Web host, I don't want to upload code that really doesn't work at all. I've been using HTML- Kit and Internet Explorer & FireFox to view the code, and it looks poor in both. I realize that I posted a (too) large amount of code, but it wasn't until I had this much that I began seeing the problems. If there's a better way to develop Web code, I'd appreciate learning about it... 8<}}

30/03/2008, 16h56	#5
Andy Dingley Messages: n/a Hébergeur:	Re: HTML & CSS Problems - Newbie On Sat, 29 Mar 2008 07:47:32 -0700, mrc2323@cox.net (Michael R. Copeland) wrote: >> Provide a URL. > > I can't. Of course you can. And until you do, a whole bunch of newsgroup readers will ignore your posts. Post a URL

30/03/2008, 22h16	#6
Michael R. Copeland Messages: n/a Hébergeur:	Re: HTML & CSS Problems - Newbie > >> Provide a URL. > > > > I can't. > > Of course you can. And until you do, a whole bunch of newsgroup readers > will ignore your posts. > > Post a URL > In fairness I don't know what to do: if I am using a WYSIWYG editor to develop something that isn't on a Web host (because I'm developing a Web site), how can I post an URL? Since this is (as yet) a non-existant site, how can do this?

30/03/2008, 22h41	#7
usenetpersongerryt@gmail.com Messages: n/a Hébergeur:	Re: HTML & CSS Problems - Newbie On Mar 30, 1:16 pm, mrc2...@cox.net (Michael R. Copeland) wrote: > > >> Provide a URL. > > > I can't. > > Of course you can. And until you do, a whole bunch of newsgroup readers > > will ignore your posts. > > Post a URL > In fairness I don't know what to do: if I am using a WYSIWYG editor > to develop something that isn't on a Web host (because I'm developing a > Web site), how can I post an URL? Since this is (as yet) a non-existant > site, how can do this? Youve been posting since 2004 and you cant sort it out? O my All the experts here want to see is some sample code. Surely you can upload it SOMEWHERE and call it something like http://www.someplace.com/fubar.html??

30/03/2008, 23h05	#8
cf Messages: n/a Hébergeur:	Re: HTML & CSS Problems - Newbie Of historical note on Sun, 30 Mar 2008 13:16:19 -0700 mrc2323@cox.net (Michael R. Copeland) scribed: \|> >> Provide a URL. \|> > \|> > I can't. \|> \|> Of course you can. And until you do, a whole bunch of newsgroup readers \|> will ignore your posts. \|> \|> Post a URL \|> \| In fairness I don't know what to do: if I am using a WYSIWYG editor \|to develop something that isn't on a Web host (because I'm developing a \|Web site), how can I post an URL? Since this is (as yet) a non-existant \|site, how can do this? Michael Place the pages you're working on into a sub-folder that doesn't allow search engine access via a robots.txt in the root. That way you can provide a url to the group but the general public (those outside the group) will never see what you're working on. <http://www.robotstxt.org/> <http://www.robotstxt.org/orig.html> This also allows you to use such online tools as Browsershots and the W3C HTML and CSS validators. <http://browsershots.org/> You may also want to look into munging your e-mail address when you post. <http://www.faqs.org/faqs/net-abuse-faq/munging-address/> hth -- cf <cfnews@NOcharterSPAM.net> I may be dumb, but I'm not stupid. Terry Bradshaw

30/03/2008, 23h23	#9
Stan Brown Messages: n/a Hébergeur:	Re: HTML & CSS Problems - Newbie Sun, 30 Mar 2008 13:16:19 -0700 from Michael R. Copeland <mrc2323 @cox.net>: > > >> Provide a URL. > > > > > > I can't. > > > > Of course you can. And until you do, a whole bunch of newsgroup readers > > will ignore your posts. > > > > Post a URL > > > In fairness I don't know what to do: if I am using a WYSIWYG editor > to develop something that isn't on a Web host (because I'm developing a > Web site), how can I post an URL? Since this is (as yet) a non-existant > site, how can do this? Oh come on -- this isn't rocket surgery. Put your HTML and CSS up on a Web site somewhere. It's your prerogative not to do that, but you will severely limit the number of people who are willing to you, because you are then asking us to put your HTML and CSS on a server to try it out. If you're not willing to do that, why would you expect us to be? Also, please use proper attributions when quoting. http://oakroadsystems.com/genl/unice.htm#attrib -- Stan Brown, Oak Road Systems, Tompkins County, New York, USA http://OakRoadSystems.com/ HTML 4.01 spec: http://www.w3.org/TR/html401/ validator: http://validator.w3.org/ CSS 2.1 spec: http://www.w3.org/TR/CSS21/ validator: http://jigsaw.w3.org/css-validator/ Why We Won't You: http://diveintomark.org/archives/200..._wont__you

31/03/2008, 05h32	#10
Michael R. Copeland Messages: n/a Hébergeur:	Re: HTML & CSS Problems - Newbie > > > >> Provide a URL. > > > > > > > > I can't. > > > > > > Of course you can. And until you do, a whole bunch of newsgroup readers > > > will ignore your posts. > > > > > > Post a URL > > > > > In fairness I don't know what to do: if I am using a WYSIWYG editor > > to develop something that isn't on a Web host (because I'm developing a > > Web site), how can I post an URL? Since this is (as yet) a non-existant > > site, how can do this? > > Oh come on -- this isn't rocket surgery. Put your HTML and CSS up on > a Web site somewhere. That's my problem: I don't _have_access_ to a Web site yet: I'm developing prototype code before I commit to purchasing a Web site. Please note that I'm retired and don't have business/work resources from which I could do this sort of stuff. I'm well aware of the need to be responsible in my NG posting (show my work, keep the posts to a reasonable size, etc.), and I'm _not_ trying to be difficult or petulant. I'm not in the position (like the rest of you guys) to operate via an existing Web site: that may come if my project (for the building I live in) is accepted and used. > > It's your prerogative not to do that, but you will severely limit > the number of people who are willing to you, because you are > then asking us to put your HTML and CSS on a server to try it out. If > you're not willing to do that, why would you expect us to be? As I say above, I don't have the capability yet, and I'm only trying to get something to demonstrate to my HOA board... > Also, please use proper attributions when quoting. > http://oakroadsystems.com/genl/unice.htm#attrib Hmmm...I thought that I was trying to keep quoting to a minimum. Sorry. 8<{{

31/03/2008, 07h28	#11
cf Messages: n/a Hébergeur:	Re: HTML & CSS Problems - Newbie Of historical note on Sun, 30 Mar 2008 20:32:09 -0700 mrc2323@cox.net (Michael R. Copeland) scribed: \|> > > >> Provide a URL. \|> > > > \|> > > > I can't. \|> > > \|> > > Of course you can. And until you do, a whole bunch of newsgroup readers \|> > > will ignore your posts. \|> > > \|> > > Post a URL \|> > > \|> > In fairness I don't know what to do: if I am using a WYSIWYG editor \|> > to develop something that isn't on a Web host (because I'm developing a \|> > Web site), how can I post an URL? Since this is (as yet) a non-existant \|> > site, how can do this? \|> \|> Oh come on -- this isn't rocket surgery. Put your HTML and CSS up on \|> a Web site somewhere. \| \| That's my problem: I don't _have_access_ to a Web site yet: I'm \|developing prototype code before I commit to purchasing a Web site. \|Please note that I'm retired and don't have business/work resources from \|which I could do this sort of stuff. \| I'm well aware of the need to be responsible in my NG posting (show \|my work, keep the posts to a reasonable size, etc.), and I'm _not_ \|trying to be difficult or petulant. I'm not in the position (like the \|rest of you guys) to operate via an existing Web site: that may come if \|my project (for the building I live in) is accepted and used. \|> \|> It's your prerogative not to do that, but you will severely limit \|> the number of people who are willing to you, because you are \|> then asking us to put your HTML and CSS on a server to try it out. If \|> you're not willing to do that, why would you expect us to be? \| \| As I say above, I don't have the capability yet, and I'm only trying \|to get something to demonstrate to my HOA board... \| \|> Also, please use proper attributions when quoting. \|> http://oakroadsystems.com/genl/unice.htm#attrib \| \| Hmmm...I thought that I was trying to keep quoting to a minimum. \|Sorry. 8<{{ Michael, Check this site out: Free Web Hosting <http://www.free-webhosts.com/> They have over 200 hosts that provide free hosting. Sorry I can't recommend any from their listing as I've not used any. Also their listings do show what type of server, amount of disk space, transfer allowance, type of uploading allowed and so on. hth -- cf <cfnews@NOcharterSPAM.net> I may be dumb, but I'm not stupid. Terry Bradshaw

01/04/2008, 06h39	#12
cf Messages: n/a Hébergeur:	Re: HTML & CSS Problems - Newbie Of historical note on Mon, 31 Mar 2008 21:06:05 -0800 Blinky the Shark <no.spam@box.invalid> scribed: \|Michael R. Copeland wrote: \| \|[and deeper attributions have been killed by Michael R. Copeland] \| \|>> > > Post a URL \|>> > > \|>> > In fairness I don't know what to do: if I am using a WYSIWYG editor \| \|That shouldn't matter. If it does for some reason I can't think of, stop \|using what-you-see-probably-isn't-what-your-users-are-going-to-see tools. \| \|>> > to develop something that isn't on a Web host (because I'm developing \|>> > a Web site), how can I post an URL? Since this is (as yet) a \|>> > non-existant site, how can do this? \|>> \|>> Oh come on -- this isn't rocket surgery. Put your HTML and CSS up on a \|>> Web site somewhere. \|> \|> That's my problem: I don't _have_access_ to a Web site yet: I'm \|> developing prototype code before I commit to purchasing a Web site. \|> Please \| \|1. Have you shopped for hosts, so that you realize you can get hosted for \|very little outlay> \| \|2. Use a free host until you're ready to commit to a pay host; then \|transfer your site and hosting there when you feel ready. \| \|<snip> \| \|>> Also, please use proper attributions when quoting. \|>> http://oakroadsystems.com/genl/unice.htm#attrib \|> \|> Hmmm...I thought that I was trying to keep quoting to a minimum. \|> Sorry. 8<{{ \| \|Trimming is an excellent habit. But so is attributing what you do \|quote. In your speech this Thursday, you're going to quote a couple of \|passages from Norman Mailer. Just because you're not quoting his whole \|book doesn't mean that you don't credit the passages you are using. \| \| \|-- \|Blinky \|Killing all posts from Google Groups \|The Usenet Improvement Project: http://improve-usenet.org \|Blinky: http://blinkynet.net \| Adding to what Blinky said, many free hosts do not even require you to have your own domain name, they host you as a sub-domain, i.e., <http://yourname.example.com> with example.com being the hosting company. -- cf <cfnews@NOcharterSPAM.net> I may be dumb, but I'm not stupid. Terry Bradshaw

01/04/2008, 07h06	#13
Blinky the Shark Messages: n/a Hébergeur:	Re: HTML & CSS Problems - Newbie Michael R. Copeland wrote: [and deeper attributions have been killed by Michael R. Copeland] >> > > Post a URL >> > > >> > In fairness I don't know what to do: if I am using a WYSIWYG editor That shouldn't matter. If it does for some reason I can't think of, stop using what-you-see-probably-isn't-what-your-users-are-going-to-see tools. >> > to develop something that isn't on a Web host (because I'm developing >> > a Web site), how can I post an URL? Since this is (as yet) a >> > non-existant site, how can do this? >> >> Oh come on -- this isn't rocket surgery. Put your HTML and CSS up on a >> Web site somewhere. > > That's my problem: I don't _have_access_ to a Web site yet: I'm > developing prototype code before I commit to purchasing a Web site. > Please 1. Have you shopped for hosts, so that you realize you can get hosted for very little outlay> 2. Use a free host until you're ready to commit to a pay host; then transfer your site and hosting there when you feel ready. <snip> >> Also, please use proper attributions when quoting. >> http://oakroadsystems.com/genl/unice.htm#attrib > > Hmmm...I thought that I was trying to keep quoting to a minimum. > Sorry. 8<{{ Trimming is an excellent habit. But so is attributing what you do quote. In your speech this Thursday, you're going to quote a couple of passages from Norman Mailer. Just because you're not quoting his whole book doesn't mean that you don't credit the passages you are using. -- Blinky Killing all posts from Google Groups The Usenet Improvement Project: http://improve-usenet.org Blinky: http://blinkynet.net

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email