4 replies [Last post]
sveiniv
Offline
newbie
Last seen: 12 years 51 weeks ago
Timezone: GMT+2
Joined: 2007-09-25
Posts: 3
Points: 0

Hi
I've been trying to make a website using the fantastic Nifty Corners from Alessandro Fulciniti. I have one small/big problem though.

When using his method with lists to display cubes side-by-side, it is imposible to show standard lists in a cube. My website is KomkartWeb

What I'm trying to do is to format a class inside a cube back to standard list format, but I'm not able to do this. I wonder if anyone may give me some help here?

My html-kode looks like this:



<? include("urlhead.php") ?>

/forside_ikvo.jpg'>





And (most of) my CSS looks like this:

html,body{margin:8px;padding:0}
body{font: 85%/1.3 Verdana,Arial,sans-serif;
padding-bottom:20px; text-align: center; background: #C4CBDE /*#9BC7F0*/
}
p{margin-top:0px}
h1,h2,h3{font: normal normal 200% "Trebuchet MS",Arial,sans-serif}
h2{font-size:160%}
h3{font-size:120%}
div, ul, li{margin: 0; padding: 0}
img{border:0; margin:0; padding:0}

div#container{clear: both; width:980px; text-align:center; background:#C4CBDE}

div#intro{width:980px; overflow:hidden; background:#fff}

div#img {text-align: center; padding: 2px 0;}

div#main{width:980px; overflow:hidden; margin-bottom:2px; background:#fff}

ul#intro,ul#intro li{list-style-type:none;margin:0;padding:0}
ul#intro li{float:left; padding:30px 10px 20px 20px; margin:8px 0 0 0}
ul#intro li#one{width:960px; margin-right:0}
ul#intro p,ul#intro h3{margin:8px 0 0 0; padding: 0 10px}
ul#intro h3{text-align: left; text-transform:uppercase; padding-bottom:3px;color: #6D8FDC}

ul#content{width:100%;overflow:hidden;margin-bottom:2px}
ul#content,ul#content li{list-style-type:none;margin:0; padding:0}
ul#content li{float:left; padding: 20px 10px 20px 12px; margin:0}
ul#content li#three{width:190px; margin-top: 10px; margin-right:4px; border-right:2px solid #6D8FDC}
ul#content li#four{width:736px; margin-right:0;text-align:left}
ul#content p,ul#content h3{margin:8px 0 0 0;padding: 0 10px}
ul#content h3{
text-align:left; text-transform:uppercase; font-weight:bold;
padding-bottom:3px; color:#6D8FDC}

.list ul, .list ol{display:list-item;}

ul#nav,ul#nav li{list-style-type:none;margin:0;padding:0}
ul#nav{font-size: 80%; text-align:left}
ul#nav a{width: 180px;padding: 3px 0 2px 3px; display:block; text-decoration:none; color: #6D8FDC /*#FFC*/}
ul#nav a:hover{color: #113DA3; background: #C4CBDE /*#C5CFEB*/
}
ul#nav li.activelink a,ul#nav li.activelink a:hover{background: #FFF;color: #003}

.info{width: 196px; color:#6D8FDC; border-top:1px dotted #6D8FDC; border-bottom:1px dotted #6D8FDC;
margin:0 0 0 -6px; padding:0 0 12px 0;overflow:hidden}

ul#footer{
clear:both; width:980px; margin-top:6px;
text-align:left; font-size:80%; padding: 0; color:#6D8FDC
}
ul#footer,ul#footer li{list-style-type:none}

The ul#intro and ul#content comes from Nifty Corners, while I'm trying to make standard list format in the .list class.

Of course IE is extra strange, with a lot of space on the bottom of my page where I try to add a list. Look at "Om KomkartWeb" in the menu.

Anyone?

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 5 years 49 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

When posting code in your

When posting code in your threads, don't copy the contents of your PHP files; we need to see the HTML as it's output to the browser. You'll also need to be more specific about which lists you're talking about.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

sveiniv
Offline
newbie
Last seen: 12 years 51 weeks ago
Timezone: GMT+2
Joined: 2007-09-25
Posts: 3
Points: 0

Listproblems

OK, but all I was really hopeing for was for someone to tell me how to reset all list format settings to default values. For ul, ol, li and so on.

Svein

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 16 hours 51 sec ago
Dallas
Timezone: GMT-5
Joined: 2004-06-25
Posts: 9766
Points: 3848

Look in the res directory in

Look in the res directory in wherever you have Firefox. There will be a file called html.css. That is the default style sheet. For example, you could reset defaults for ul like so:

ul {
  margin 1em 0;
  padding-left: 40px;
  list-style: disc;
  }

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

sveiniv
Offline
newbie
Last seen: 12 years 51 weeks ago
Timezone: GMT+2
Joined: 2007-09-25
Posts: 3
Points: 0

Lists

Thanks

That sure did it
:thumbsup:

Svein I