Re: [css-d] [ADMIN] Hello, my friends, hello
Eric, List; I think that to discontinue the list would be a tragic loss. I respect and value the list’s purity/adherence to mission (CSS-only) and the speed/response time that others have cited. It might be nice to expand the scope of what this list covers, but it’s a slippery slope…if you include HTML, why not include javascript, too? All three (and more) technologies work with each other, so where would the limits be? On the other hand, CSS and HTML are like salt and pepper, bert and ernie, bread and butter. They seem to be the keys to each other’s locks, or perhaps together they form a whole technology, and within that perspective, I can see a list embracing both technologies as a focus. Either way, please continue the list. Thank you for what you have done so far..I know that these things don’t put themselves together! John __ 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 Simpsons in CSS
On Nov 13, 2013, at 11:42 AM, Philip Taylor wrote: >>> http://pattle.github.io/simpsons-in-css/ is 404? > > Update: Pattle has temporarily removed his project from Github while he > seeks legal permission to reproduce the Simpsons characters > > Translation : the suits and bean-counters have threatened litigation for > infringement of copyright. makes perfect sense…you don't replicate one of the hottest properties on earth without inviting a little C&D action… thanks for the alternate link. J __ 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 Simpsons in CSS
..it also just dawned on me that illustration converted to code can be dynamically changed… some dizzying implications to that, eh? John __ 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 Simpsons in CSS
On Nov 13, 2013, at 6:25 AM, Tim Arnold wrote: > It's possible that graphics apps will eventually have an option to > export something like this, but I lean toward "probably not." More > likely (particularly since it's already happening with Adobe) is that > illustrations will export to . Illustrator can already export > to SVG which will probably fill in where does not. Sketch for OS X, a vector draw app, does some level of this, tho the actual success of the exported code could use some work, but I've gotten it to spit out lean code for a box with border radius and both inside and outside shadows, and IIRC, web kit moz kit, etc. I can get on board with a draw app that converts my creative work into useable CSS. I can't get on board with drawing by sticking my hands into a set of rubber gloves attached to tongs attached to tweezers way at the other end. ..which is how I personally view "drawing with CSS" as being..the thought of tapping out the code for bart's noggin…where's the Maaloxx?? John __ 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 Simpsons in CSS
This is cool and all, but…seriously, is CSS being touted as an illustration tool? Am I missing a concept here? I am very impressed by the samples shown… John __ 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] iOS simulator vs FireFox?
At the link below, you can see how the same page shows differently in the iPhone simulator compared to Firefox' responsive design view.. Shouldn't they be the same? Note FF set to display 480 px wide. Any thoughts to what is going on to cause the discrepancy? Thank you! John http://coffeeonmars.com/screenshots/discrep.jpg __ 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] what should go in html{ } ?
my css all begin like what's pasted below. I have no idea what things ought to
be inside the html selector. Any thoughts on what the best practices are?
Thank you!
John
*{
margin:0;
padding:0;
}
html{
}
body{
font-size:16px;
color:rgb(0,0,0);
font-family:helvetica-neue, Verdana, Arial, sans-serif;
}
__
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] can last child be spec'd?
Let's say you have N-number of paragraphs in an article, and you want the last paragraph to have some different attributes as the other , such as a greater margin-bottom. Is there a way to describe that in css? Thank you! John __ 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] background image AND background color?
On Jun 19, 2013, at 11:43 AM, David Laakso wrote: > The red-like color is opaque: no texture whatsoever seen in Windows 7 > any browser. well that blows a hole right through that technique..thank you for telling me that, David. John __ 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] background image AND background color?
On Jun 19, 2013, at 10:35 AM, "Tom Livingston" wrote: > You won't get PhotoShop "multiply" layer effects exactly, but using a 24bit > png for your image with areas of alpha transparency to allow the bg color to > come through is as close as u can get I believe. confirmed…here's what worked for me, aside from David and Karl's correction of my code: To make my png partially opaque in my image editor (Pixelmator)…I set it to 50% just for grins and NOW the influence of that red is taking effect on the PNG texture occupying the same element. link:http://coffeeonmars.com/test/flextest/flextest.html weird…my connection shows the red load first and then s-l-o-w-l-y replace by the texture.. Thank you for the code corrections and ideas about png/opacity Spoze the CSS consortium is considering giving us some photoshop-like layers? Compared to the many other effects CSS is now handling, it doesn't seem far-fetched.. John __ 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] background image AND background color?
On Jun 19, 2013, at 10:31 AM, Karl DeSaulniers wrote: > Tested on safari 6.0.5... > > background-color: rgba(240,0,0,0.4); > > althought it looks like rgba(240,0,0,0.2) might be better suited. :) > weird…no change for me at all, tho when I refresh, I do see the reduced-opacity red flash for just a second, right before the .jpg loads….. John __ 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] background image AND background color?
On Jun 19, 2013, at 8:37 AM, David Laakso wrote: > > For those among us who dwell in the visual world, one picture is worth > a thousand words... a click able link to your coded page would help. A link to the page in question is here: http://coffeeonmars.com/test/flextest/flextest.html the part I'm talking about is at top, where it says "heading one" and "heading two"; behind them in the is a jpg of what looks like some light texture. in the css is also a background color for that element: a red at 0.4 alpha. my goal is to have the texture image's color influenced by that background color, IOW, by varying the opacity of the color, the image would have more or less of a reddish cast to it. Thank you! John __ 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] background image AND background color?
Fiddling with trying to combine a background image with background color applied to the same element and hoping to vary either one or both opacity. Is this possible to do…I guess what I'm looking for is to do with CSS, images and color what you can do with Photoshop layers. Thank you! John __ 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] responsive design
On Jun 17, 2013, at 7:44 AM, Olivia A wrote: > But for the web page layout by default, (with no media query applied) , > when i resize down the pages "a propos.php" and "enregistrement.php"; the > two containers (below the long picture ) which are floated elements don't > float as it should, but instead there is one container falling down > underneath the other one.This only occur when i resize down the browser. > > > 2/when I don't resize the pages , the two containers float but the sum of > their width is not equal to the pic above them which is a 100% width. So > there is a gap . > > Please could you help me sort this out: > > > http://urbanstyle.bugs3.com/about.php > http://urbanstyle.bugs3.com/enregistrement.php If I am understanding you, to me, your page changes as it ought to for mobile…my understanding is that floats *should* go away or be "none"…and that we should think of mobile devices as essentially single-column-layout platforms. I do see some inconsistency with the space above "Lorem" (purple head) and the box below, but you could fix that quickly in your MQ. Also, I might put the menu to the top. And something going on with your Desktop menu such that "a propos" breaks. Is this your intention? Overall, I like the way your layout flexes down, and ultimately slips into single column. HTH, John __ 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] css-based flyout menu for mobile?
On Jun 15, 2013, at 7:32 AM, David Hucklesby wrote: > On 6/14/13 4:20 PM, COM wrote: >> Can anyone point me to a 100% css-based flyout menu for use with mobile >> devices? By flyout, I mean that when User presses a Menu icon, the menu >> slides out or otherwise appears, User presses their choice and menu hides, >> chosen page loads. >> > > Brad Frost has some useful resources for many responsive design patterns that > you may find useful. Check out "The Toggle" and "The Left Nav Flyout" in his > Responsive Navigation Patterns for example - > > <http://bradfrostweb.com/blog/web/responsive-nav-patterns/> > as per usual, IE is the fly in the meta-ointment…these tutes look pretty good! John __ 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] css-based flyout menu for mobile?
Can anyone point me to a 100% css-based flyout menu for use with mobile devices? By flyout, I mean that when User presses a Menu icon, the menu slides out or otherwise appears, User presses their choice and menu hides, chosen page loads. Thank you! John __ 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] why does shadow disappear?
I believe I found the problem: failure to close a div tag… this is by far and away my #1 coding problem. sorry, John __ 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] why does shadow disappear?
I hope this is considered a CSS problem… at this link: http://jsfiddle.net/6Wg8g/ I have a menu icon whose addition makes other things disappear: not a wanted outcome. is the fault in my #menu declarations? I just don't get why that addition makes other things vanish. Any clues would be appreciated. John __ 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] limitations to sprites?
On Jun 4, 2013, at 6:25 PM, Philippe Wittenbergh wrote: > So yeah, eventually good for small icons and the like, that are used > repeatedly all over the site. As for the size, bear in mind the above about > browser memory usage, and then your ability to keep track of them. All > depends on your target audience, targeted devices, etc. Thank you, Philippe… am I correct that any app that can show a given icon's x-y coordinates in pixels is suitable for creating/exporting the final sprites sheet? All one must do is jot down the coordinates for the given sprite and have them handy when writing the css? I find myself using an OS X draw app called Sketch more and more these days..it seems nicely focused toward web graphics workflow, but so far, I don't notice that it exports a sheet of coordinates; just the graphic. Guess I'll have to do the coordinates old-school.. John __ 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] limitations to sprites?
If the benefit to using sprites is to whack http request/times, is there a limit to how big the sprites documents are? these are best used for small graphics and not the sites' main images, correct? if used for small icons, etc, perhaps the limit in size is in sheer numbers of little icons and keeping track of them? thanks for any info about this. John __ 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] RES: RES: child margin affecting parent?
On May 12, 2013, at 7:04 PM, Alan Gresley wrote:
> No, you simply have collapsing margins. Just change the value of the top
> margin to zero. Like so.
>
> header{
> margin:0 0 1em 0;
> border:red 1px solid;
> }
Thank you. Couple questions…I did have a border on the header..isnt that
supposed to prevent the collapsing margins scenario?
Also, need to have a top margin value for the header so that I can position it
vertically where I need it to, so am I forced to use padding for this?
thank you..off to read the link you provided
J
__
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] RES: RES: child margin affecting parent?
sorry for seeming dumb but why would adding padding prove its collapsing margin?
wrapper contains header in this case, plus, I have other child objects whose
top margin value will not do this.
is there some special property to the tag? I realize that's HTML…
On May 12, 2013, at 2:31 PM, "Mauricio Silva" wrote:
> Set top padding: 1px 20px; for #wrapper and margin uncollapse proofing that
> this is a collapsing margin issue.
>
> Maurício Samy Silva
> http://maujor.com
> http://facebook.com/maujor
> @maujor
>
>
> -Mensagem original-
> De: css-d-boun...@lists.css-discuss.org
> [mailto:css-d-boun...@lists.css-discuss.org] Em nome de COM
> Enviada em: domingo, 12 de maio de 2013 18:27
> Para: CSS-Discuss
> Assunto: Re: [css-d] RES: child margin affecting parent?
>
> I am not sure that this is collapsing margins..perhaps I don't get "margin
> collapse" but I thought it meant if 2 block level items touching vertically,
> the larger margin value will be expressed, the smaller will "disappear."
>
> what I'm seeing here as the problem is child element margin top value is
> pushing its parent downward.
>
> and I don't get why? Is the parent the "boss" of the child?
>
>
> Thank yoU!
>
> John
>
>
> On May 12, 2013, at 2:17 PM, "Mauricio Silva" wrote:
>
>> Hi J,
>>
>> THis happens due the classic "CSS Collapsing Margins" behavior Have a
>> look at: http://css-discuss.incutio.com/wiki/Collapsing_Margin
>> for a compreensive explanation.
>> Regards
>>
>> Maurício Samy Silva
>> http://maujor.com
>> http://facebook.com/maujor
>> @maujor
>>
>>
>> -Mensagem original-
>> De: css-d-boun...@lists.css-discuss.org
>> [mailto:css-d-boun...@lists.css-discuss.org] Em nome de COM Enviada
>> em: domingo, 12 de maio de 2013 17:50
>> Para: CSS-Discuss
>> Assunto: [css-d] child margin affecting parent?
>>
>> Given the css below, why should the header margin value also push the
>> wrapper downward? In my markup, the wrapper div is the parent,
>> margin:0, auto;
>>
>> thank you
>>
>> J
>>
>> *{
>> padding:0;
>> margin:0;
>> }
>> body{
>> background-color:rgb(200,200,200);
>> font-family:helvetic-neue, Verdana, Arial, sans-serif;
>> font-size:100%;
>> }
>> #wrapper{
>> margin:0 auto;
>> width:940px;
>> padding:0 20px;
>> background-color:rgb(220,230,220);
>> }
>> header{
>> margin:20px 0 1em 0;
>> border:red 1px solid;
>> }
>> __
>> 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-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-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] RES: child margin affecting parent?
I am not sure that this is collapsing margins..perhaps I don't get "margin
collapse" but I thought it meant if 2 block level items touching vertically,
the larger margin value will be expressed, the smaller will "disappear."
what I'm seeing here as the problem is child element margin top value is
pushing its parent downward.
and I don't get why? Is the parent the "boss" of the child?
Thank yoU!
John
On May 12, 2013, at 2:17 PM, "Mauricio Silva" wrote:
> Hi J,
>
> THis happens due the classic "CSS Collapsing Margins" behavior
> Have a look at: http://css-discuss.incutio.com/wiki/Collapsing_Margin
> for a compreensive explanation.
> Regards
>
> Maurício Samy Silva
> http://maujor.com
> http://facebook.com/maujor
> @maujor
>
>
> -Mensagem original-----
> De: css-d-boun...@lists.css-discuss.org
> [mailto:css-d-boun...@lists.css-discuss.org] Em nome de COM
> Enviada em: domingo, 12 de maio de 2013 17:50
> Para: CSS-Discuss
> Assunto: [css-d] child margin affecting parent?
>
> Given the css below, why should the header margin value also push the
> wrapper downward? In my markup, the wrapper div is the parent, margin:0,
> auto;
>
> thank you
>
> J
>
> *{
> padding:0;
> margin:0;
> }
> body{
> background-color:rgb(200,200,200);
> font-family:helvetic-neue, Verdana, Arial, sans-serif;
> font-size:100%;
> }
> #wrapper{
> margin:0 auto;
> width:940px;
> padding:0 20px;
> background-color:rgb(220,230,220);
> }
> header{
> margin:20px 0 1em 0;
> border:red 1px solid;
> }
> __
> 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-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] child margin affecting parent?
Given the css below, why should the header margin value also push the wrapper
downward? In my markup, the wrapper div is the parent, margin:0, auto;
thank you
J
*{
padding:0;
margin:0;
}
body{
background-color:rgb(200,200,200);
font-family:helvetic-neue, Verdana, Arial, sans-serif;
font-size:100%;
}
#wrapper{
margin:0 auto;
width:940px;
padding:0 20px;
background-color:rgb(220,230,220);
}
header{
margin:20px 0 1em 0;
border:red 1px solid;
}
__
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] background image not appearing
On Apr 26, 2013, at 4:29 PM, "Tom Livingston" wrote: > Right so you have to back out of the CSS dir then go into the image dir to > get your background image, where as the HTML just had to go into the CSS dir > to get the sheet. > OK..alright…this is a key bit of learning for Johnny today..thank you. J __ 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] background image not appearing
On Apr 26, 2013, at 4:26 PM, COM wrote: >> Background images are relative to the CSS not the HTML Wait..so…you're saying that the .css document is "making the call" for the background image and NOT the HTML page? so, if the styles were in the html document head, THEN it would be one up? Sorry, I just really need to get this straight in my head, who's lookin for what in this hierarchy.. thank you, John __ 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] background image not appearing
On Apr 26, 2013, at 4:14 PM, "Tom Livingston" wrote: > Background images are relative to the CSS not the HTML I get that but here's a screen grab showing that the image is "1 folder up" and that the .css file is, too "1 folder up" ergo, the same relationship from html file to css file as from html file to image file. Isn't it? Different folders, yes, but "1 up?" link: http://coffeeonmars.com/screenshots/imagecsshtml.jpg __ 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] background image not appearing
On Apr 26, 2013, at 4:04 PM, Micky Hulse wrote: > Have you tried: > > background-image:url(../image/bricktile.jpg); That works, but I don't get it because for the css, THIS works: css/hwthreestyles.css where css is the folder where the .css file lives. why the leading ../ for the image but not needed for the css? thank you! John __ 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] background image not appearing
given the code below and that my "bricktile.jpg" is 1 level up from my
index.html in a folder named "image" can anyone tell me why my background-image
refuses to appear?
I've been looking at it for half hour and I am baffled. thank you for any clues.
John
body{
font-size:100%;
font-family:Helvetica Neue, Verdana, Arial, sans-serif;
background-image:url(image/bricktile.jpg);
}
__
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] font-size in body selector?
On Apr 18, 2013, at 3:07 PM, "Jukka K. Korpela" wrote: >> What I am not clear is: where do you tell the browser how large the "M" is? > > You don't. The font designer decides the dimensions of letters, relative to > the font size. OK…so the 1em is just a starting point and you adjust to suit..or these are all *relative* sizes because in the child elements you might spec font-size: .85em ? ..so that if User cranks up the sizes, everything sizes up (or down) in the same relationship? J __ 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] font-size in body selector?
My understanding of font-size spec is: 100% = 1 em = the size of an "M" and that this is 16px high. What I am not clear is: where do you tell the browser how large the "M" is? Is it universally understood that 1 "M" is 16 pixels high? thank you! John __ 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] ul bullets: change color?
I am having a tough time finding online (google, w3schools) the correct way to change the color of bullets in an unordered list, *independently* from the color of the bullet text.There seem to be what the authors refer to as hacks, and some techniques where the bullet is a .gif. I'd like to keep the bullets all code, but have control of their color AND the color of the bullet text. can someone point me in the right direction? thank you! John __ 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] Problem with floated links at right of page in FF
> the sidebar links FF places a faint dotted line around the link that
extends
> all the way across the page to the left side. It is intended as an
> indication that the link is actively selected, but it is very distracting,
a {outline:none;}
this should do the trick
Jonathan Finnegan
http://haveboard.com
http://space1026.com/space.php?action=bio&id=32
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS/XHTML/PHP/MYSQL shopping carts?
Thanks for the reply... Didn't mean to reply off list. I'll have to look at CubeCart as I am just getting very frustrated with xCart. Too bad I already paid for xCart, but it is just driving me nuts! Cheers, Brent Hardinge Designer Bibleinfo.com Have Bible Questions? See www.bibleinfo.com Looking for a great kids site? Try www.kidsbibleinfo.com On Jul 24, 2005, at 1:31 PM, BJ wrote: http://www.cubecart.com/site/home/ I just got it installed, haven't yet started work on the customization, but I already have a few great things to say about it. The only hosting account without fantastico is the one I set it up on, and without a doubt it's the easiest install I've ever done. The default template has NO TABLES. So I'm hoping it's robust enough for my needs. Seems to be pretty cool, support board is active, and the price is right (free with linkback) Good luck! Brent - Bibleinfo.com wrote: BJ, Just wondering if you found anything. I'm still looking too. I've been playing with xcart but that is a nightmare as well with lots of non valid code. Brent Hardinge Designer Bibleinfo.com Have Bible Questions? See www.bibleinfo.com Looking for a great kids site? Try www.kidsbibleinfo.com On Jun 6, 2005, at 5:04 PM, BJ wrote: Adam C., did you ever finish developing that css friendly shopping cart you posted about last fall? Inquiring minds wanna know . . . and after looking at ZenCart's supposedly css friendly design I'm really hoping you've got something in the can. What a nightmare THAT one is! Tables up the darkside, and nothing that looks clean. I doubt any one page would make it through a validator. Barring that, does anyone have any suggestions? There's nothing in the wiki re shopping carts. Looking for something mysql/php since that's what I'm most familiar deciphering, and that uses CSS in the themes/templates with total customization possible. I don't need a bunch of bells and whistles. There are only going to be a few hundred product pages in less than a dozen categories Paypal processing is enough. _ _ 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/ --- avast! Antivirus: Outbound says I'm squeaky clean. Virus Database (VPS): 0529-2, 07/21/2005 Tested on: 7/24/2005 4:31:02 PM __ 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/
