Re: [css-d] Side-Header Image Problem in IE 6, 7 - Solved
>>Are these, in combination, not likely to be the source of the problem ? > > type="text/css"/> which together give you (approximately speaking) > rel="stylesheet" type="text/css"/> Philip Taylor ___ Thanks Philip once again, pulling out the solved the problem, in combination with your earlier advice about the comment code. Really appreciate your assistance, I could never have figured it out by myself. Best Wishes, Andrew __ 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] Pure CSS Mac desktop
On Apr 12, 2011, at 3:26 AM, Gabriele Romanato wrote:
> http://onwebdev.blogspot.com/2011/04/pure-css-mac-desktop.html
>
> I should fix the font size, somehow. However, you can do much better. After
> all, I'm not that smart. :-)
body {
/*. */
/*font: 100% Tahoma, sans-serif;*/
font: 16px 'Lucida Grande', sans-serif; /* default UI font on OS X, just
saying... */
}
#menu-actions {
float: left;
padding: 0 1em;
color: #000;
font-weight: normal /* bold */ ;
}
#menu-actions li a {
text-decoration: none;
color: #000;
/*text-shadow: 0 2px 2px #f7f7f7;*/
text-shadow: 0 1px 1px rgba(255,255,255, .6);
}
Philippe
--
Philippe Wittenbergh
http://l-c-n.com/
__
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] List items displaying inline; refusing to behave
On Apr 12, 2011, at 10:03 AM, RePost wrote:
> My sidebar includes a tabbed menu. First tab is Popular Posts. You'll see the
> list items appear to be running together in an inline fashion.
>
> I'm throwing "display:block" everywhere, but I can't get the list to behave.
>
> I would appreciate any suggestions!
>
> http://bit.ly/eYGXbo
well, they are not 'inline' but floated left.
this in your layout.css causes this:
.usual li {
float:left;
list-style:none outside none;
}
you could add to
#tabs1 li {
display:block;
float: none /* <-- add his */
}
Philippe
--
Philippe Wittenbergh
http://l-c-n.com/
__
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/
[css-d] List items displaying inline; refusing to behave
Here we go again. My sidebar includes a tabbed menu. First tab is Popular Posts. You'll see the list items appear to be running together in an inline fashion. I'm throwing "display:block" everywhere, but I can't get the list to behave. I would appreciate any suggestions! http://bit.ly/eYGXbo __ 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] Side-Header Image Problem in IE 6, 7
>>Are these, in combination, not likely to be the source of the problem ? > > type="text/css"/> which together give you (approximately speaking) > rel="stylesheet" type="text/css"/> Philip Taylor ___ Thanks Philip for your assistance. I will pull that out and test, but I have that code in all templates on the site, and no other pages have trouble, just the addition of the body element causes the problem. In other words, no body element, no problem. Add in the body element into the css file, then the problem appears. __ 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/
[css-d] Pure CSS Mac desktop
Hi, this is a devoted homage to my soul brothers Mac users: http://onwebdev.blogspot.com/2011/04/pure-css-mac-desktop.html I should fix the font size, somehow. However, you can do much better. After all, I'm not that smart. :-) Enjoy! ps. Lion is coming... groaar! HTH :-) http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (English) __ 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] Side-Header Image Problem in IE 6, 7
Andrew C. Johnston wrote: New link here: http://www.rayxi.com/index.php?id=197 But, it still seems to have the same problem is ie. Are these, in combination, not likely to be the source of the problem ? which together give you (approximately speaking) > Philip Taylor __ 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] How to position a footer below other absolute and relative positioned elements
On 10.04.2011 23:01, Ian Piper wrote: Hi all, I've been away from this list for a long time: hope all are thriving. Sure we are :-) I'd appreciate some advice about positioning. http://monickr.com/ My advice is simple: don't absolute position more than you have to, and avoid absolute-positioning of main parts of pages. A good mix consisting of normal flow with some positioned elements here and there, works better. Example: http://tinyurl.com/6hzeg38 (quickly revised version of your page). regards Georg __ 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] Side-Header Image Problem in IE 6, 7
Andrew C. Johnston wrote: > When the site was converted, I hacked out one piece of code, which served to > allow the header image to effectively span the entire width of the browser, > improving the look tremendously in my view, but causing errors in ie: > > > > The site now validates, and I went back to this issue recently, it turns out > this css comes first, right before the javascript starts, and before the css > stylesheet is called. It doesn't work at all if put in the stylesheet, for me > at least. Is it /possible/ that, when trying to transfer it to the stylesheet, you left in the HTML comments markers : If so, these should be omitted when inserting the remainder in a valid CSS file. Philip Taylor _ Hmm, I left those in on the javascript not knowing they were not needed. Not sure how well I follow you but let me report that: The link I sent before *had* body element (with comment code) java (with comment code) stylesheet. Now I have stripped out all comments, and it still seems to work but also still seems to have the same problem in ie. Plus, I have a new page to test your line of thinking, with all comment code out and it successfully puts the body element in the stylesheet instead of before the java, which didn't work before. So you pointed me in the right direction for sure, must have been the comments that messed that up. I don't think I would have taken the comments into the css, I know a bit about what css code looks like, so maybe the comment code in the java did something. New link here: http://www.rayxi.com/index.php?id=197 But, it still seems to have the same problem is ie. Maybe I have made a mistake, I will need to go over this again. In ie, its almost like my stylesheet isn't being accessed, because every aspect of the stylesheet isn't showing up, only html stuff is appearing. __ 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] Side-Header Image Problem in IE 6, 7
Andrew C. Johnston wrote: When the site was converted, I hacked out one piece of code, which served to allow the header image to effectively span the entire width of the browser, improving the look tremendously in my view, but causing errors in ie: The site now validates, and I went back to this issue recently, it turns out this css comes first, right before the javascript starts, and before the css stylesheet is called. It doesn't work at all if put in the stylesheet, for me at least. Is it /possible/ that, when trying to transfer it to the stylesheet, you left in the HTML comments markers : If so, these should be omitted when inserting the remainder in a valid CSS file. Philip Taylor __ 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/
[css-d] Side-Header Image Problem in IE 6, 7
Hello: I hope someone can steer me in the right direction on this issue. As this is ie 6 and 7, I don't expect too much ;-) But I need these browsers to work because my client base uses them. I have a site converted from a dreamweaver site, and still retains a javascript header navigation bar, to swap out images on hover. I am too lazy/unskilled/frightened to re-write it all into css. I had the code cut into chunks to put in a management system (modx). When the site was converted, I hacked out one piece of code, which served to allow the header image to effectively span the entire width of the browser, improving the look tremendously in my view, but causing errors in ie: The site now validates, and I went back to this issue recently, it turns out this css comes first, right before the javascript starts, and before the css stylesheet is called. It doesn't work at all if put in the stylesheet, for me at least. So when I try to put in back in, it looks fine except ie 6 and 7 both have trouble, in ie 6 it seems to prevent any images to be displayed in the page. Test page is here: http://www.rayxi.com/index.php?id=63 I tried researching ie bugs, but its a wide sea of information and I almost drowned. Can someone point me in the right direction? Kind Regards. __ 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/
