Velocity Reviews - Computer Hardware Reviews

Velocity Reviews > Newsgroups > Programming > HTML > CSS problem - no borders showing

Reply
Thread Tools

CSS problem - no borders showing

 
 
richard
Guest
Posts: n/a
 
      11-14-2013

All I want to do is put a border around a ul li istem and it ain't
happening. I tried what I want to do using the w3 schools examples and it
works there just fine.

what am I missing?



ul {margin:0; padding:0;}
ul li {list-style-type:none; display:inline-block;}

#holder {width:1200px;}
.wrap {margin-bottom:20px; display:block;}
.box1 {width:1200px; height:100px; background-color:#cfc;}
.box2 (width:1200px; height:600px; overflow:auto;}

.aa {width:1in; height:1in; border:solid 1px black;}




<body>
<div id="holder">
<div class="wrap">
<div class="box1">
<h3>1960</h3>
<ul>
<li class="aa">Rank</li><li class="aa">Song ID</li>

</ul>

</div>

<div class="box2">hello
</div>

</body>
 
Reply With Quote
 
 
 
 
BootNic
Guest
Posts: n/a
 
      11-14-2013
In article <(E-Mail Removed)>,
richard <(E-Mail Removed)> wrote:

> All I want to do is put a border around a ul li istem and it ain't
> happening. I tried what I want to do using the w3 schools examples and it
> works there just fine.


> what am I missing?


valid css

[snip]
> .box2 (width:1200px; height:600px; overflow:auto;}

.box2 {

[snip]


--
BootNic Wed Nov 13, 2013 07:33 pm
Behind every successful woman...is a basket of dirty laundry.
*Sally Poe*

-----BEGIN PGP SIGNATURE-----
Version: GnuPG v1.4.11 (GNU/Linux)

iEYEARECAAYFAlKEGnIACgkQOcdbyBqMFBE6ngCfYGJSh/NuDeTZD5DUYiodMVq7
UoIAoIxpIB2HzeBTpN6QN4TYO2oHAKJ8
=JE1P
-----END PGP SIGNATURE-----

 
Reply With Quote
 
 
 
 
richard
Guest
Posts: n/a
 
      11-14-2013
On Wed, 13 Nov 2013 19:33:54 -0500, BootNic wrote:

> In article <(E-Mail Removed)>,
> richard <(E-Mail Removed)> wrote:
>
>> All I want to do is put a border around a ul li istem and it ain't
>> happening. I tried what I want to do using the w3 schools examples and it
>> works there just fine.

>
>> what am I missing?

>
> valid css
>
> [snip]
>> .box2 (width:1200px; height:600px; overflow:auto;}

> .box2 {
>
> [snip]


thanks. that's the one thing I don't like about notepad++
{ and( are not easy to tell apart.

Now how do I get the items to display at the bottom of the division?
Right now they show about 25 pixels above the bottom border,
 
Reply With Quote
 
dorayme
Guest
Posts: n/a
 
      11-14-2013
In article <(E-Mail Removed)>,
richard <(E-Mail Removed)> wrote:

> On Wed, 13 Nov 2013 19:33:54 -0500, BootNic wrote:
>
> > In article <(E-Mail Removed)>,
> > richard <(E-Mail Removed)> wrote:
> >
> >> All I want to do is put a border around a ul li istem and it ain't
> >> happening. I tried what I want to do using the w3 schools examples and it
> >> works there just fine.

> >
> >> what am I missing?

> >
> > valid css
> >
> > [snip]
> >> .box2 (width:1200px; height:600px; overflow:auto;}

> > .box2 {
> >
> > [snip]

>
> thanks. that's the one thing I don't like about notepad++
> { and( are not easy to tell apart.
>


You mean like Danny DeVito and Arnold Schwarzenegger in Twins?

See what happens to your markup when a user changes his or her
preferred text size for reading. Consider again the advisability of
using in's along with px's elsewhere, (don't try miles on this
occasion).

Consider classing the UL rather than repeated classing of LIs, then
get what you want in the CSS by .class li {...}

--
dorayme
 
Reply With Quote
 
BootNic
Guest
Posts: n/a
 
      11-14-2013
In article <(E-Mail Removed)>,
richard <(E-Mail Removed)> wrote:

> On Wed, 13 Nov 2013 19:33:54 -0500, BootNic wrote:


>> In article <(E-Mail Removed)>,
>> richard <(E-Mail Removed)> wrote:


>>> All I want to do is put a border around a ul li istem and it ain't
>>> happening. I tried what I want to do using the w3 schools examples and
>>> it works there just fine.


>>> what am I missing?


>> valid css


>> [snip]
>>> .box2 (width:1200px; height:600px; overflow:auto;}

>> .box2 {


>> [snip]


> thanks. that's the one thing I don't like about notepad++
> { and( are not easy to tell apart.


Notepad++ change the font-size much like most browsers do. Ctrl +
mouse scroll or Ctrl + [+-]

> Now how do I get the items to display at the bottom of the division?
> Right now they show about 25 pixels above the bottom border,


No ideal of what you are referring to.



--
BootNic Thu Nov 14, 2013 07:01 am
Humor is an affirmation of dignity, a declaration of man's superiority to
all that befalls him.
*Romain Gary*

-----BEGIN PGP SIGNATURE-----
Version: GnuPG v1.4.11 (GNU/Linux)

iEYEARECAAYFAlKEu5AACgkQOcdbyBqMFBEcZQCfTZPCaEgO8q 6ParCJwUwMI8mk
cM8An1dU4yGbFUWmnBZ1zGDy+Zlyg4EK
=4nE6
-----END PGP SIGNATURE-----

 
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
column borders css Chuck Foster ASP .Net 1 01-20-2006 04:48 AM
First div class=something not showing background or borders (IE only) eslachance@gmail.com HTML 3 10-14-2005 12:45 AM
CSS - z-Index problem with borders! ryanmhuc@yahoo.com HTML 3 08-03-2005 08:59 PM
Tables with different color left and right borders, no top or bottom borders, etc. George HTML 9 10-25-2004 04:25 PM
annoying IE problem with dashed CSS borders TheKeith HTML 15 06-30-2003 07:17 AM



Advertisments