Google Groups no longer supports new Usenet posts or subscriptions. Historical content remains viewable.
Dismiss

how do I fix CSS?

0 views
Skip to first unread message

richard

unread,
Mar 5, 2012, 1:27:18 PM3/5/12
to
http://www.1littleworld.net/sample/AMC-Rambler.html

The border for the ul li does not adjust for it's content.
Why? And how to correct so that it does?
I have overflow:hidden, but does nothing.

That page is connected to this page
www.1littleworld.net/sample

Beauregard T. Shagnasty

unread,
Mar 5, 2012, 4:14:22 PM3/5/12
to
richard wrote:

> http://www.1littleworld.net/sample/AMC-Rambler.html
>
> The border for the ul li does not adjust for it's [SIC] content. Why?
> And how to correct so that it does? I have overflow:hidden, but does
> nothing.

404 http://www.1littleworld.net/css/lightbox.css

You are also mixing HTML and XHTML. Use just HTML.

--
-bts
-This space for rent, but the price is high

dorayme

unread,
Mar 5, 2012, 5:29:01 PM3/5/12
to
In article <1lw18tjlvba7a.14v9t7fnkjn3m$.d...@40tude.net>,
richard <mem...@newsguy.com> wrote:

> http://www.1littleworld.net/sample/AMC-Rambler.html
>
> The border for the ul li does not adjust for it's content.
> Why? And how to correct so that it does?

You are inline displaying the lists, there are complicated things
about borders.

Try these styles instead:

#wrapit li
{
display: inline-block;
list-style-type: none;
margin: 5px;
border: 5px solid [choose a colour];
}

#wrapit li img {display: block;}

--
dorayme

richard

unread,
Mar 5, 2012, 6:46:51 PM3/5/12
to
On Mon, 5 Mar 2012 21:14:22 +0000 (UTC), Beauregard T. Shagnasty wrote:

> richard wrote:
>
>> http://www.1littleworld.net/sample/AMC-Rambler.html
>>
>> The border for the ul li does not adjust for it's [SIC] content. Why?
>> And how to correct so that it does? I have overflow:hidden, but does
>> nothing.
>
> 404 http://www.1littleworld.net/css/lightbox.css

because that directory does not exist, dumbass
and I am not using that stylesheet at all.
I am using slimbox 2.

Doug Miller

unread,
Mar 5, 2012, 8:54:40 PM3/5/12
to
richard <mem...@newsguy.com> wrote in news:p91yb73rctvq.1vn4dbuptwahl$.dlg@
40tude.net:

> On Mon, 5 Mar 2012 21:14:22 +0000 (UTC), Beauregard T. Shagnasty wrote:
>
>> richard wrote:
>>
>>> http://www.1littleworld.net/sample/AMC-Rambler.html
>>>
>>> The border for the ul li does not adjust for it's [SIC] content. Why?
>>> And how to correct so that it does? I have overflow:hidden, but does
>>> nothing.
>>
>> 404 http://www.1littleworld.net/css/lightbox.css
>
> because that directory does not exist, dumbass

Which, dumbass, is part of your problem.

> and I am not using that stylesheet at all.

Yes, you are:

<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />

And you've just earned a new nickname: RtD = Richard the Dumbass.

> I am using slimbox 2.

Look at the source for your page, RtD.

Beauregard T. Shagnasty

unread,
Mar 5, 2012, 9:24:00 PM3/5/12
to
Doug Miller wrote:

> richard the sto0pid dumbass wrote:
>> Beauregard T. Shagnasty wrote:
>>>
>>> 404 http://www.1littleworld.net/css/lightbox.css
>>
>> because that directory does not exist, dumbass
>
> Which, dumbass, is part of your problem.
> ...
>
> And you've just earned a new nickname: RtD = Richard the Dumbass.

I like it!!!

>> I am using slimebox 2.
>
> Look at the source for your page, RtD.

Does he know how? I doubt he could write any code by hand.
Message has been deleted

Hot-Text

unread,
Mar 6, 2012, 1:08:15 AM3/6/12
to
"richard" <mem...@newsguy.com> wrote in message news:p91yb73rctvq.1vn4dbuptwahl$.dlg@40tude.net...
One if you not using <link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" /> remove it....


Two <li><ul> the is a list go up and down</li></ul>

<div#wrapit li ul{is a no no
I see you put <div id="wrapit"> so you like to be up and down in a list.
Put it in ul#wrapit <li id="wrapit">


<html>
<head>

<title>Lightbox JS v2.0 | Test Page</title>
<style type="text/css">
body {
width:800px;
height:600px;
overflow:hidden;
color: #333;
font: 13px 'Lucida Grande', Verdana, sans-serif;
}
ul#wrapit{
display:inline-block;
list-style-type:none;
border:5px solid #00f;
margin:5px;
overflow:hidden;
height:160px;
padding:5px;}
</style>

</head>

<body>
<div>
<ul id="wrapit">
<li>
<a href="sample/AMC/Rambler/rambler1958ad.jpg" rel="lightbox" title="1958 Rambler Ad">
<img src="sample/AMC/Rambler/rambler1958ad-tn.jpg"/></a>
</li>
</ul>
</div>
</body>
</html>




--
This post contains IPA phonetic symbols in Unicode.
Without proper rendering support,
you may see question marks, boxes,
or other symbols instead of Unicode characters.

User-agent: *
Disallow: /
0 new messages