|
Posted by Michael R. Copeland on March 30, 2008, 11:34 pm
Please log in for more thread options
The following code doesn't work as I want, because the 2nd list
doesn't appear as a "list" (no bullets) and requires the <br> after each
item to appear as a vertical list of items. The 1st list
("class="menu") is okay, but even though I attempt to declare a 2nd
(class="list") it doesn't render as a list. I thought that the
"li.list" would suffice as a 2nd class declaration, but it seems to be
ignored. What am I missing or doing wrong? TIA
<style type="text/css">
img {float:right; border:1px dotted black; margin:0px 40px 15px 20px;}
<-- not sure why I have this... -->
ul.menu {float:left; width:100%; padding:0; margin:0; list-style-
type:none;}
a {width:10em; text-decoration:none; color:white; background-
color:purple;
padding:0.2em 0.6em; border-right:1px solid white;}
a:hover
p.leftmargin {margin-left: 40px}
<-- my 2 "li" controls -->
li
li.list {margin-left: 60px}
</style>
</head>
<body style="color: rgb(255, 255, 255); background-color: Black;"
alink="#ff6600" link="#99ff99" vlink="#990099">
<div style="text-align: center;">
<ul> <-- This list renders properly. -->
<li><a class="menu" href="RHBuilding.html">The Building</a></li>
<li><a class="menu" href="RHResidents.html">Resident Information</a>
</li>
<li><a class="menu" href="RHOwners.html">Owner Information</a></li>
<li><a class="menu" href="RHContact.html">Contact</a></li>
</ul>
</div>
<div style="text-align: center;">
<font style="color: rgb(255, 204, 0);" size="+3"><span>Regency House
</span></font><br>
<font style="color: rgb(255, 204, 0);" size="+2"><span></span></font>
</div>
<div style="text-align: center;"><font style="color: rgb(255, 204, 0);"
size="+2">
<span>The In-Town Condominium Tower<br><br>
<img src="RH55_1.jpg" height="345" width="280">
<div style="text-align: left;">
<p class="leftmargin"><font align="left" color="white" size="+1">
Regency House is a 22-story luxury condominium building located in the
heart of
the midtown Phoenix Arts District, next to the renowned Heard Museum. It
has:<br>
<ul> <-- This list doesn't work! -->
<li class="list">118 units with balconies<br></li>
<li class="list">Large heated pool<br></li>
<li class="list">Spa<br></li>
<li class="list">Underground parking<br></li>
<li class="list">24/7 security<br></li>
<li class="list">Social Room with TV, piano, bar and kitchen<br></li>
<li class="list">Fitness Center<br></li>
<li class="list">Library<br></li>
<li class="list">Valet service<br></li>
<li class="list">360° unobstructed views<br></li>
<li class="list">Light Rail station at front door<br></li>
</ul></div>
</font></p>
|
|
Posted by Beauregard T. Shagnasty on March 30, 2008, 11:43 pm
Please log in for more thread options
Michael R. Copeland wrote:
> The following code doesn't work as I want,
Post a URL.
Then visit these pages:
http://validator.w3.org/
http://jigsaw.w3.org/css-validator/validator.html
http://www.w3.org/QA/2002/04/valid-dtd-list.html
(Use HTML 4.01 Strict)
You have a rather eclectic mix of CSS and ancient, last millennium
HTML-for-presentation in what you posted here.
--
-bts
-Friends don't let friends drive Vista
|
|
Posted by Beauregard T. Shagnasty on March 30, 2008, 11:47 pm
Please log in for more thread options Beauregard T. Shagnasty replied to hisself:
> Michael R. Copeland wrote:
>
>> The following code doesn't work as I want,
>
> Post a URL.
Oh wait. I see you're the "Newbie" in another thread. Perhaps you could
visit this place:
http://www.000webhost.com/
Some affiliate spammers have been posting links to it in
alt.www.webmaster recently, though the service itself appears genuine.
It should certainly work for your test cases.
--
-bts
-Friends don't let friends drive Vista
|
|
Posted by rf on March 31, 2008, 12:14 am
Please log in for more thread options > The following code doesn't work as I want, because the 2nd list
> doesn't appear as a "list" (no bullets) and requires the <br> after each
> item to appear as a vertical list of items.
> li
> li.list {margin-left: 60px}
Have a very carefull think about what the first of the above two rules does.
--
Richard.
|
|
Posted by Michael R. Copeland on March 31, 2008, 1:45 am
Please log in for more thread options > > The following code doesn't work as I want, because the 2nd list
> > doesn't appear as a "list" (no bullets) and requires the <br> after each
> > item to appear as a vertical list of items.
>
> > li
> > li.list {margin-left: 60px}
>
> Have a very carefull think about what the first of the above two rules does.
I did, and I tried to have 2 distinct "li" declarations: li.menu and
li.list. When I did so, it destroyed the "li" that manipulates my
horizontal menu at the top of the page (the "display:inline"
declaration), and I wound up with a bulleted vertical list of the menu
items. I couldn't figure out a way to declare 2 "li" types, and I had
to revert to the posted code (which at least handles my menu list).
<sigh>
To respond to your answer, does it mean that the first rule applies
to _all_ "li" rules - and that the second is a subset of it? If so, how
_do_ I declare 2 separate and different rules for the "li"/"ul" sets
that do different things (other than what I tried)? TIA
|
| Similar Threads | Posted | | Does this Work? | November 20, 2008, 6:11 am |
| Would UBB thread work for this? | March 9, 2006, 2:13 pm |
| How to get MAP to work with mouseover | April 10, 2006, 10:59 pm |
| CSS positioning: why does this work? | May 15, 2006, 2:12 pm |
| favicon doesn't work in IE6 | October 8, 2006, 11:48 pm |
| This work on your browser? | January 8, 2007, 1:27 am |
| Does my menu work in IE7? | March 29, 2007, 9:51 am |
| Why didn't the include work? | April 6, 2007, 8:12 am |
| How does this work? (CDATA) | May 6, 2008, 3:51 pm |
| Re: Why this html doesn't work? | May 26, 2008, 1:38 am |
|
XML Sitemap