[css-d] NOT restarting numbered lists after h1 element
Hi all, I'm working with a four-level list that is basically: 1. numbered list item a, b, c, list sub-items i, ii, iii, list sub-items 1, 2, 3 list sub-items h1 header/h1 2. continue list with second numbered list item ... HERE IS THE PROBLEM. After inserting the h1 I find I cannot continue with my second list item as 2; the list starts over at 1. Can I do that using CSS? I've got the other sub-items to style correctly using CSS, so this is my only problem. Thanks, anyone who may be able to help! Carolyn __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] NOT restarting numbered lists after h1 element
A test page can be seen at http://test.nprb.org/meetings/numbered_list.html Thanks. Carolyn From: jeffrey morin [mailto:rufus2...@gmail.com] Sent: Tuesday, December 15, 2009 12:50 PM To: Carolyn Rosner Cc: css-d@lists.css-discuss.org Subject: Re: [css-d] NOT restarting numbered lists after h1 element On Tue, Dec 15, 2009 at 4:34 PM, Carolyn Rosner carolyn.ros...@nprb.orgmailto:carolyn.ros...@nprb.org wrote: Hi all, I'm working with a four-level list that is basically: 1. numbered list item a, b, c, list sub-items i, ii, iii, list sub-items 1, 2, 3 list sub-items h1 header/h1 2. continue list with second numbered list item ... HERE IS THE PROBLEM. After inserting the h1 I find I cannot continue with my second list item as 2; the list starts over at 1. Can I do that using CSS? I've got the other sub-items to style correctly using CSS, so this is my only problem. Thanks, anyone who may be able to help! Carolyn __ css-discuss [cs...@lists.css-discuss.orgmailto:css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.orghttp://evolt.org -- http://www.evolt.org/help_support_evolt/ do you have a page example to look at? Jeff __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] NOT restarting numbered lists after h1 element
Hey, great! Thanks. I will check that out. Deadline looms, so I found a workaround, but it'd be nice to do this right. Someone has to carry the CSS flag around here! Carolyn Carolyn Rosner Visual Information Specialist North Pacific Research Board nprb.org Alaska Ocean Observing System aoos.org 1007 W 3rd Avenue, Suite 100 :: Anchorage, AK 99501 907 644 6701 -Original Message- From: Climis, Tim [mailto:tcli...@indiana.edu] Sent: Tuesday, December 15, 2009 1:03 PM To: Carolyn Rosner Cc: 'css-d@lists.css-discuss.org' Subject: RE: NOT restarting numbered lists after h1 element After inserting the h1 I find I cannot continue with my second list item as 2; the list starts over at 1. Can I do that using CSS? I've got the other sub-items to style correctly using CSS, so this is my only problem. There's two answers: There is the start attribute of ol (ol start=2) which apparently is deprecated (just learned that now) And then there's counter reset, which is the CSS replacement. I'm not sure how it works yet, but I found this page: http://www.arraystudio.com/as-workshop/make-ol-list-start-from-number-different-than-1-using-css.html ---Tim __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] remove focus outline for ie7
Hi Corey,
I have had this same issue with a logo. I resolved it this way:
img, a:link img, a:visited img {
border-style: none;
}
That seems to remove the lovely blue border.
Cheers,
Carolyn
Carolyn Rosner
North Pacific Research Board nprb.org
Alaska Ocean Observing System aoos.org
907 644 6701
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Text won't flow around images in IE
Hi Lorrens, Ah! Thanks for that info. I'll have to be sure to check the code carefully. When I drop images into a layout. C. From: lorr...@gmail.com [mailto:lorr...@gmail.com] On Behalf Of Lourens Thale The text should jump below the bottom of the image when you float. If you don't want this, you can use a paragraph. img src=url.gif alt= / ptext goes here/p This way your text will behave the way you like. Hopefully ;) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Text won't flow around images in IE
Apologies if this has been asked a million times, but how do I get text to flow
around floated images in IE? I don't put my images in divs; I just plunk them
at the beginnings of paragraphs or heads and float them right or left. But in
IE, the text won't wrap; it jumps below the bottom of the image. Code is:
.leftimage { float: left;margin: 10px 15px 10px 0; }
Is there a workaround?
Thanks for any advice, Carolyn
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Bullet lists and floating images
I see what you mean. When I want to have an image next to a bullet list, I float the image to the right instead of the left. Is this cheating? :-) Is this an option for you? Carolyn __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Site Check Please?
Greetings all,
I'm wondering what's up with my page: http://test.nprb.org/new/index.htm
Specifically, the three buttons in upper right corner. They are a Library
item, in their own div that's set to float: right. The span text that shows
up on hover is positioned correctly, but those three buttons are not
flush-right with them. What gives? CSS:
div#buttons {
width: 240px;
z-index: 100;
background-color: none;
margin-bottom: 40px;
float: right;
margin-left: 40px;
margin-top: 10px;
padding: 0;
margin-right: -5px;
}
Thanks - hope this is enough information!
Cheers,
Carolyn
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] NAV elements display improperly
I have a CSS based horizontal navigation whose sub items are supposed to appear one to a line inside their 16-em box. But wherever there is room for two or more on one line, that's what displays. See what I mean at http://test.nprb.org/new/index.html# http://test.nprb.org/new/index.html . I've tried tweaking display: and white-space: to get them to display one to a line, but no dice. Problem is especially bad on the Symposia link where each year should get its own line. I want 'block' display and not 'inline' display, and suspect this is a newbie problem. I want to keep this navigation in CSS and not in tables or Java. Can anyone help? Thanks, Carolyn ' ''' Carolyn Rosner Assistant Program Manager North Pacific Research Board | www.nprb.org http://www.nprb.org Alaska Ocean Observing System | www.aoos.org http://www.aoos.org 1007 W 3rd Ave, Suite 100 Anchorage, AK 99501 907 644 6701 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Display issues: background image and nav lists
I have some issues with a web page I'm building with CSS:
http://test.nprb.org/secondary.html
1) Background image doesn't always display: Vertical type image displays
in IE 6 and 7 but not in FF. In FF it's waaay over to the right. Div
looks like:
#container {
position:absolute;
left: 0px;
top: 0px;
width: 88%;
border-top: 5px solid #A0;
border-right: 1px solid #EBEBF7;
padding: 0 0 20px 180px;
min-height: 100%;
border-bottom: 5px solid #A0;
background-image: url(images/nprb-vertical.gif);
background-repeat: no-repeat;
background-position: top right;
z-index: 0;
border-left: 1px solid #EBEBF7;
}
2) Navigation list items don't wrap: The CSS drop down menu works in IE
and FF, but under Education, Seabirds and Humans are on the same
line. I used a bunch of nbsp; to bump it to the next line. Is there a
better way? Nav CSS:
#navcontainer {
width: 100%;
background-color: #163B82;
z-index: 3;
margin-top: 13px;
float: left;
padding: 3px 0 0 0;
border-bottom: 3px solid silver;
}
#nav, #nav ul { /* all lists */
padding: 0;
margin: 0;
list-style: none;
line-height: 1.5em;
white-space: nowrap;
}
#nav a {
display: list-item;
text-align: left;
text-decoration: none;
color: white;
font-weight: bold;
padding: 0 5px 0 5px;
}
#nav a:hover {
color: #2894DB;
background: none;
display: block;
}
#nav li { /* all list items */
float: left;
width: auto;
padding: 0 3px 0 3px;
}
#nav li ul { /* second-level lists */
position: absolute;
width: 13em;
left: -999em;
white-space:normal;
display: block;
}
#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered
list items */
left: auto;
font-weight: bold;
padding: 3px;
background-color: silver;
border-bottom: 5px solid #CC;
display: block;
}
Thanks!
Carolyn
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
