Re: [css-d] slideshow positioning problem
Jody Levinson wrote:
I'm trying to get a css slideshow working on this
page:http://web648.dark.plainblack.net/home/home-test but the slides are
stacking vertically instead of occupying the same space. I've used the exact
same code on this page and it works:http://evamoon.net
Add something like:
.slideshow p {
position: absolute;
}
Which is present on the site that works, BTW, and not on the one that
doesn't.
--
Steve Clason
Boulder, Colorado, USA
(303)818-8590
__
css-discuss [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.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] The css-d wiki REBORN!
Eric A. Meyer wrote: Ladies and gentlemen, the new CSS-D wiki: A deep bow to all the volunteers. (Bows, deeply.) And the logo is great. -- Steve Clason Boulder, Colorado, USA (303)818-8590 __ 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] dreamweaver css
Cistý design wrote: i have a dilemma. i have a client who updates their sites content with dreamweaver. however, i layout all my code in a text editor and when it is opened in dreamweaver it does not give an accurate portrayal of what the site looks like in a browser. divs overlap, spacing is different etc. You can use a design-time stylesheet if your client just needs to be able to get to the text to edit it and understands that the page will look different when rendered by a browser. I've done that for myself on the odd occasion that I've maintained content on a static web site. -- Steve Clason Web Design Development Boulder, Colorado, USA www.topdogstrategy.com (303)818-8590 __ 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/
Re: [css-d] list-style-image horizontal spacing
Mark Lundquist wrote: What's the deal with the horizontal spacing between the image given by a 'list-style-image' property, and the contents of the li element? IE inserts no space (which is actually what I want in this case); Firefox and Safari each appear to insert some amount of horizontal space in there. How can I get some control over this? I know I could punt and add an img inside the li, but... you know... :-/ I recall list-style-image being problematic but I don't remember the details. A search through the archives would probably turn something up, but ... The tip originated on this list, I think. If I'm going to use an image for a list I put the image as a background-image for the li, then set margins/padding on the li appropriately. Since you can adjust the position of a background-image, that seems to provide the necessary control. -- Steve Clason Web Design Development Boulder, Colorado, USA www.topdogstrategy.com (303)818-8590 __ 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/
Re: [css-d] Horizontal Navigation with Images
Matthew Stoneback wrote:
First off, here is a link to my HTML:
http://www.eddysound.com/epso/nav_test.htm
And to my CSS: http://www.eddysound.com/epso/nav_test.css
What I am looking to do is line the images up horizontally and use them as a
navigational bar. I would like the images to have a 1 pixel border on the
bottom and right; border color #847983. If I have calculated right, it
would make the whole navigation 524px wide, including the 1px border between
each image. Right now it is showing a border around the images on all
sides. I can take the border off with, border: none;, but I don't want to
take away the entire border. Any ideas? Is my CSS wrong?
This worked for me:
#mainNav li a img{
border: 0; /*changed */
border-right: 1px solid; /*new*/
border-bottom: 1px solid; /*new*/
border-color: #847983;
Something to do with specificity, but I'm totally unmotivated to figure
it out, sorry.
}
When lining images up horizontally, is there a inherit amount of padding or
margin on the left and right sides? Basically, why can I not line two
images up flush against one another? If an example is needed, I can post a
link.
I just always assume that evil padding and margins lurk to thwart my
desires everywhere, and explicitly set them all to 0.
--
Steve Clason
Boulder, Colorado, USA
(303) 818-8590
__
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/
Re: [css-d] alternating coloured rows in dynamic website
Ian Young wrote:
Have site with alternating colours in dynamic website using php. Want to
change the code to css.
code as follows:
$bg = ($bg=='#ee' ? '#F9FBF9' : '#ee'); // Switch the background
color.
tr bgcolor=$bg
I know it is a table, but it for tabulating results. It is one of pages in
Zen Cart which I am designing to my own design.
So how do I change the above to something more style friendly?
I'd do it something like this:
$rowClass = ($rowClass=='odd' ? 'even' : 'odd');
tr class=$rowClass
Untested, YMMV, etc.
Then you can alter the background colors in the stylesheet and make
other changes as well if you decide you want them later.
So,
tr.odd {background-color: #eee}
tr.even {background-color: #F9FBF9]
--
Steve Clason
Boulder, Colorado, USA
(303) 818-8590
__
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/
Re: [css-d] CSS between local and server
Mark Fellowes wrote: I'm creating some menu's and they look fine locally. When I upload them to the server they are completely different. I know I'm not supplying much information here , but what are some reasons for this behaviour ? Could be: 1. the css isn't on the server; 2. the server delivers .css files as something other than text/css; 3. the link to the style sheet on the page references your hard drive; 4. something else. It's impossible to give a definitive answer without seeing it. Can you provide a URL? -- Steve Clason Web Design Development Boulder, Colorado, USA www.topdogstrategy.com (303)818-8590 __ 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/
Re: [css-d] IE7 Pseudoclass/hasLayout Weirdness
Bruno Fassino wrote: Steve Clason wrote: Although IE7 does support the :hover pseudoclass on elements other than a, making Suckerfish-type navigation work without JavaScript, you have to be careful to trigger hasLayout in both the element and the element pseudoclass, and you have to use two different triggers, apparently. There's a test case at http://www.bch.org/ie7HoverTest.html. Thanks for sharing this, it's really weird. Just a small comment: I wouldn't say that IE needs a further hasLayout trigger, but rather that it needs at least one extra property (on the target li:hover ul), choosen among a certain set. To be more precise, I tried adding in your example either background-position: 0 0 or border-width: 0 to #nav3 li:hover ul and both of them solved the problem, like your min-height: 1px. This behaviour is somewhat similar (but even more confusing), to the well known need for some extra property on any a:hover, to have IE to pay attention to a:hover descendant. Well, sure enough, look at that. I added a version with border-width: 0 to the test case and (of course) it works just as you describe. Thank you Bruno--I hadn't heard of IE's need for that extra property--I guess I wasn't paying attention that day. I appreciate your comment immensely. -- Steve Clason Web Design Development Boulder, Colorado, USA www.topdogstrategy.com (303)818-8590 __ 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] IE7 Pseudoclass/hasLayout Weirdness
Hi List, I spent a lot of time on this today and figured I should share. Although IE7 does support the :hover pseudoclass on elements other than a, making Suckerfish-type navigation work without JavaScript, you have to be careful to trigger hasLayout in both the element and the element pseudoclass, and you have to use two different triggers, apparently. There's a test case at http://www.bch.org/ie7HoverTest.html. -- Steve Clason Web Design Development Boulder, Colorado, USA www.topdogstrategy.com (303)818-8590 __ 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/
Re: [css-d] Organising my CSS styles
Ian Piper wrote: My client also wants to have colour variations within the overall them on some pages, meaning that I will have to vary background and keyline colours. The question is one of how best to organise my css files. I could have all of the styles defined in one .css file and put the variations in the head of each html file, or I could link to a style sheet designed specifically for the page, and then import the more general style sheet. From what I read it appears that linked styles override imported styles. The latter seems a cleaner approach, but most of the sites styles would end up in an imported style sheet, and I understand that older browsers do not support importing. I do this a lot on CMS-based sites and I've slowly settled into using one main style sheet with structural stuff and a default theme, then linking individual style sheets for the various themes/colors in the head, like: link rel=stylesheet type=text/css href=/css/main.css link rel=stylesheet type=text/css href=/css/section.css The rules in section.css will override those in main.css. Of course, these are dynamic (that is, data-base driven, not exciting) sites so I can automagically call the required stylesheets via some server-side code and don't have to maintain the links manually. It's not unusual to have 20 style sheets in a project, some with just a few lines. I'm sure others will point out the downside to doing it this way but I think this helps me keep my wits around what's being applied where. FWIW, YMMV, My $.02, etc. -- Steve Clason Web Design Development Boulder, Colorado, USA www.topdogstrategy.com (303)818-8590 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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/
Re: [css-d] extra space under div in IE
[EMAIL PROTECTED] wrote:
div class=deco/div
div id=nav
ul
li class=homea href=index.htmlhome/a/li
li class=abouta href=about.htmlabout us/a/li
li class=sola href=solutions.htmlsolutions/a/li
li class=mara href=markets.htmlmarkets/a/li
li class=cona href=contact.htmlcontact us/a/li
/ul
and the css is:
.deco {
width: 100%;
height: 9px;
max-height: 9px;
margin: 0;
padding: 0;
background: url(../images/deco.gif) repeat-x;
}
#nav {
margin: 0;
padding: 0;
width: 100%;
}
I'm sure it somethings silly I've overlooked but I can't find it.
Hard to tell without a url, but it might be the top margin of the ul in
#nav that's causing the problem--so you could do:
#nav ul {margin: 0; padding: 0;}
and see what happens. I've spent more hours than I want to remember
scratching my head over similar problems and I always seem to forget
those interior elements can cause what you're describing.
--
Steve Clason
Web Design Development
Boulder, Colorado, USA
www.topdogstrategy.com
(303)818-8590
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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/
Re: [css-d] Food menu set up
Portman wrote: My newest website is for a gourmet restaurant and the menus have prices next to them per pint and per quart. I set the menus up as a ul and thought I would make another list with the prices and float it into place but I am wondering if there is a better way to do this? Also, it would mean two lists being floated (the pint prices and the quart prices) which could get problematic. Any ideas/suggestions would be most welcome. Sounds like a table to me. -- Steve Clason Web Design Development Boulder, Colorado, USA www.topdogstrategy.com (303)818-8590 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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/
Re: [css-d] Footer not occupying full width of containing DIV in IE6
[EMAIL PROTECTED] wrote: How can I get the footer to stretch the full width that is used by the main outer DIV (page-home). without have to force in a width value? I thought if I used width 100% this would do it, but the width of the footer in IE falls well about 20-30 pixels short. Do you maybe have margin or padding on body or page-home? -- Steve Clason Web Design Development Boulder, Colorado, USA www.topdogstrategy.com (303)818-8590 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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/
Re: [css-d] Disappearing Content in IE [Urgent]
Matt Harris wrote:
I recently developed the HTML/CSS for a new website and all was working fine
until part of the navigation started disappearing. I assumed it was the
peekaboo bug and applied the holly hack, but it hasn't solved the problem,
so I'd love some help. The site went live last week and we have been
working on this for about 3 days, so it is really causing problems for the
client and has become a huge time drain for me and my staff. Any help would
be greatly appreciated
If you view wesley.eresources.ws in IE, the secondary navigation (Contact |
Employment Opportunities | Library | News | My Wesley) appears sometimes,
but doesn't appear other times - of course, it appears fine in Firefox.
Does anyone have any suggestions for how to resolve this? Thanks!
Changing:
.home #wrapsecnav {position: absolute; right: 20px; top: 8px;}
to:
.home #wrapsecnav {position: relative; right: 20px; top: 8px;}
makes the nav appear consistently so some other div is probably sitting
on top of #wrapsecnav and obscuring it. You have lots of absolutely
positioned divs and it's getting late here so I can't get down to
details, but I'd change background colors on likely suspects until I
found a div that was sitting where I expected the nav to appear. If I
wasn't so sleepy and my dog didn't need a walk, that is.
I hope that helps some.
--
Steve Clason
Web Design Development
Boulder, Colorado, USA
www.topdogstrategy.com
(303)818-8590
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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/
Re: [css-d] A quick Hello and a question
Wade Markham wrote: Hello all, I'm Wade, a new designer. Hi Wade. I've a problem, and unfortunately, I don't an url for the troublesome code. Can I post the code? You can post the code but you are less likely to get help than if you supply a URL. -- Steve Clason Web Design Development Boulder, Colorado, USA www.topdogstrategy.com (303)818-8590 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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/
Re: [css-d] Trouble with putting a background-image in container
Wade Markham wrote:
When I try to create a background by using a jpeg file for container {}, I
get nothing.
container {
width: 703px;
position: absolute;
background-image: url(Images/Paper.jpg);
}
Hard to say without a URL, but if your CSS sits in its own directory
then the path might be wrong--you might need (for instance):
background-image: url(/Images/Paper.jpg);
I don't believe you need the quotes but I think they look pretty.
--
Steve Clason
Web Design Development
Boulder, Colorado, USA
www.topdogstrategy.com
(303)818-8590
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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/
Re: [css-d] problem with header spacing
Liz wrote:
Sorry for such a novice question but I am still new at css layout and very
new at using percents for fonts. I'm having trouble creating less space
above and below my H1 and H2 tags and I want no space under my H3. I don't
know the best way to do this.
I have tried various solutions that work in IE but not other browsers and
vice-versa, but nothing that gives consistent results in all.
Sample page http://www.egretdesign.com/test.shtml
Hi Liz,
One approach is to zero the margin and padding on all h* elements and
then set them explicitly to what you want:
h1, h2, h3 (margin:0;padding:0;)
h1 {padding: 1em 0}
h2 {padding: .5em 0}
h3 {padding-top: .5em}
for instance.
--
Steve Clason
Web Design Development
Boulder, Colorado, USA
www.topdogstrategy.com
(303)818-8590
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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/
Re: [css-d] problem with header spacing
Liz wrote:
Sorry if this is a duplicate, I don't think it got posted. I put the code
in along with my color settings but I lost my color and there is more space
than before and the h1 came out huge. I'm sure I must have put in something
that is interfering but I don't know what.
updated sample page is the same http://www.egretdesign.com/test.shtml
Can you tell me what I did wrong.
Sorry, I had a fingerpoken error. Try this (notice the curly braces
instead of parentheses):
h1, h2, h3, p {margin:0;padding:0;}
I added the p element because it looked like you wanted the paragraph
text to start immediately below the h3, and browsers have different
default margins and padding for p as well as h*.
I apologize for leading you astray.
--
Steve Clason
Web Design Development
Boulder, Colorado, USA
www.topdogstrategy.com
(303)818-8590
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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/
Re: [css-d] Drop down menu not working in IE
Portman wrote: I reworked one of my sites so that it has two columns - one on either side of the content. I copied the drop down menu (next to the picture of the body) straight from the original into the new version, but now it does not work in IE. I am losing my mind trying to figure out what the problem is. Any help would be much appreciated. The page is here: http://www.starqualitydesigns.com/BestHealth/index2.htm, and the css is here: http://www.starqualitydesigns.com/BestHealth/newbest.css. This isn't a CSS issue--you need to copy the JavaScript as well as the html for your menu to work in IE. -- Steve Clason Web Design Development Boulder, Colorado, USA www.topdogstrategy.com (303)818-8590 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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/
Re: [css-d] Suckerfish Woes Frustrations
TMH Design wrote: Can someone please tell me why my attempt to integrate a sucker fish drop down menu is not working on this page - www.tmhdesign2.com http://www.tmhdesign2.com/ There should be a dropdown menu under the services link. There's no second-layer navigation list under Dental Services, so there's nothing additional to show on hover. -- Steve Clason Web Design Development Boulder, Colorado, USA www.topdogstrategy.com (303)818-8590 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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/
Re: [css-d] margin-top: imbalances in IE6 vs. FF1.5
Ian wrote: The issue in question is margin-top settings. I've two columns on the page and right now, both are set to zero. That is to say, I don't have them declared at all. That means you are depending on the default margins on browsers to be the same. You would be better off declaring what you want explicitly, and it looks like the difference is in the top and bottom margin/padding of the p element -- at least, I could make FF look like IE by twiddling those. As usual, it looks great in IE and not so great in FF. That's not usual, IE is the broken one. Oh...one more thing: I've seen a couple of incidences here where someone will ask the group to look at one thing or another on a site, and someone will respond with some comment about a setting in the author's css file. How are you folks doing that?? Even in FF, I can only access raw html source code. What plug-in am I missing here? :) Some folks use Chris Pederick's (deep bow) Web Developer's Toolbar for Firefox, which lets you twiddle the CSS: http://chrispederick.com/work/webdeveloper/ TopStyle has a feature allowing you to grab a page and the associated style sheet(s) which I find useful for harder problems: http://www.newsgator.com/NGOLProduct.aspx?ProdID=TopStyle I don't know if the Lite Version has the feature. -- Steve Clason Web Design Development Boulder, Colorado, USA www.topdogstrategy.com (303)818-8590 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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/
Re: [css-d] Question about IE6
Eugene Humbert wrote: The URL is www.coloradoasphalt.com/Online_Employment.htm He has put the form in a container so it can be scrolled through. Unfortunately in IE that form is WAY down the page, at least to his client and I. Without having his site on my computer so I can really tear it apart, I don't know what to tell him. I don't see a problem. It looks very similar to Firefox on IE6/SP2, Win XP Pro. -- Steve Clason Web Design Development Boulder, Colorado, USA www.topdogstrategy.com (303)818-8590 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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/
Re: [css-d] CSS Tab Menu Issue Page Shifting Issue
Adie Hart wrote: 3. Even though I made the initial template page and duplicated it for the other pages, when browsing the site in Firefox the whole page shifts from left to right and back depending on which links you click. For instance going from the Media page to Clients or Contact Us page, everything appears fine, as with going from Home to Services to Values. However, any other sequence browsing the site, shifts entire page within the browser. I am completely perplexed as to why this is happening. The site can be viewed here: http://www.wordseurope.domainsolutions.ca/test/index.html [Adie Hart] What solutions you've found to this issue? I am experiencing the same issue with a site in development (www.fratelliimmo.com/index-new.html). I'm not seeing what you describe (1280x960), but you might consider a min-height on #container (for example) larger than the largest viewport height you expect so there will always be a scrollbar. -- Steve Clason Web Design Development Boulder, Colorado, USA www.topdogstrategy.com (303)818-8590 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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/
Re: [css-d] IE Repeating Text
Scott Wilcox wrote: Hey Folks. Hey I recently completed a small project I was working on, and I've just noticed an issue with IE repeating a small amount of text under a floated image. The URL is http://x0f.org/music/ IE Duplicated Characters Bug http://www.positioniseverything.net/explorer/dup-characters.html -- Steve Clason Web Design Development Boulder, Colorado, USA www.topdogstrategy.com (303)818-8590 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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/
Re: [css-d] background-images alignment questions
On 2/3/2006 12:35 AM August Shamino wrote: Some web pages divide a background-image across several elements, so that it looks like just one image. How can you do that safely with CSS? In a cross browser way? Especially if you want a particular element's background-image to line up with the body's background-image, pixel perfect? Most (but not all) of the time I find it better to leave background images in one piece, but the question of how is pretty hard to answer without something concrete to look at. If you could provide a URL to a page you're working on we might be able to help. -- Steve Clason Web Design and Development Boulder, Colorado, USA www.topdogstrategy.com (303)818-8590 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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/
Re: [css-d] Aligning to bottom of a div
On 2/3/2006 10:30 AM George Cummins wrote:
I am trying to align a piece of text to the bottom of a div. On the
example site
http://www.netrarc.com/btfloat/
you will see an h2 price tag inside each div. How I can make the h2
tag stay on the bottom of the div?
This is only semi-tested, but I often do similar things:
#plan1 {
border: 1px solid gray;
width: 200px;
height: 300px;
padding: .5em;
float: left;
margin: 10px;
position: relative; /*provides a positioning context*/
}
#planfooter {
position: absolute; /*new rule*/
bottom: 0; /*puts it on the bottom*/
}
You might want to give your price footers a class as well as an id and
then position the class--it'll save some electrons.
--
Steve Clason
Web Design and Development
Boulder, Colorado, USA
www.topdogstrategy.com
(303)818-8590
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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/
Re: [css-d] padding around image in IE6
On 2/3/2006 2:23 PM jeremy*pinnix wrote: I have a class that is supposed to put 10 pixels of padding around an image. It works just fine in Firefox 1.5 Mac/Win, and also in Safari 2, but there is no padding in Internet Explorer IE 6. I am at a loss as to why it isn't functioning... Site: http://www.americanhomedesign.com/home It is the image of a building with two cars in the parking lot... Here is the style sheet: http://www.americanhomedesign.com/stylesheets/default.css Any ideas? Maybe. Your page lacks a DOCTYPE so IE6 (and IE7b, in case anyone is interested) renders in quirks mode with a broken box model. I believe that puts the padding inside the dimensions of the image, and so covered by the image. Put this (or something like it) first in your mark-up: !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN http://www.w3.org/TR/html4/strict.dtd; and things should be hunky-dory, though I confess I didn't test it. -- Steve Clason Web Design and Development Boulder, Colorado, USA www.topdogstrategy.com (303)818-8590 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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/
Re: [css-d] Obviously Misguided
On 1/13/2006 5:49 PM Keith Kaiser wrote:
kaiserklan.com/roundtable/index2.html is my attempt to rewrite my 10
year effort to help the Boy Scouts. But I'm in pretty desperate shape,
it's just not coming together the way I would like, here are my
guidelines.
1) I want it to look similar to http://www.northernstarbsa.org/
2) NO tables, only CSS
3) When you click one of the left side menu items the main page should
hide the current DIV and display the new one.
If you bring the page up, for some reason all the DIVs show, only the
DIV d1 should show on first load. It's a mess folks please send any
and all helpful thoughts, I'm going to put a long list of who helped
me with this in the page when its done.
The CSS is at kaiserklan.com/roundtable/css/rtstyle2.css, there is
very little JavaScript involved by its in js/servicescripts.js if you
need to see that. Most of the content is still to come, but if you
have any interest in the current page its at
kaiserklan.com/roundtable.
It looks like JavaScript issues, not CSS (and so off-topic for this
list). At first glance I don't see where you're calling the function
hidediv(), so your divs are never forced hidden by the JavaScript.
You're going to need something like body onload=hidediv('d1'), which
ought to hide everything but d1. I noticed, though, that there are other
JavaScript errors--for instance, the last function is missing a closing
bracket--so I believe you are in for some troubleshooting. The
JavaScript console in FireFox will be one of your new best friends,
along with the View Rendered Source in Chris Pederick's (deep bow) Web
Developer's Toolbar for Firefox and the Firefox DOM inspector.
I'll help you as I can but you should email me offlist. Webdesign-l
might be a better list for the kind of help you need
[http://webdesign-L.com/].
--
Steve Clason
Web Design and Development
Boulder, Colorado, USA
www.topdogstrategy.com
(303)818-8590
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] visited footer Navigation problems
On 1/4/2006 9:48 AM Stuart King wrote:
Hi CSSd . . .
The pages in my footer navigation (footNav) are smaller, underlined
and blue when visited. I want them to remain white, with their
original size and look. Please help.
address:
http://www.shanghainights-mfc.org/index.htm
A little finger error, I think. You have:
#navFoot ul li a:link, #nav a:visited { /*!!! here !!!*/
color: #FF;
text-decoration: none;
/*text-align: left;
height: 25px;*/
padding: 4px 8px 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 110%;
}
I believe that first line should read:
#navFoot ul li a:link, #navFoot a:visited {
--
Steve Clason
Web Design and Development
Boulder, Colorado, USA
www.topdogstrategy.com
(303)818-8590
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] centering text and left justifying text on one line
On 1/3/2006 8:57 AM Daniel Kessler wrote:
I have a photo viewing page. I want the PREVIOUS | NEXT link to
center on the width of the TD that it's in, which is basically
centering on the page. The grey text to the left, I want on the same
line, but left-aligned. If I make it a div, it sends the previous/
next to the next line. Otherwise, it stays right up against it.
I've tried several combinations, so any help would be nice. Here's
the link and the code:
http://hhp.umd.edu/common/image_viewer2.cfm?path=photos/
graduation_winter_05/graduation_winter_05_02.jpgendnum=91
You could do something like this:
.grey {
color: #99;
position: absolute; /*!!! new !!!*/
left: 20px; /*!!! new !!!*/
}
Other gray elements will get weird, so you'll want to give the element a
unique id, probably.
But why you're laying out this simple page with tables escapes me
completely.
--
Steve Clason
Web Design and Development
Boulder, Colorado, USA
www.topdogstrategy.com
(303)818-8590
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Why small gap between images?
On 1/2/2006 9:53 AM Charles Dort wrote:
I have been collaborating a little with an online colleague on a project
some of you may have seen. I tried to make a CSS version of something that
had worked well in a table, and it works as I expected except for a very
small gap between the logo goes here placeholder at the upper left corner
and the vertical menu bar below it at the left side of this page:
http://personal.cfw.com/~theophan/temp/temp.html
http://personal.cfw.com/~theophan/temp/temp.css
It also breaks the circle in the image.
An image in an in-line element and so there's a little space below the
baseline for the descenders on text (the tail of a g, for instance. To
remove that extra space, add:
#left_box img {display: block}
to your style sheet. It might cause other problems later so you might
want to give the image an id and just apply the style to it.
--
Steve Clason
Web Design and Development
Boulder, Colorado, USA
www.topdogstrategy.com
(303)818-8590
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] site check, Opera, any platform
On 12/23/2005 12:24 PM Richard Brown wrote: Hi Francesco On 23 Dec 2005, at 18:33, Francesco wrote: Could someone with Opera check it out for me? Much appreciated! I am sorry to say that you are right. Opera on a Mac is showing the bullets. I have sent you a screen shot in a different email. Opera 8/WinXP is showing them as well. -- Steve Clason Web Design and Development Boulder, Colorado, USA www.topdogstrategy.com (303)818-8590 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Problems with nested uls used for tabbed navigation in IE 6.0
On 12/22/2005 5:39 PM Allison Bloodworth wrote: I recently adapted Adam Kalsey's CSS tabs with nested submenus made up of uls (http://www.kalsey.com/tools/csstabs/) to create three levels of navigation for a calendar. For some reason, my page (http://mms.media.berkeley.edu:8901/UCBCNUsabilityMockups/Gateway/New/sports -ucb-nested.htm) looks great in Firefox 1.5 but horrible in IE 6.0 and I can't figure out why. The page is no longer centered and the second and third level navigation is rendering vertically instead of horizontally. I've used uls to create this navigation and I've made sure all the uls and lis in the submenus are marked display:inline. Anyone have any suggestions for me? Your DOCTYPE puts IE into quirks mode. Try this (with the URI): !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN http://www.w3.org/TR/html4/loose.dtd; It seemed to take care of most of the issues you mentioned, though I'll admit I didn't look at everything. -- Steve Clason Web Design and Development Boulder, Colorado, USA www.topdogstrategy.com (303)818-8590 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Making whole of navigation list item area clickable in IE
On 12/19/2005 12:10 PM Paul Jinks wrote:
I have a top horizontal nav list css as follows.
ul id=navlist
lia/ali
/ul
and so on.
This divides the top nav area into 4 areas for 4 links. In FF, the whole
of each of these is clickable. In IE6, only the text is clickable. I've
tried to get round this by setting a width for ul#navlist li a, either
with px or %, but this seems to screw up the whole thing for IE which
wants to shunt the last list item onto a new line.
Any idea what's going on? and how to fix it?
See the page here: http://www.annjinkscounselling.co.uk/contact.htm
CSS at: http://www.annjinkscounselling.co.uk/css/annjinks.css
Hmmm...
I gave ul#navlist li a a 100% width and it seemed to work OK locally.
ul#navlist li a {
display: block;
width: 100%; /* new */
padding: 0.2em;
border-width: 1px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;
color: #EAF5F7;
text-decoration: none;
background: #8C9BB0;
}
While I was poking around I noticed this (actually TopStyle noticed it):
#maincontent {
font-color: teal;
color: #003366;
There's no selector font-color so you should probably just delete it
in favor of the following color.
--
Steve Clason
Web Design and Development
Boulder, Colorado, USA
www.topdogstrategy.com
(303)818-8590
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Making whole of navigation list item area clickable in IE
On 12/19/2005 4:34 PM Paul Jinks wrote:
Steve Clason wrote:
I gave ul#navlist li a a 100% width and it seemed to work OK locally.
Hi Steve,
Are you viewing this in IE6 for windows? On my machine, if I set width
at 100%, this moves the last nav link down a line. In FF, makes no
difference, but the problem that kicked this off was only in IE anyway.
Yes, IE 6 sp2 on WinXP/Pro.
So now I'm seeing what you described. I did this:
ul#navlist li a {
display: block;
width: 192px;
padding: 3px;
border-width: 1px;
etc.
to remove the uncertainty of the padding using ems, so that each anchor
(plus padding plus border) should be 200px wide and the navigation
should fill the 800 px wide body--but there's still a 1px gap on the
right. I'm sort of out of time for awhile, but here's the URL in case
someone else wants to take a whack at it:
http://www.annjinkscounselling.co.uk/contact.htm
Thanks for this. Looks like the product of a late session. :-) Do you
recommend TopStyle, does it have some kind of syntax checker?
I've used TopStyle for years and now depend on it. It has a lot of
helpful features, including a syntax checker. It's certainly true that
you can write style sheets using Notepad and lots of other editors, but
I'll take all the help I can get.
--
Steve Clason
Web Design and Development
Boulder, Colorado, USA
www.topdogstrategy.com
(303)818-8590
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Consistent navigation bar
On 12/2/2005 6:42 PM Ira Landis wrote: I hope this is not too newbie. I am evolving a site as I learn using CSS (no frames or tables). I want to maintain a consistent left vertical navigation bar. Can I create the navigation bar as a separate file and import/call it for each page? I am using the book 'Beginning Web Programming with HTML, XHTML and CSS' by John Duckett and have searched through the popular CSS webdev sites. Any help would be greatly appreciated. Yes. What you want is a Server Side Include[1]. It's not a CSS feature, though, but a server-side thingie. [1] http://httpd.apache.org/docs/1.3/howto/ssi.html -- Steve Clason Web Design and Development Boulder, Colorado, USA www.topdogstrategy.com (303)818-8590 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Pipe Dream?
On 11/22/2005 5:20 PM Tod Thomas wrote: Is their a nice CSS IDE that maintains the W3C standards, has drag and drop type of functionality, all of the nifty things you'd expect from an CSS editor? I was thinking along the lines of a Jedit, or Eclipse plugin. I'm partial to open source but commercial recommendations are welcome. A good place to start is the wiki: http://css-discuss.incutio.com/?page=CssEditors Since this is a little OT, I'll send my recommendation off list. -- Steve Clason Web Design and Development Boulder, Colorado, USA www.topdogstrategy.com (303)818-8590 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Put gap in list styled for navigation
On 10/26/2005 6:01 PM Paul Jinks wrote: I've got a ul that I've styled as a nav bar. Fine. My client has now asked to have a gap the width of 1 list item to separate the last two list items as they are links to external sites. If you want to take a look, go to: http://www.digitalbeginnings.shef.ac.uk snip I'm missing something really obvious, right. But what? I believe I'd go with two lists. -- Steve Clason Web Design and Development Boulder, Colorado, USA www.topdogstrategy.com (303)818-8590 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Bullets in FF
On 10/24/2005 3:18 AM Augusto Murri wrote:
Hi,
how can i hide bullets from lists??
In this page http://www.opent.it/gasper/ bullets appairs opnly in FF but not in
IE..
Hi Augusto,
To remove the bullets, add list-style-type: none to ul#navigator li,
like so:
ul#navigator li {
display: list-item;
list-style-type: none;/*add this*/
float: left;
margin: 0px;
padding: 0px;
height: 20px;
width: 80px;
}
--
Steve Clason
Web Design and Development
Boulder, Colorado, USA
www.topdogstrategy.com
(303)818-8590
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] drop down menus aren't clickable in IE
On 10/19/2005 7:59 PM Betsy Garfield wrote: This design isn't perfect but my here's my main problem right now: the drop down menus aren't clickable in IE and the text in the li boxes is getting garbled. test page: http://base.wrjdistrict13.org/index.html css: http://base.wrjdistrict13.org/style1.css js: http://base.wrjdistrict13.org/nav.js I don't see where you're calling your Javascript function anywhere (which makes this not a CSS problem), and IE is gonna need that. You can try changing your body tag to: body onload=cssJsMenu(navMenu) and see what that gets you, but I'd recommend reviewing this tutorial: http://devedge-temp.mozilla.org/viewsource/2003/devedge-redesign-js/index_en.html or using the Son of Suckerfish technique: http://www.htmldog.com/ptg/archives/50.php -- Steve Clason Web Design and Development Boulder, Colorado, USA www.topdogstrategy.com (303)818-8590 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] My nav bar doesn't show up
On 10/13/2005 1:22 AM Nancy Smith wrote: What am I doing wrong with my nav bar? It shows up in Dreamweaver, but not on the site? http://www.doloresmission.com/wmipage.htm# I don't see a nav bar in your source code. Maybe you are looking at two different versions of the file. -- Steve Clason Web Design and Development Boulder, Colorado, USA www.topdogstrategy.com (303)818-8590 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Can't click on links in IE
On 10/3/2005 5:35 PM Rich Points wrote: I validated it but I'm still not able to click on the links in IE http://www.clubsauce.com/3.php What you're describing is almost always (in my experience, anyway) caused by a page element that covers more area than you expect and so overlays the element with the links. The best way to go about troubleshooting that I've found is to put colored borders or backgrounds on your block-level elements and see what's sitting on top of what. -- Steve Clason Web Design and Development Boulder, Colorado, USA www.topdogstrategy.com (303)818-8590 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Validator Encoding Note
On 9/27/2005 12:40 PM Tom Livingston wrote: The character encoding specified in the HTTP header (utf-8) is different from the value in the meta element (iso-8859-1). I will use the value from the HTTP header (utf-8) for this validation. Most likely your host is serving this: Content-Type: text/html; charset=UTF-8 And you have this in your page(s): meta http-equiv=Content-Type content=text/html; charset=iso-8859-1 / In DW8 you can modify the page settings at: ModifyPage SettingsTitle/Encoding or just, you know, type it. Chris Pederick's (deep bow) Developer Toolbar for Firefox can help you see what's going on if you look under Information then View Page Information and View Response Headers. -- Steve Clason Web Design and Development Boulder, Colorado, USA www.topdogstrategy.com (303)818-8590 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Validator Encoding Note
On 9/27/2005 2:30 PM Tom Livingston wrote: Most likely your host is serving this: Content-Type: text/html; charset=UTF-8 So if the host is serving this, this isn't something I can change when making a page, right? Obviously, I can change the meta but should I? I know so little about this it scares me, so maybe someone better informed will jump in, but I'd say you should use a meta element to change the charset if you need to encode characters not included in the host's charset. And no, you can't change the http header on the page, but that's what the Content-Type meta element is for, to change the content-type of the page from what the http header says. We may be straying from practical-css, though. The List at evolt[1] would be a good place to ask the question again. [1]http://lists.evolt.org/mailman/listinfo/thelist -- Steve Clason Web Design and Development Boulder, Colorado, USA www.topdogstrategy.com (303)818-8590 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Why don't my images appear on site?
On 9/22/2005 7:26 PM Nancy Smith wrote: I am doing my first CSS site and it is a killer. First, it doesn't look right in Foxfire or Monzilla, but only IE on the PC and Mac. Very frustrating. Second, none of my jpegs show up on the site. http://www.wminc.biz Hi Nancy, This isn't a CSS issue, but your images don't show up because they aren't on the server, at least not where you think they are. This should be an image, according to your markup: http://www.wminc.biz/newinside.jpg but that URL generates a 404 error. You might make sure the images have been uploaded to the server, and to what directory. The main reason IE renders differently from Gecko browsers is that your host is serving your style sheet as Content-Type: text/plain, which Gecko (rightly) refuses to treat as a style sheet (should be Content-type:text/css, if memory serves.) You'll have to get that stuff right and then we can help you if any CSS issues remain. -- Steve Clason Web Design and Development Boulder, Colorado, USA www.topdogstrategy.com (303)818-8590 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] importing html code (and its respective css file)
On 9/11/2005 3:32 PM Patrick Roane wrote: Is there a way to import an html file (with is respective css file)into an existing html document w/in a div element? Is there something like an 'includes' statement. I am aware of the 'object' html statement, but from what i here, it is not well supported. Sounds like a job for an iframe: http://www.w3.org/TR/REC-html40/present/frames.html#h-16.5 Which makes it OT for this list. -- Steve Clason Web Design and Development Boulder, Colorado, USA www.topdogstrategy.com (303)818-8590 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] bump problem in IE
On 9/10/2005 12:24 PM Adam Helweh wrote: Anyone have any idea why my nav on the right side is bumped down in IE but not in FF? http://www.lice-control.com/layout2.htm ewww, lice. It looks the same to me DP Alpha 2 and IE6, WinXP. Where exactly are you seeing the problem? -- Steve Clason Web Design and Development Boulder, Colorado, USA www.topdogstrategy.com (303)818-8590 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Positioning Confusion
On 9/1/2005 7:53 PM Klear wrote:
HTML: http://www.insidedesign.info/bck/index.html
CSS:
http://www.insidedesign.info/bck/css/internet-web-design.css
The layout should all fall within a width of 760
pixels. My problem comes down to positioning
everything. I am not sure why my menu is not falling
directly underneath the header. I thought I understood
the box model, but I guess not =/
I mostly removed the absolute positioning on your menu. Seems to work.
Your images in the menu only total 750 px, so if you make it 760px wide
there's a 10px gap you've got to deal with.
#internet-web-design-header {
height: 116px;
width: 100%;
padding: 20px 0 0 0;
background:
url(http://www.insidedesign.info/bck/images/headerBackground.gif) repeat-x;
background-position: top right;
}
#internet-web-design-menu{
padding: 0px;
width: 750px;
margin: 0 auto;
height: 25px;
background:
url(http://www.insidedesign.info/bck/images/contentBacground.gif) repeat-y;
}
--
Steve Clason
Web Design and Development
Boulder, Colorado, USA
www.topdogstrategy.com
(303)818-8590
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Suckerfish Dropdown Problem
On 8/1/2005 7:41 AM jordan WOLLMAN wrote: I¹m working on an interface for my company¹s new CMS, and my Suckerfish dropdowns work just fine in IE, but not in FF or Safari. Any help would be appreciated. http://extranet.ariamedia.com/projects/ariamedia/extranet/conductor/interfac e/ The problem is in the markup. You're top level list items don't contain the sub-menu lists. You have this: ul id=nav lia href=#File/a/li!### look here ###-- ul lia href=#New/a/li lia href=#Open/a/li lia href=#Close/a/li lia href=#Save/a/li lia href=#Save As.../a/li lia href=#Log Out/a/li /ul Notice that the top list item is closed before the sub-list starts. Try this: ul id=nav lia href=#File/a ul lia href=#New/a/li lia href=#Open/a/li lia href=#Close/a/li lia href=#Save/a/li lia href=#Save As.../a/li lia href=#Log Out/a/li /ul /li!## look here ###-- This contains the sub-list in the top-level list item. -- Steve Clason Web Design and Development Boulder, Colorado, USA www.topdogstrategy.com (303)818-8590 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Suckerfish Dropdown Problem
On 8/1/2005 11:44 AM Tanya Renne wrote: Thanks Steve - I fixed the markup but the menus are still jumpy in IE ... is there anything I can to do the styles? http://extranet.ariamedia.com/projects/ariamedia/extranet/conductor/interfac I guess I don't understand jumpy. The menus act like normal Suckerfish-style dropdowns as far as I can tell. -- Steve Clason Web Design and Development Boulder, Colorado, USA www.topdogstrategy.com (303)818-8590 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Two different sets of hyperlink rules
On 7/24/2005 7:42 PM Joanne wrote:
I have a site where some of the hyperlinks are on a white background and
some are on a blue one, so I want to have two different sets of rules for
the hyperlinks.
At the moment I have (below) for the main set:
a
{
text-decoration:underline;
background-color:#FF;
color:#0303ce;
}
I then have this (below) for the area with the blue background:
.addressbar
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#FF;
}
And this is what I have (below) for the hyperlinks in the address bar, but
it's not working. I've just taken a wild guess and it didn't work. Can
anyone help me?
a.addressbar
{
text-decoration:underline;
background-color:#0303ce;
color:#FF;
}
It looks like you're running into specificity problems. a.addressbar
refers to a elements of class addressbar (a class=addressbar).
Try something like this:
.addressbar a{
background-color:#0303ce;
color:#FF;
}
This selects a elements that are descendants of an element with the
class addressbar--so selects the a in this snippet:
div class=addressbar
a href=foo.barLink/a
/div.
Then add other rules if you want to control hover and visited states,
for instance:
.addressbar a:link{
text-decoration:underline;
}
.addressbar a:visited{
text-decoration:underline;
}
.addressbar a:hover{
text-decoration:none;
}
.addressbar a:active{
text-decoration:underline;
}
--
Steve Clason
Web Design and Development
Boulder, Colorado, USA
www.topdogstrategy.com
(303)818-8590
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Containers and floats
On 7/19/2005 3:20 PM Skip Knox wrote: I have a site here: http://www.boisestate.edu/courses/latemiddleages/ snip I realize that, because I have floated the image right, it (or rather the div it's in) is not in the normal document flow. I don't want to set a minimum height on the container because there's no telling how large or small either the text or the image might be. The stylesheet is here http://www.boisestate.edu/courses/latemiddleages/styles/main.css What's the solution and what's the explanation for the solution? The issue is clearing floats. Searching on that will get you lots of advice, here are two good sources: http://www.positioniseverything.net/easyclearing.html http://www.quirksmode.org/css/clearing.html -- Steve Clason Web Design and Development Boulder, Colorado, USA www.topdogstrategy.com (303)818-8590 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE Displays Sometimes - Other Times Does Not
On 7/14/2005 9:03 AM George Smyth wrote: However, with IE, sometimes some of the text within the second div is not displayed. If I play around with the size of the browser, then some of the lower text will magically appear or disappear Does anyone have an idea as to what might be going on? Am I doing something that is causing this strange behavior? Hard to tell for sure without seeing the page but it sounds like the peekaboo bug. See: http://www.positioniseverything.net/explorer/peekaboo.html -- Steve Clason Web Design and Development Boulder, Colorado, USA www.topdogstrategy.com (303)818-8590 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] small space between image and border
On 7/14/2005 10:32 AM Scot Schlinger wrote:
My page looks fine in windows ff 1.0.4 but I am having problems with
windows ie 6.x (nothing different then most of the e-mails I have read
over the past two weeks). The problem: there is a small space (I
thought this was related to the 3px bug, but couldn't figure this out on
my page) between an image and a 1px border below it.
url: http://www.rell.com/test/index.html
Add this to your styles:
#mosaic img{
display: block;
}
Images by default are in-line elements, like text, and the little space
below the image is for text descenders like the tail on a g. Changing
the display to block removes the possibility of descenders and so the
need for the space.
You could also make the text-size on #mosaic tiny (1px, say) to make the
space for the descenders disappear.
--
Steve Clason
Web Design and Development
Boulder, Colorado, USA
www.topdogstrategy.com
(303)818-8590
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Re: Problem with “bottom-sectio n” overwriting “mid-section” in CSS
On 7/13/2005 11:51 AM Daniel JS Lewis wrote: This is my first post here, and any help is appreciated. Welcome. Our new template design is running into a few CSS problems, which you can see here: http://webdev.plattsburgh.edu/academics/art/graphicdesign.php If your issue is the footer-type thing not sinking below the left-navigation, that can be fixed by changing #navigation from position:absolute to float:left. I didn't look at what new problems that causes. -- Steve Clason Web Design and Development Boulder, Colorado, USA www.topdogstrategy.com (303)818-8590 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] out of place but floating?
On 6/27/2005 5:46 PM Faisal N. Jawdat wrote: I'd like to be able to put footnotes in-stream but have them show up at the end of a stream. snip The actual goal is to be able to write a single structured document which shows up on screen with footnotes at the end of their containing section, and if I'm really lucky, in print with footnotes at the end of the page on which their normal flow tag would appear. Anyone have any thoughts on if this is even possible, or should I go crawling back to LaTeX? Sounds like a job for the DOM and Javascript, not CSS. -- Steve Clason Web Design and Development Boulder, Colorado, USA www.topdogstrategy.com (303)818-8590 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Print Style Sheet still shows sidebars
On 6/23/2005 1:06 PM Alan Milnes wrote: I have a print style sheet set up so that only the main content should be printed however I am still seeing both sidebars even though their divs are set to display:none. http://www.dev.gameplan.org.uk/ Just went through this myself. Either add media=screen to styles/advanced.css or you'll have to explicitly declare display: none in print.css for each element you want to hide on a print. -- Steve Clason Web Design and Development Boulder, Colorado, USA www.topdogstrategy.com (303)818-8590 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Background image not showing in Firefox - resubmission
On 5/21/2005 12:29 PM Mike Davies wrote: www.avochiegranite.com/cfp/index.html The background image on #inner doesn't show. It's OK in Opera. Other background images are showing in Firefox. Can someone spot the error? Put a border around #inner and I believe you'll see the issue. Both leftcol and maincol are floated, so as far as Firefox is concerned #inner has 0 height, so no place for the background to show. Clear them floats! http://www.positioniseverything.net/easyclearing.html -- Steve Clason Web Design and Development Boulder, Colorado, USA www.topdogstrategy.com (303)818-8590 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Why Did This CSS Class Stop Working?
On 4/30/2005 6:31 PM Vik Rubenfeld wrote: I've got some nice CSS for pullquotes that's worked for months: Today I noticed that all of a sudden, it's not working anymore. Browsers act like it's not even there. My css sheet is at: http://www.bigpicweblog.com/exp/index.php/weblog/weblog_css. An example page that's has div class=PullQuote...some text... /div, but acts like it doesn't, is http://www.bigpicweblog.com/exp/index.php/weblog/comments/making_sense_of_t his_weeks_african_aids_treatment_stories/ You're running on a case-sensitive OS (some version of Unix) so class=PullQuote doesn't refer to .pullquote. Make the case the same and you should be on your way. -- Steve Clason Web Design and Development Boulder, Colorado, USA www.topdogstrategy.com (303)818-8590 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
