Re: [css-d] Newbie question
Mark Blondin wrote: www.datawisestorage.com My question is, would it be easier to start from scratch or convert the existing site to CSS? Definitely better, although not necessarily easier - especially if it is your first attempt on CSS layouts, to start from scratch. You have what looks like a 2 column solution with header and footer throughout the site, which normally is one of the simplest to structure for CSS layout. Easy to add into and expand on. Plan site-structure early, so you know at which ends your site will grow in the future. A site-map may come handy, and in many cases having one or more site- and/or section-maps will make life easier both for you and your visitors than having complex menus on every page. Example: http://www.gunlaug.no/contents/toc_7a.html Before starting, the following sites provide good information... http://www.opera.com/company/education/curriculum/ http://reference.sitepoint.com/ ...which will help keeping you on track towards a good solution. While planning a new design/structure: more important than switching to CSS based layouts would be to avoid losing information on the HTML level, like this... http://www.gunlaug.no/tos/alien/notes/dws.png Information usually comes through best if it is presented as plain text on all levels... http://www.gunlaug.no/contents/wd_additions_24.html ...and visually decorated to go with your ideas for the right look/feel on screens - design. regards Georg -- http://www.gunlaug.no __ 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] testing layouts
David Laakso wrote: --There's no such thing as too much testing... Usability, functionality, accessibility and the accommodation of user preferences, whatever they may be, are more reasonable reality goals than pixel-perfect cross-browser rendering... I also use a FF extension called Fangs. It produces a text rendering of how the site appears to a screenreader. Including a tab listing links and headings. -- David gn...@hawaii.rr.com authenticity, honesty, community __ 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] WebSite IE Debugging Help
WEZ! wrote: Heya David and Co, http://www.avize.com.au/avize13.html Hold Opera, Firefox, and Safari. IE 6 and IE 7 will more or less follow suit... http://www.chelseacreekstudio.com/ca/cssd/avi.htm -- A thin red line and a salmon-color ampersand forthcoming. http://chelseacreekstudio.com/ __ 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] Float trouble in IE
Good Morning; The site giving me trouble is: http://www.edi-cp.com/homepage2009_sandbox/edi-index.shtml In FF and others it looks exactly like I and my client want, but in IE 5, 6, 7 one of the floats does not behave. The BAD BOX should float right, beneath the Menu box, and text should appear to the left of the BAD BOX. The borders are temporary. I have Googled and read, but can't correct the problem What kind of fix do I need ? Thanks. Del __ 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] centering a jquery slideshow
On Feb 4, 2009, at 5:40 PM, Kathy Wheeler wrote:
Replacing the ul li with a p and the following css:
#slide_images p {
width: 100%;
text-align: center;
color: rgb(255,255,255);
}
In another test page, I had changed it out for p tags like you but
that hadn't helped it center. The major difference seemed to be
width:100%. For educational reasons, why did that work?
And thank you very much everyone for your assistance.
--
Daniel Kessler
University of Maryland College Park
School of Public Health
3302E SPH Building
College Park, MD 20742-2611
Phone: 301-405-2545
http://sph.umd.edu
__
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] bg image not showing up on link
Hi Kris,
I've had a look at your HTML code and for example:
lia href=http://frank.mtsu.edu/~achcs/programs.shtml;Affiliated
Academic Programs/a
Should this not be changed to li class=more to include the arrow?
The sub menus inside this have the arrows.
~Mx (:
On Feb 5, 2009 4:13am, AK Allen akalle...@comcast.net wrote:
Hello All,
I have a problem that I should be able to solve. On my navigation bar,
I'm trying to add an arrow to the links that have flyouts. For some reason,
the arrow is not showing up. Here is the page:
http://frank.mtsu.edu/~achcs/index.shtml
Here are the styles:
#sideBar {
position: relative;
z-index: 1000;
float: left;
display: inline;
margin: 0;
margin-left: 0px;
padding: 0;
width: 160px;
background: #095aa6;
}
#sideBar ul {
_float/**/: left;
list-style: none;
margin: 0;
padding: 0;
width: 160px;
background: #095aa6;
}
#sideBar li,
#sideBar li.more {
position: relative;
z-index: 1000;
color: #fff;
padding: 5px 10px;
_float/**/: left;
width: 140px;
_width /**/:160px;
}
#sideBar li, #sideBar li.more {
border-bottom: 1px solid #188ae8;
}
#sideBar li.more {
background: url(http://frank.mtsu.edu/~achcs/images/more_arrow.gif;)
no-repeat right center;
}
Thanks for your help.
Kris
__
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-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] Float trouble in IE
I would recommend you put the left hand text in it's own DIV. HTML: div id=wrapper2 div id=search_etcsearch bit/div div id=menumenu bit/div div id=leftcontentpElectrochemical Devices Inc., founded in 1986, specializes in the design and manufacture of products for monitoring and controlling.../p/div div id=blendmeimage bit/div div style=clear:both;/div ... /div Then float:left on that div. You may also want to try it with and without the clear:both as this can sometimes help or break floats! ~Mx (: On Feb 5, 2009 12:40pm, Del Wegener d...@delweg.com wrote: Good Morning; The site giving me trouble is: http://www.edi-cp.com/homepage2009_sandbox/edi-index.shtml In FF and others it looks exactly like I and my client want, but in IE 5, 6, 7 one of the floats does not behave. The BAD BOX should float right, beneath the Menu box, and text should appear to the left of the BAD BOX. The borders are temporary. I have Googled and read, but can't correct the problem What kind of fix do I need ? Thanks. Del __ 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-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] Float trouble in IE
I would recommend you put the left hand text in it's own DIV. HTML: div id=wrapper2 div id=search_etcsearch bit/div div id=menumenu bit/div div id=leftcontentpElectrochemical Devices Inc., founded in 1986, specializes in the design and manufacture of products for monitoring and controlling.../p/div div id=blendmeimage bit/div div style=clear:both;/div ... /div Then float:left on that div. You may also want to try it with and without the clear:both as this can sometimes help or break floats! ~Mx (: On Feb 5, 2009 12:40pm, Del Wegener d...@delweg.com wrote: Good Morning; The site giving me trouble is: http://www.edi-cp.com/homepage2009_sandbox/edi-index.shtml In FF and others it looks exactly like I and my client want, but in IE 5, 6, 7 one of the floats does not behave. The BAD BOX should float right, beneath the Menu box, and text should appear to the left of the BAD BOX. The borders are temporary. I have Googled and read, but can't correct the problem What kind of fix do I need ? Thanks. Del __ 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-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] BG doesn't cover desired area
Hi Kim,
I can't explain why it's not working on your design but here simple example
of a two column layout with a specific background which may help.
HTML:
div class=wrap
div class=rightcolRight column/div
div class=contentLeft column content/div
div class=footerLeft column footer/div
/div
CSS:
.wrap {
width: 755px;
margin: 0 auto;
}
.rightcol {
width: 150px;
float: right;
background: transparent;
margin: 0px 0px 0px 5px;
}
.content {
width: 600px;
float: left;
background: #00;
}
.footer {
width: 600px;
float: left;
background: transparent;
}
The entire 'content' div will have a black background but everything else
is left transparent.
~Mx (:
On Feb 5, 2009 5:04am, Kim Brooks Wei kimi@kimbwei.com wrote:
Hi People,
I very much hope you're all well tonight. I'm working on this project
http://tinyurl.com/bgzcjo
I have a black background which I want in place from the top of
#bigcol through the end of #content. It should extend to the very
edge of the right panel, but the black bg should not cover the right
panel nor the footer/btmnav areas.
I can't get the black bg to cover the areas I wish it to. Help
resolving this appreciated as always,
Kimi
--
This email sent by
Kimi Wei
201-475-1854 | k...@thewei.com | thewei.com
__
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-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] Float trouble in IE
I would recommend you put the left hand text in it's own DIV. HTML: div id=wrapper2 div id=search_etcsearch bit/div div id=menumenu bit/div div id=leftcontentpElectrochemical Devices Inc., founded in 1986, specializes in the design and manufacture of products for monitoring and controlling.../p/div div id=blendmeimage bit/div div style=clear:both;/div ... /div Then float:left on that div. You may also want to try it with and without the clear:both as this can sometimes help or break floats! ~Mx (: On Feb 5, 2009 12:40pm, Del Wegener d...@delweg.com wrote: Good Morning; The site giving me trouble is: http://www.edi-cp.com/homepage2009_sandbox/edi-index.shtml In FF and others it looks exactly like I and my client want, but in IE 5, 6, 7 one of the floats does not behave. The BAD BOX should float right, beneath the Menu box, and text should appear to the left of the BAD BOX. What kind of fix do I need ? Thanks. Del Now on my computer the box floats to the right but the text is pushed far down on the page. If I put the text is a div floated left then the text will not flow around/under the BAD BOX. Del __ 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] Float trouble in IE
Del Wegener wrote:
http://www.edi-cp.com/homepage2009_sandbox/edi-index.shtml
What kind of fix do I need ?
Get rid of the unused div#caption completely, or style it out of the way
without triggering more IE bugs.
#caption2 {float: right;}
...will do.
BTW: a 'margin-top' in 'em' on '.text_start' gives an effect under the
influence of font resizing I am sure you do not want.
regards
Georg
--
http://www.gunlaug.no
__
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] Float trouble in IE
Del Wegener wrote: Good Morning; The site giving me trouble is: http://www.edi-cp.com/homepage2009_sandbox/edi-index.shtml In FF and others it looks exactly like I and my client want, I rather doubt that as it is easily broken in compliant browsers. I'll be back. Del Arnold -- A thin red line and a salmon-color ampersand forthcoming. http://chelseacreekstudio.com/ __ 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] Background extended by border property
Cristian Palmas wrote: Hi all, I have noticed a CSS behaviour that seems strange to me, so I thought of asking to someone for some explanation. I have this snippet of XHTML 1.0 strict code: css and html trimmed Not sure I understand what you are getting at. Or is it that I am not sure what I am getting at :-) ? The height of .a is is approx 104px with .top and provides a reference (the border) above and below h1 that tells the browser to the paint .a with background-color #ccc. The height of .a is is approx 102px if .top is deleted and tells the browser to only paint h1 with background-color #ccc. If you took it one step further, and moved background-color #ccc to .a , and deleted .b and .top, the height of .a will be approx 102px and the browser will paint .a with background-color #ccc. the -- A thin red line and a salmon-color ampersand forthcoming. http://chelseacreekstudio.com/ __ 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] Float trouble in IE
Get rid of the unused div#caption completely, or style it out of the way
without triggering more IE bugs.
#caption2 {float: right;}
...will do.
BTW: a 'margin-top' in 'em' on '.text_start' gives an effect under the
influence of font resizing I am sure you do not want.
regards
Georg
--
http://www.gunlaug.no
Thanks Georg. As always you are right on.
This is not the first time that d--- div has caused me trouble because I
don't use it and hence forget about it. It is part of a commercial program
which displays the pictures. But we don't want to have captions. If I just
delete the div, the program fails. Probably I need to look at the program
and remove all reference to this div
In the meantime simply float: right did the job. It also seems that
display:none removes the problem. Do you foresee any problems with using
display:none for this purpose?
Del
__
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] Float trouble in IE
Del Wegener wrote: Good Morning; The site giving me trouble is: http://www.edi-cp.com/homepage2009_sandbox/edi-index.shtml In FF and others it looks exactly like I and my client want, I rather doubt that as it is easily broken in compliant browsers. I'll be back. David; When you come back, please explain what you mean by broken. We have tested on several different computers, with different browsers. with different resolutions different window size, different zooms, and it seems to do what we expect (we is me, two clients and their graphics guy). So what do you mean by broken? Thanks. Del __ 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] Float trouble in IE
Del Wegener wrote: Do you foresee any problems with using display:none for this purpose? None at all. I only used another solution because I had no idea what that div was there for, and therefore only wanted to get it out of the flow. Many ways to do that. regards Georg -- http://www.gunlaug.no __ 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] Is there a way to get lists to use decimal points?
Hey All, Is there a way to get lists to use decimal points? I need the sub-points in point 1 to be 1.01 1.02 and the sub points in point 2 to be 2.01 2.02 2.03 etc. The list in question goes to 18.05 thanks! Sandy __ 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] Float trouble in IE
On Thu, 5 Feb 2009 06:40:41 -0600, Del Wegener wrote: Good Morning; The site giving me trouble is: http://www.edi-cp.com/homepage2009_sandbox/edi-index.shtml In FF and others it looks exactly like I and my client want, but in IE 5, 6, 7 one of the floats does not behave. The BAD BOX should float right, beneath the Menu box, and text should appear to the left of the BAD BOX. The borders are temporary. I have Googled and read, but can't correct the problem What kind of fix do I need ? Thanks. I see no problems with that box in IE 6 this end, even with text size largest. (Win 2k). Did you fix it? IE 8 - Page aligned left. Footer well above the bottom of the page. Script error causes browser to crash. Must disable JS to view. Chrome - Text outside boxes with Ctrl + Ditto FF 3 zoom text only. Cordially, David -- __ 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] Float trouble in IE
On 2009/02/05 12:22 (GMT-0600) Del Wegener composed: David Laakso wrote: Del Wegener wrote: The site giving me trouble is: http://www.edi-cp.com/homepage2009_sandbox/edi-index.shtml In FF and others it looks exactly like I and my client want, I rather doubt that as it is easily broken in compliant browsers. I'll be back. When you come back, please explain what you mean by broken. We have tested on several different computers, with different browsers. with different resolutions different window size, different zooms, and it seems to do what we expect (we is me, two clients and their graphics guy). So what do you mean by broken? http://fm.no-ip.com/SS/delweg01.jpg at life size is 366mm wide. That equates to a 17 WUXGA laptop (1920x1200) @ fullscreen. That's the largest WUXGA I know of. Others are smaller at 16 and 15.4. The default browser font is 12pt, which equates to 22px at the 133 DPI of WUXGA on 17. No zoom or minimum font size has been applied. What you see is exactly as it first paints. Yet, you can see text jumping out of containers already, and it gets worse if the default is larger or text zoom is applied. -- Do not let any unwholesome talk come out of your mouths, but only what is helpful for building others up. Ephesians 4:29 NIV Team OS/2 ** Reg. Linux User #211409 Felix Miata *** http://fm.no-ip.com/ __ 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] Is there a way to get lists to use decimal points?
Sandy wrote: Is there a way to get lists to use decimal points? Think so, but it has been a while since I tested it... http://www.w3.org/TR/CSS21/generate.html#content http://www.w3.org/TR/CSS21/generate.html#counters ...and I can't remember where I left those tests :-) Won't work in IE7 and older. IE8 should do fine, I think. Also: if numbering is important part of content, generated stuff won't do - not even an ordered list's regular counters. Only numbers as real text will work then. regards Georg -- http://www.gunlaug.no __ 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] Float trouble in IE
Del Wegener wrote: Del Wegener wrote: Good Morning; The site giving me trouble is: http://www.edi-cp.com/homepage2009_sandbox/edi-index.shtml In FF and others it looks exactly like I and my client want, I rather doubt that as it is easily broken in compliant browsers. I'll be back. David; When you come back, please explain what you mean by broken. We have tested on several different computers, with different browsers. with different resolutions different window size, different zooms, and it seems to do what we expect (we is me, two clients and their graphics guy). So what do you mean by broken? Thanks. Del Sure. For example, among other things (scroll entire length of page): Broken on landing in all browsers. Drawing an h-scroll bar and broken on landing at 800. Note (among other things) that the header and footer image is too wide. Minimum font-size 24px in FF and minimum font-size in Opera shoots content out the bottom of all containers. Font-scaling @ + 2 in Safari, Camino, and SeaMonkey destroys it. One solution may be to remove the border from the body and set it as a first to open last to close wrapper. Set no height on it. Clear it so the red and orange wrapper reside within the black wrapper. Delete the height from both wrappers you currently have. Trim the widths of the red and orange wrappers so as not draw an h-scroll at 800. Ditch the space beneath the footer. Crop the header image on the left side so the black rule abuts its wrapper and crop the overall width of the image so it will not break right. Set it as a foreground image: h1img src=... width.. height.. alt=your page title /. Set the primary content p at default (100%). Test in compliant browsers at twice default. And in the IEs at text size largest. -- A thin red line and a salmon-color ampersand forthcoming. http://chelseacreekstudio.com/ __ 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] IE problem with menu
Hi all, On this site: http://web536.fog.plainblack.net/ the menu on the left works in FF but not IE7 or IE8. Other pages work fine. Just not this one. In IE7, I see the text [if lte IE 7]![endif] [else if lte IE 6] in the upper left and I'm assuming the problem lies there. I checked all the other page templates and they all have the exact same code in that space: !--[if lte IE 7]link rel=stylesheet type=text/css href=/styles/ mainIe.css media=screen /![endif]-- !--[if lte IE 6]link rel=stylesheet type=text/css href=/styles/ mainIe6.css media=screen /![endif]-- I even repasted the block from a working page just in case there was some stray character in there. Any clues? Thank you so much! Jody -- TroutDream Graphics, Inc. Always fresh. Never canned. http://troutdream.com 425-883-8277 928-833-8277 fax __ 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] CSS Two Levels Deep
I have a scenerio as follows; ul liwhatever/li ul litabbed in 2 px or so/li lisome more/li /ul limore/li /ul I want to control the amount the li items of the second ul are imbedded. The tabbed in 2px or so part is what I'm talking about. Can some some give me a clue how to do that? Thanks.. __ 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] Float trouble in IE
David Laakso wrote: Del Wegener wrote: http://www.edi-cp.com/homepage2009_sandbox/edi-index.shtml David; When you come back, please explain what you mean by broken. We have tested on several different computers, with different browsers. with different resolutions different window size, different zooms, and it seems to do what we expect (we is me, two clients and their graphics guy). So what do you mean by broken? Thanks. Del BTW, IE/6.0 gets your page wrong. IE/7 and compliant browsers are rendering it correctly-- broken... :-) . -- A thin red line and a salmon-color ampersand forthcoming. http://chelseacreekstudio.com/ __ 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] IE problem with menu
Try closing your li s in ul id=resourcesForList. Kamil Saiyed Rhapsody Solutions Application Developer 281-668-9177 -Original Message- From: css-d-boun...@lists.css-discuss.org [mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Jody Levinson Sent: Thursday, February 05, 2009 4:12 PM To: CSS-D Subject: [css-d] IE problem with menu Hi all, On this site: http://web536.fog.plainblack.net/ the menu on the left works in FF but not IE7 or IE8. Other pages work fine. Just not this one. In IE7, I see the text [if lte IE 7]![endif] [else if lte IE 6] in the upper left and I'm assuming the problem lies there. I checked all the other page templates and they all have the exact same code in that space: !--[if lte IE 7]link rel=stylesheet type=text/css href=/styles/ mainIe.css media=screen /![endif]-- !--[if lte IE 6]link rel=stylesheet type=text/css href=/styles/ mainIe6.css media=screen /![endif]-- I even repasted the block from a working page just in case there was some stray character in there. Any clues? Thank you so much! Jody -- TroutDream Graphics, Inc. Always fresh. Never canned. http://troutdream.com 425-883-8277 928-833-8277 fax __ 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-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] Floated column invades content area
Hello all
I haven't done any CSS for a while now and I must be a bit rusty as I can't
figure this out:
I'm using a Drupal theme (that's why there are loads of extensions to div
names and such) and modifying it to look like a design I drew up in
photoshop.
The site is at http://www.gofair.org with some dummy content.
My #right-sidebar is a floated 200px column, css as follows (in layout.css):
#sidebar-right {
float: right;
width: 200px;
margin-left: -200px;
margin-right: 0pt;
padding-top: 0pt;
padding-right: 0pt;
padding-bottom: 0pt;
padding-left: 0pt;
}
There's a #skip-to-nav which I've used to put a background photo on the
right corner of the header. Whenever I add the CSS to add this background
image, the right-sidebar floats into the content area. If I comment this
tiny bit of CSS out, it goes back into place. Could anyone please tell me
why it's doing this and how I can fix it?
CSS:
#skip-to-nav {
position:relative;
width: 114px;
height: 130px;
background-image: url(images/header_photo.jpg);
background-repeat: no-repeat;
}
The actual stylesheet is at:
http://www.gofair.org/sites/all/themes/gofair/gofair.csshttp://www.gofair.org/sites/all/themes/gofair/gofair.css?L
I also have a problem with how the header displays in IE but I'll post that
as a seperate question.
Thanks in advance for any help you can lend me!
Ines
__
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] Is there a way to get lists to use decimal points?
Gunlaug Sørtun wrote: Sandy wrote: Is there a way to get lists to use decimal points? Think so, but it has been a while since I tested it... http://www.w3.org/TR/CSS21/generate.html#content http://www.w3.org/TR/CSS21/generate.html#counters ...and I can't remember where I left those tests :-) Won't work in IE7 and older. IE8 should do fine, I think. Also: if numbering is important part of content, generated stuff won't do - not even an ordered list's regular counters. Only numbers as real text will work then. regards Georg Georg, thanks yet again for your help. Do screen readers not read generated list counters? Acck! JAWS and WindowEyes both, or just one or the other? How would you let a screen reader know that you are in a list if you are using real numbers? Would an li with no bullet work if you wrote lispan class=number2.1/span List item content./li Is there another reason than accessibility that numbers as real text are what we need? thanks! Sandy __ 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] centering a jquery slideshow
On 05/02/2009, at 11:49 PM, Daniel Kessler wrote: In another test page, I had changed it out for p tags like you but that hadn't helped it center. The major difference seemed to be width:100%. For educational reasons, why did that work? Without the width specified the p tag block will will only be as wide as it needs to be for it's content. There's not enough content width in the image and caption to push it out to the width of your containing div. What can sometimes help to visualize what's going on is to set a different temporary background color to the (mis-behaving) tag. Makes it easier to see where the problem(s) lie, and finding the real problem is often the biggest obstacle in working out the fix. Cheers, KathyW. __ 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] CSS Two Levels Deep
ul
liwhatever
ul
litabbed in 2 px or so/li
lisome more/li
/ul
/li
limore/li
/ul
Make sure to move that li.
The li is not a direct decendent of the li. Would this work?
ul li ul li
{
padding-left: 2px;
}
- Keith
__
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] IE problem with menu
I've looked at the source and it looks closed to me: ul id=resourcesForList lia href=/home/resources-for/prospectivestudentsProspective Students/a/li lia href=/home/resources-for/parentsParents/a/li lia href=/home/resources-for/alumniAlumni amp; Friends/a/li lia href=/home/resources-for/visitorsVisitors/a/li lia href=/home/resources-for/currentstudentsCurrentStudents/ a/li lia href=/home/resources-for/facultyFaculty amp; Staff/a/li /ul Are you seeing something different? On Feb 5, 2009, at 2:40 PM, Kamil Saiyed wrote: Try closing your li s in ul id=resourcesForList. Kamil Saiyed Rhapsody Solutions Application Developer 281-668-9177 -Original Message- From: css-d-boun...@lists.css-discuss.org [mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Jody Levinson Sent: Thursday, February 05, 2009 4:12 PM To: CSS-D Subject: [css-d] IE problem with menu Hi all, On this site: http://web536.fog.plainblack.net/ the menu on the left works in FF but not IE7 or IE8. Other pages work fine. Just not this one. In IE7, I see the text [if lte IE 7]![endif] [else if lte IE 6] in the upper left and I'm assuming the problem lies there. I checked all the other page templates and they all have the exact same code in that space: !--[if lte IE 7]link rel=stylesheet type=text/css href=/ styles/ mainIe.css media=screen /![endif]-- !--[if lte IE 6]link rel=stylesheet type=text/css href=/styles/ mainIe6.css media=screen /![endif]-- I even repasted the block from a working page just in case there was some stray character in there. Any clues? Thank you so much! Jody -- TroutDream Graphics, Inc. Always fresh. Never canned. http://troutdream.com 425-883-8277 928-833-8277 fax __ 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-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/ -- TroutDream Graphics, Inc. Always fresh. Never canned. http://troutdream.com 425-883-8277 928-833-8277 fax __ 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] IE problem with menu
Thank you both. Oddly, the code I pasted below was an exact copy/paste of what I was seeing on view source, but I went in later and found the problem you were seeing. It seems fixed now. Thanks again for your help. Jody On Feb 5, 2009, at 4:28 PM, Martyn Merrett wrote: What Kamil said is correct... this is a paste of the source: ul id=resourcesForList li a href=/home/resources-for/prospectivestudentsProspective Students/a /li li a href=/home/resources-for/parentsParents/a /li [snip] You'll notice the li is not closed. FF doesn't seem to mind but IE does. ~Mx http://www.mxdx.co.uk 2009/2/6 Jody Levinson j...@troutdream.com: I've looked at the source and it looks closed to me: ul id=resourcesForList lia href=/home/resources-for/ prospectivestudentsProspective Students/a/li lia href=/home/resources-for/parentsParents/a/li lia href=/home/resources-for/alumniAlumni amp; Friends/a/li lia href=/home/resources-for/visitorsVisitors/a/li lia href=/home/resources-for/ currentstudentsCurrentStudents/ a/li lia href=/home/resources-for/facultyFaculty amp; Staff/a/li /ul Are you seeing something different? On Feb 5, 2009, at 2:40 PM, Kamil Saiyed wrote: Try closing your li s in ul id=resourcesForList. Kamil Saiyed Rhapsody Solutions Application Developer 281-668-9177 -Original Message- From: css-d-boun...@lists.css-discuss.org [mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Jody Levinson Sent: Thursday, February 05, 2009 4:12 PM To: CSS-D Subject: [css-d] IE problem with menu Hi all, On this site: http://web536.fog.plainblack.net/ the menu on the left works in FF but not IE7 or IE8. Other pages work fine. Just not this one. In IE7, I see the text [if lte IE 7]![endif] [else if lte IE 6] in the upper left and I'm assuming the problem lies there. I checked all the other page templates and they all have the exact same code in that space: !--[if lte IE 7]link rel=stylesheet type=text/css href=/ styles/ mainIe.css media=screen /![endif]-- !--[if lte IE 6]link rel=stylesheet type=text/css href=/styles/ mainIe6.css media=screen /![endif]-- I even repasted the block from a working page just in case there was some stray character in there. Any clues? Thank you so much! Jody -- TroutDream Graphics, Inc. Always fresh. Never canned. http://troutdream.com 425-883-8277 928-833-8277 fax __ 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-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/ -- TroutDream Graphics, Inc. Always fresh. Never canned. http://troutdream.com 425-883-8277 928-833-8277 fax __ 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/ -- TroutDream Graphics, Inc. Always fresh. Never canned. http://troutdream.com 425-883-8277 928-833-8277 fax __ 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] IE problem with menu
Yep I cleared my cache and it's corrected itself. Nice website by the way (: ~Mx http://www.mxdx.co.uk 2009/2/6 Jody Levinson j...@troutdream.com: Thank you both. Oddly, the code I pasted below was an exact copy/paste of what I was seeing on view source, but I went in later and found the problem you were seeing. It seems fixed now. Thanks again for your help. Jody On Feb 5, 2009, at 4:28 PM, Martyn Merrett wrote: What Kamil said is correct... this is a paste of the source: ul id=resourcesForList li a href=/home/resources-for/prospectivestudentsProspective Students/a /li li a href=/home/resources-for/parentsParents/a /li [snip] You'll notice the li is not closed. FF doesn't seem to mind but IE does. ~Mx http://www.mxdx.co.uk 2009/2/6 Jody Levinson j...@troutdream.com: I've looked at the source and it looks closed to me: ul id=resourcesForList lia href=/home/resources-for/ prospectivestudentsProspective Students/a/li lia href=/home/resources-for/parentsParents/a/li lia href=/home/resources-for/alumniAlumni amp; Friends/a/li lia href=/home/resources-for/visitorsVisitors/a/li lia href=/home/resources-for/ currentstudentsCurrentStudents/ a/li lia href=/home/resources-for/facultyFaculty amp; Staff/a/li /ul Are you seeing something different? On Feb 5, 2009, at 2:40 PM, Kamil Saiyed wrote: Try closing your li s in ul id=resourcesForList. Kamil Saiyed Rhapsody Solutions Application Developer 281-668-9177 -Original Message- From: css-d-boun...@lists.css-discuss.org [mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Jody Levinson Sent: Thursday, February 05, 2009 4:12 PM To: CSS-D Subject: [css-d] IE problem with menu Hi all, On this site: http://web536.fog.plainblack.net/ the menu on the left works in FF but not IE7 or IE8. Other pages work fine. Just not this one. In IE7, I see the text [if lte IE 7]![endif] [else if lte IE 6] in the upper left and I'm assuming the problem lies there. I checked all the other page templates and they all have the exact same code in that space: !--[if lte IE 7]link rel=stylesheet type=text/css href=/ styles/ mainIe.css media=screen /![endif]-- !--[if lte IE 6]link rel=stylesheet type=text/css href=/styles/ mainIe6.css media=screen /![endif]-- I even repasted the block from a working page just in case there was some stray character in there. Any clues? Thank you so much! Jody -- TroutDream Graphics, Inc. Always fresh. Never canned. http://troutdream.com 425-883-8277 928-833-8277 fax __ 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-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/ -- TroutDream Graphics, Inc. Always fresh. Never canned. http://troutdream.com 425-883-8277 928-833-8277 fax __ 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/ -- TroutDream Graphics, Inc. Always fresh. Never canned. http://troutdream.com 425-883-8277 928-833-8277 fax __ 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-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] CSS Two Levels Deep
Keith Kaiser wrote: I have a scenerio as follows; I want to control the amount the li items of the second ul are imbedded. The tabbed in 2px or so part is what I'm talking about. Can some some give me a clue how to do that? Thanks.. Setting a nested list can be tricky if you are not used to it. See: http://css.maxdesign.com.au/listamatic2/vertical02.htm -- A thin red line and a salmon-color ampersand forthcoming. http://chelseacreekstudio.com/ __ 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] Floated column invades content area
Inês Teles wrote:
There's a #skip-to-nav which I've used to put a background photo on
the right corner of the header. Whenever I add the CSS to add this
background image, the right-sidebar floats into the content area.
Yes, the #skip-to-nav occupy space downwards into #main, where
#sidebar-right has to move out of the way since its margin-top reaches
up into the same space.
The addition of...
#skip-to-nav {margin-bottom: -50px!important;}
...will make #skip-to-nav take up no space in #main, and thereby make
the problem disappear.
Can't help but say that that source-code showcases divitis and classitis
to a degree I haven't seen in years, and the CSS is simply ...
nightmare-ish :-)
regards
Georg
--
http://www.gunlaug.no
__
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] Floated column invades content area
Inês Teles wrote:
The site is at http://www.gofair.org with some dummy content.
There's a #skip-to-nav which I've used to put a background photo on the
right corner of the header. Whenever I add the CSS to add this background
image, the right-sidebar floats into the content area. If I comment this
tiny bit of CSS out, it goes back into place. Could anyone please tell me
why it's doing this and how I can fix it?
CSS:
#skip-to-nav {
position:relative;
width: 114px;
height: 130px;
background-image: url(images/header_photo.jpg);
background-repeat: no-repeat;
}
The actual stylesheet is at:
http://www.gofair.org/sites/all/themes/gofair/gofair.csshttp://www.gofair.org/sites/all/themes/gofair/gofair.css?L
Ines
Not sure, try:
You've got the styles for #skip-to-nav split on two style sheets. I
consolidated them to one declaration:
#skip-to-nav {
position:relative; -- :: delete
position: absolute; -- :: add
top: 0; -- :: add
right: 40px; -- :: add
z-index: 1; -- :: add
width: 114px;
height: 130px;
background: url(header_p.jpg) no-repeat;-- :: amend to read
float: right;-- :: delete
margin: 0 !important; -- :: delete its 0 by default
font-size: 0.8em;
}
And:
#header
{ position: relative;}-- :: add
Above quick checked only in IE/7.0 and Mac OS X 10.4. 11 latest version
Safari, Opera, FF, and Camino.
A thin red line and a salmon-color ampersand forthcoming.
http://chelseacreekstudio.com/
__
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] Float trouble in IE
The site giving me trouble is: http://www.edi-cp.com/homepage2009_sandbox/edi-index.shtml Crop the header image on the left side so the black rule abuts its wrapper and crop the overall width of the image so it will not break right. Set it as a foreground image: h1img src=... width.. height.. alt=your page title /. Thanks for everyone's comments. I am a lot closer now. When everything is in the proper location, then I will remove the borders and hopefully the horizontal scroll bar will no longer be a problem. The header image is 800 X 210, so I may need to trim a few pixels from the right end. Is there some problem with the header image being in the background rather than the foreground. I just seemed easyer to place divs over the image if it was in the background. Is my reasoning flawed? Del __ 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] Tricky 3-col layout issue
Hello,
This may be a simple fix, but I think I have familiarity blindness at this
point. I have a templat layout that I have been customizing and I almost have
it working here:
http://testblog.jennmearswebdesign.com
As you can probably tell, I'm trying to squeeze a third column in on the right,
but the center content keeps forcing it down. I tried wrapping the left column
and the content into their own wrapper div, but it made things even crazier.
Is there a way to float the content (posts) in the center without having to
wrap it into another div?
Here is the relevant CSS as it stands now. I put a string of asterix next to
the tags that I have been modifying from the original:
/* Layout */
.outerMost {
margin: 0 auto;
width: 950px;
background: url(images/950-main_table_bg.gif) center repeat-y;
}
#wrapper {
margin: 0 auto;
width: 912px;
background-color: #FFF;
text-align: left;
}
#header {
background-color: #F5F5E7;
}
/* Header Styles */
#header h1 {
margin: 0;
font-size: 1.8em;
}
#header h1 a {
text-decoration: none;
color: #80904F;
}
#content { ***
float: none;
margin: 0 0 0 10px;
width: 350px;
display: inline; /* IE double margin bug fix */
}
#sidebar {
float: left;
margin: 0 10px 0 10px;
padding: 0 0 0 0px;
width: 206px;
font-size: 0.9em;
display: inline; /* IE double margin bug fix */
border: 2px solid #DFD5BC;
}
* html #content, * html #sidebar {
overflow: hidden; /* For IE */
}
/* Blog */
.post { *
float:left;
width:350px;
}
.posttitle {
margin-bottom: 0;
width: 400px;
color: #FFF;
overflow: auto;
/* Width and overflow to clear '.posttitle a' */
}
.posttitle a {
float: left;
padding: 0 10px;
background: #9BBB38 url(images/posttitle.gif) no-repeat top right;
}
.posttitle a:link, .posttitle a:visited {
color: #FFF;
}
.posttitle a:hover, .posttitle a:active {
background: #E8E7D0 url(images/posttitle.gif) no-repeat 100% -91px;
color: #80904F;
}
.postmeta {
margin-top: 0;
padding-top: 1px;
background: url(images/postmeta.gif) no-repeat top left;
font-size: 0.9em;
color: #999;
}
.postentry { **
width:350px;
}
.permalink {
margin: 0 1.8em 0 0;
padding: 0 0 0 14px;
background: url(images/permalink.gif) no-repeat center left;
}
.commentslink {
padding: 0 0 0 17px;
background: url(images/commentslink.gif) no-repeat center left;
}
Thanks in advance for any help!
Jenn Mears-Nickerson
__
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] BG doesn't cover desired area
Here's another way of explaining my problem: I want a plain blackbg #0E0F0F to sit behind .spacedps and .content and I thought I'd coded my page to work this way but it doesn't work. The blackbg appears behind .spacedps but not .content. The reason I don't put it in the bigcol div is that I want the footer and btmnav to not have the blackbg; I wish the tiled bg to show behind these elements. -- This email sent by Kimi Wei 201-475-1854 | k...@thewei.com | thewei.com __ 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/
