Re: [css-d] CSS Grid Question
Howdy Tom,
~~~
Friday, July 21, 2017, 12:18:41 PM (USA 'Somewhere on-the-road time-zone'),
you wrote the message that appears below.
My reply appears here and/or interspersed within your message.
~~~
> List,
> Is it possible to style the rows and columns of a css grid - the grid itself?
> I have an upcoming layout that uses what looks like a tic-tac-toe
> board - complete with the vertical and horizontal lines of said
> tic-tac-toe board - with text/icon in each grid cell.
> Not experienced with Grid yet and can't find what I'm looking for in a search.
> TIA
This may not work as a solution for you, but your 'tic-tac-toe' reminds me of
what I did on the main page here:
www.rmaba.org
Six squares, all are .png images (in order to control font).
I'll probably be adding two more squares, near future, for additional features.
Hope this helps.
G-Jim c):{-
--
Custom book-boxes: http://www.wyomerc.com/bookboxes/bookboxes.html
Book repairs: http://www.wyomerc.com/bookrepair/bookrepairs.html
My photography: http://www.gjim.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] vw and vh units -- how does one learn of developments in the CSS spec. such as these ?
Tom, et al,
Which, then, leads to this:
https://zellwk.com/blog/viewport-based-typography/
Which may very well help me in re-working the top banner at:
www.tomfolio.com
Thanks!
>>
>> Just found this:
>>
> https://www.sitepoint.com/css-viewport-units-quick-start/
G-Jim c):{-
--
Custom book-boxes: http://www.wyomerc.com/bookboxes/bookboxes.html
Book repairs: http://www.wyomerc.com/bookrepair/bookrepairs.html
My photography: http://www.gjim.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] Hidden UL/LI
> as well as bi desk-top monitors
Make that 'big desk-top monitors'.
G-Jim c):{-
--
Custom book-boxes: http://www.wyomerc.com/bookboxes/bookboxes.html
Book repairs: http://www.wyomerc.com/bookrepair/bookrepairs.html
My photography: http://www.gjim.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] Hidden UL/LI
Tom and Michelle,
> Hi Michelle,
> Add the hover to the "TITLE 2" , not the in the . When hovering
> the , show the related submenu in that .
> HTH
'Hover' doesn't work on most mobile devices, though, so your menu would not be
'mobile-friendly'.
You can see how I solved this on www.rmaba.org (book fair menu) and
www.wyomerc.com (custom book-box menu). Have a sub-menu that appears when the
site visitor selects from the main menu. I leave the .php code, for generating
your sub-menu items, up to you.
The method shown, above, works on mobile-devices as well as bi desk-top
monitors.
G-Jim c):{-
--
Custom book-boxes: http://www.wyomerc.com/bookboxes/bookboxes.html
Book repairs: http://www.wyomerc.com/bookrepair/bookrepairs.html
My photography: http://www.gjim.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] What screen-width for 'smart-watches'?
I just finished converting my own site, and two client sites to be
'mobile-friendly', with transition screen widths of 768 px and 420 px, and a
minimum width of 300 px.
Are these sufficient for smart-watches, or should I define another transition
and minimum width?
I don't have a smart-watch nor access to one.
Thanks.
G-Jim c):{-
--
Custom book-boxes: http://www.wyomerc.com/bookboxes/bookboxes.html
Book repairs: http://www.wyomerc.com/bookrepair/bookrepairs.html
My photography: http://www.gjim.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] Change position of based on media query
Howdy Karl,
~~~
Wednesday, December 14, 2016, 5:43:26 PM (USA 'Somewhere on-the-road
time-zone'),
you wrote the message that appears below.
My reply appears here and/or interspersed within your message.
~~~
Thanks to you and Cassandra. I was (once again, perhaps?) over-thinking the
problem.
This is the bare beginnings of restructuring my site to be responsive. I've not
addressed mobile devices, nor media-queries, before this. Long overdue.
> Hi G-Jim,
> With the following, you shouldn't need breakpoints unless you really want
> them for those boxes.
> I also restructured your body and wrapper to be more responsive in my opinion.
G-Jim c):{-
--
Custom book-boxes: http://www.wyomerc.com/bookboxes/bookboxes.html
Book repairs: http://www.wyomerc.com/bookrepair/bookrepairs.html
My photography: http://www.gjim.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] Change position of based on media query
All,
Not sure if this can be resolved in CSS or HTML - I'm asking in the CSS list
first.
On this page:
www.wyomerc.com/index_test.html
I want the right-hand block ('Essays') to drop below the left-hand block
('Reference') when the media width is less than 768px (an arbitrary number at
this point), but stay to the right at greater screen sizes. My CSS is working,
at least to the point of changing the size of the block (from 55% to 35%) and
the float, but I'm flummoxed as to how to get the block to drop.
Assistance greatly appreciated.
G-Jim c):{-
__
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] Message threads
Hello,
Please don't use the 'reply' function of your e-mail to begin an entirely new
conversation.
Some of us use a 'threaded view' for e-mail - lets us know who is replying to
whom. If you use 'reply', starting a new subject, it means that your post, and
replys to that post, will always remain under the original message.
Thanks for your consideration.
G'Jim c):{-
--
Custom book-boxes: http://www.wyomerc.com/bookboxes/bookboxes.html
Book repairs: http://www.wyomerc.com/bookrepair/bookrepairs.html
My photography: http://www.gjim.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] [ADMIN] Hello, my friends, hello
~~~
Monday, January 4, 2016, 10:30:10 AM (USA 'Somewhere on-the-road time-zone'),
you wrote the message that appears below.
My reply appears here and/or interspersed within your message.
~~~
> I like the mailing list format rather than forums
I much prefer the mailing list rather than forums. With a mailing list, I can
keep an archive on my own system.
I do hope the CSS list is kept. I don't post often, but I do read every post
and respond if I have pertinent information.
G'Jim c):{-
--
Custom book-boxes: http://www.wyomerc.com/bookboxes/bookboxes.html
Book repairs: http://www.wyomerc.com/bookrepair/bookrepairs.html
My photography: http://www.gjim.com
Savvy ponderable:
Most folks are just about as happy as they've made up their mind to be.
__
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] Image compression suggestions ?
On 09/19/2015 10:12 PM, Crest Christopher wrote:
Anyone have any image compression suggestions; there is one I use but
it only took a 210kb image to around 100kb. I'm hoping to squeeze
that 210kb image to around atleast 75kb without sacrificing too much
quality. I've tried a few thus far, some are extremely poor at
compression, others were, meh, to say the least.
Xnview (www.xnview.com) - Available for Windows, Mac, Linux. The 'Set
DPI' function may be what you need.
G-Jim c):{-
__
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] Image compression suggestions ?
On 09/20/2015 12:07 PM, Crest Christopher wrote:
What exactly does the 'Set DPI function' do; if you don't mind me
asking ?
Basically, it sets the resolution, in 'Dots Per Inch', or the image.
For most web-page uses, 72 DPI is sufficient. You can use a
'thumb-nail' image, of small size or low resolution, for initial
display, linking to a larger image with greater resolution if needed.
See:
http://www.wyomerc.com/bookrepair/bookrepairs.html
Click on the thumb-nails to see larger images.
G-Jim c):{-
__
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] Comment and empty rule seen in recent refactoring
Howdy Tim,
~~~
Saturday, February 14, 2015, 11:32:59 AM (USA 'Somewhere on-the-road
time-zone'),
you wrote the message that appears below.
My reply appears here and/or interspersed within your message.
~~~
... or the reasons for it.
Regards,
Tim
I can't see any reason for using the braces (curly brackets) for a comment - not
required for a comment. Perhaps the original programmer just liked the look or
used them to maintain visual conformity with statements.
The braces are required to begin/end CSS statements, as you already know.
G'Jim c):{-
--
Custom book-boxes: http://www.wyomerc.com/bookboxes/bookboxes.html
Book repairs: http://www.wyomerc.com/bookrepair/bookrepairs.html
My photography: http://www.gjim.com
---
This email is free from viruses and malware because avast! Antivirus protection
is active.
http://www.avast.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] Helvetica Light
Howdy George,
~~~
Thursday, January 22, 2015, 9:36:15 PM (USA 'Somewhere on-the-road time-zone'),
you wrote the message that appears below.
My reply appears here and/or interspersed within your message.
~~~
I have a client who wishes to have body copy as Helvetica Light. I'm on
a pc and have Helvetica LT Std. The following font-weights produce the
following results:
Anything between 100-500/Lighter appears as normal. 600 and 700 appears
as bold and 900 appears as Black.
Without addressing your font appearance as stated above, I'll comment on your
code below.
Only if the site visitor has Helvetica installed on his/her system will the body
copy be displayed thus. I don't have Helvetica on my Win7Pro system - thus, the
body would be displayed in Arial, on my system, according to your code.
To force use of a particular font, one would need to use something like
@font-face to reference an external, on-line, font library. See:
http://css-tricks.com/snippets/css/using-font-face/
Even with this, there will likely be a small percentage of site visitors who
will have browser settings that will ignore such references - especially systems
used by the visually impaired.
It's not necessarily a good idea to force a particular font upon a site
visitor.
Within a graphic image, you control the font - but on page text content, it
might be best to let the site visitor preferences be put into play.
How does one target Light? Thank you for your time and guidance.
|body{
font-family: Helvetica, Arial,sans-serif;
font-weight: 200;
}
George
|
G'Jim c):{-
--
Custom book-boxes: http://www.wyomerc.com/bookboxes/bookboxes.html
Book repairs: http://www.wyomerc.com/bookrepair/bookrepairs.html
My photography: http://www.gjim.com
Savvy ponderable:
Don’t try to have the last word. You might get it. - Robert Heinlein, 'The
Notebooks of Lazarus Long'
---
This email is free from viruses and malware because avast! Antivirus protection
is active.
http://www.avast.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] Don't miss a space
Howdy Christopher,
~~~
Saturday, November 22, 2014, 7:46:33 PM (USA 'Somewhere on-the-road time-zone'),
you wrote the message that appears below.
My reply appears here and/or interspersed within your message.
~~~
How do you accommodate most, if not all screen sizes.
Percentage, percentage, percentage.
G'Jim c):{-
--
Custom book-boxes: http://www.wyomerc.com/bookboxes/bookboxes.html
Book repairs: http://www.wyomerc.com/bookrepair/bookrepairs.html
My photography: http://www.gjim.com
Savvy ponderable:
Always drink upstream from the herd.
---
This email is free from viruses and malware because avast! Antivirus protection
is active.
http://www.avast.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] Screens overload
Howdy Crest,
~~~
Wednesday, November 12, 2014, 1:43:15 PM (USA 'Somewhere on-the-road
time-zone'),
you wrote the message that appears below.
My reply appears here and/or interspersed within your message.
~~~
I have a general question, how many screens are there ?
If Carl Sagan was still alive, he would answer that question for you.
G'Jim c):{-
--
Custom book-boxes: http://www.wyomerc.com/bookboxes/bookboxes.html
Book repairs: http://www.wyomerc.com/bookrepair/bookrepairs.html
My photography: http://www.gjim.com
Savvy ponderable:
If at first you don't succeed ... destroy all evidence that you tried.
---
This email is free from viruses and malware because avast! Antivirus protection
is active.
http://www.avast.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] Responsive Images
Howdy Philip,
~~~
Friday, November 7, 2014, 3:56:34 AM (USA 'Somewhere on-the-road time-zone'),
you wrote the message that appears below.
My reply appears here and/or interspersed within your message.
~~~
The watermarking is added dynamically at the same time.
Philip Taylor
Are you certain that the watermarks are added dynamically?
If so, I would like to see the code that accomplishes that feature. It would
solve some issues for me, and also for some others on another discussion list.
Thanks.
G'Jim c):{-
--
Custom book-boxes: http://www.wyomerc.com/bookboxes/bookboxes.html
Book repairs: http://www.wyomerc.com/bookrepair/bookrepairs.html
My photography: http://www.gjim.com
---
This email is free from viruses and malware because avast! Antivirus protection
is active.
http://www.avast.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] Responsive Images
Howdy Karl,
~~~
Friday, November 7, 2014, 9:44:17 AM (USA 'Somewhere on-the-road time-zone'),
you wrote the message that appears below.
My reply appears here and/or interspersed within your message.
~~~
http://designdrumm.com/upload_images_test.zip
This was used to place a copyright on product images.
HTH,
Best,
Karl DeSaulniers
Nice utility to automate adding a copyright to an image.
However, that's not a dynamic solution such as Philip mentioned.
Also, I notice that your code allows for a maximum image size of 516K - is there
a particular reason for that limitation?
G'Jim c):{-
--
Custom book-boxes: http://www.wyomerc.com/bookboxes/bookboxes.html
Book repairs: http://www.wyomerc.com/bookrepair/bookrepairs.html
My photography: http://www.gjim.com
Savvy ponderable:
A man kin easy brag hisself out'n a place to lean on the bar.
---
This email is free from viruses and malware because avast! Antivirus protection
is active.
http://www.avast.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] Responsive Images
Howdy Karl,
~~~
Friday, November 7, 2014, 10:38:31 AM (USA 'Somewhere on-the-road time-zone'),
you wrote the message that appears below.
My reply appears here and/or interspersed within your message.
~~~
Actually it is dynamic.
$yearstamp = date( Y);
...
$copyright = Copyright Design Drumm $yearstamp;
My perception of 'dynamic', as mentioned by Philip, is that the original image
resides on a server sans markings - it's only when displayed on the
site-visitor's screen that the copyright is displayed.
Your utility takes an existing image and adds the copyright, then stores as a
new image. Certainly useful - I've been using Corel PaintShop and/or GIMP to
add
such info.
G'Jim c):{-
--
Custom book-boxes: http://www.wyomerc.com/bookboxes/bookboxes.html
Book repairs: http://www.wyomerc.com/bookrepair/bookrepairs.html
My photography: http://www.gjim.com
Savvy ponderable:
A poet who reads his verse in public may have other nasty habits. - Robert
Heinlein, 'The Notebooks of Lazarus Long'
---
This email is free from viruses and malware because avast! Antivirus protection
is active.
http://www.avast.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] Grid System
Howdy Crest,
~~~
Saturday, October 18, 2014, 6:28:42 PM (USA 'Somewhere on-the-road time-zone'),
you wrote the message that appears below.
My reply appears here and/or interspersed within your message.
~~~
In the example image, there are 54px columns and 30px gutters, if
everything I've mentioned so far is correct ? What I don't understand
is, what is the purpose of gutters, or must a grid system have gutters
either way, if you remove them or not, they must be there ?
Thanks
Christopher
Methinks you are making this more difficult than it need be.
IMNSHO, the purpose of a grid is to give you an underlying structure for your
site layout - in order to maintain some consistency across the various pages.
In your example, if you wanted a page with three same-sized columns, you would
define those as having a width of 306 px with a 30 px gutter between them.
If you wanted a page with two columns, one a third of the page, the other
two-thirds of a page, the first would be 306 px, then a 30 px gutter, then 642
px for the second column.
As Tom stated, you have to make some space between columns - doesn't have to be
30 px, though.
The grid system exists merely to aid you in sizing your elements.
G'Jim c):{-
--
Custom book-boxes: http://www.wyomerc.com/bookboxes/bookboxes.html
Book repairs: http://www.wyomerc.com/bookrepair/bookrepairs.html
My photography: http://www.gjim.com
Savvy ponderable:
Too much of a good thing ... usually isn't enough!
---
This email is free from viruses and malware because avast! Antivirus protection
is active.
http://www.avast.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] Grid System
Howdy Crest,
~~~
Saturday, October 18, 2014, 6:28:42 PM (USA 'Somewhere on-the-road time-zone'),
you wrote the message that appears below.
My reply appears here and/or interspersed within your message.
~~~
In the example image, there are 54px columns and 30px gutters, if
everything I've mentioned so far is correct ? What I don't understand
is, what is the purpose of gutters, or must a grid system have gutters
either way, if you remove them or not, they must be there ?
I should have mentioned that I don't use px for column layouts - instead, I use
percentages.
G'Jim c):{-
--
Custom book-boxes: http://www.wyomerc.com/bookboxes/bookboxes.html
Book repairs: http://www.wyomerc.com/bookrepair/bookrepairs.html
My photography: http://www.gjim.com
Savvy ponderable:
You can't depend on your eyes when your imagination is out of focus.
---
This email is free from viruses and malware because avast! Antivirus protection
is active.
http://www.avast.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] Grid System
Howdy Crest,
~~~
Sunday, October 19, 2014, 7:14:07 PM (USA 'Somewhere on-the-road time-zone'),
you wrote the message that appears below.
My reply appears here and/or interspersed within your message.
~~~
Gutters are there to maintain consistency and a visual flow to a page,
correct ?
Gutters are there to provide spacing between columns - so that the various
column contents don't butt up against one another. You don't actually even have
to define the gutters as 'divs', can be padding within the div. Just know that
you need something so that text, in two different columns, doesn't come together
without some spacing between. Images could be another matter; you might want
two
images to be side-by-side without any spacing between ... although, on some
screen resolutions that may fall apart and the images will get stacked anyway.
You can use pixels instead of percentages for a fluid layout ?
Pixels, ems, rems, percentages, furlongs, parsecs, light-years perhaps I
exaggerate ... it's merely a guide to help you with layout.
There isn't even any requirement that you use a grid. It's just that a grid
will help you in maintaining some consistency across the various pages on a
web-site.
G'Jim c):{-
--
Custom book-boxes: http://www.wyomerc.com/bookboxes/bookboxes.html
Book repairs: http://www.wyomerc.com/bookrepair/bookrepairs.html
My photography: http://www.gjim.com
Savvy ponderable:
Lawyers get you out'n the kind of trouble you'd
never get in if there was no lawyers.
---
This email is free from viruses and malware because avast! Antivirus protection
is active.
http://www.avast.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] Dropdown menu not working on Safari
Howdy Yasha,
~~~
Thursday, October 9, 2014, 11:20:58 AM (USA 'Somewhere on-the-road time-zone'),
you wrote the message that appears below.
My reply appears here and/or interspersed within your message.
~~~
On Firefox, Chrome, and all other browsers, the drop down menu works fine
however on Safari, for some reason the drop down menu displays behind the
slider and is therefore unclickable and can’t even be seen. I can’t seem to
find a fix for this, do you know of anything that could work?
Are you using the Apple version, or the Windows version, of Safari?
If Windows, that version of Safari is out-dated and no further development will
take place (AFAIK).
I no longer test against Safari, although I do have an associate who uses an
Apple machine and can test.
G'Jim c):{-
--
Custom book-boxes: http://www.wyomerc.com/bookboxes/bookboxes.html
Book repairs: http://www.wyomerc.com/bookrepair/bookrepairs.html
My photography: http://www.gjim.com
Savvy ponderable:
A man who confesses to small faults hopes you will think he has no big ones.
---
This email is free from viruses and malware because avast! Antivirus protection
is active.
http://www.avast.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] Grid Columns and Frustrations
Howdy Crest,
~~~
Friday, October 3, 2014, 3:33:11 PM (USA 'Somewhere on-the-road time-zone'),
you wrote the message that appears below.
My reply appears here and/or interspersed within your message.
~~~
You have a group that does the design and a group that does the
development, once the design is complete you pass it to the developers
and they know where to place all page sections, graphics and so on and
so forth.
Or, in my case:
1) The graphic designer does his work.
2) I code the site.
3) The committee wants this element a 'little bigger', this element a 'little
smaller', change this color, change the font, make this page into multiple
pages, combine these pages into one, let's have a new graphic, ...
Repeat steps 2 and 3 .
G'Jim c):{-
--
Custom book-boxes: http://www.wyomerc.com/bookboxes/bookboxes.html
Book repairs: http://www.wyomerc.com/bookrepair/bookrepairs.html
My photography: http://www.gjim.com
Savvy ponderable:
Never do wrong when people are watchin'.
---
This email is free from viruses and malware because avast! Antivirus protection
is active.
http://www.avast.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] Why box-shadow doesn't work for one div while work for another
Howdy Артур,
~~~
Friday, August 22, 2014, 11:26:16 AM (USA 'Somewhere on-the-road time-zone'),
you wrote the message that appears below.
My reply appears here and/or interspersed within your message.
~~~
I need box-shadow work for both div: div id=panel and div
id=buttons. But it only work for latter. Why? And how to make that
work? http://jsfiddle.net/bzgsjtb4/
Thanks.
Works for me.
http://jsfiddle.net/bzgsjtb4/7/
I changed your html to:
~~~
body
div id=panel
/div
nbsp;br
div id=question
/div
nbsp;br
div id=buttons
/div
/body
~~~
putting blank spacing between the elements so that the drop-shadow could be seen
on 'panel'. Also deleted '-' (minus sign) on '#buttons' so that drop-shadow is
on the bottom rather than the top.
I think the drop-shadow, on 'panel' was there - but, you weren't seeing it
because 'question' was overlapping the panel.
G'Jim c):{-
--
Custom book-boxes: http://www.wyomerc.com/bookboxes/bookboxes.html
Book repairs: http://www.wyomerc.com/bookrepair/bookrepairs.html
My photography: http://www.gjim.com
Savvy ponderable:
It's less painful to be dead drunk than dead hungry.
---
This email is free from viruses and malware because avast! Antivirus protection
is active.
http://www.avast.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] keeping submenu open when parent is 'current'
Howdy Debbie,
~~~
Friday, August 1, 2014, 11:46:50 AM (USA 'Somewhere on-the-road time-zone'),
you wrote the message that appears below.
My reply appears here and/or interspersed within your message.
~~~
If you hover the red main menu item, you'll see the dropline menu. I'd
like that to be open always when it's parent is current, or when one of
the items in the dropline menu is current. Help?
I know this isn't quite the answer you're looking for -- but. Since hover/click
isn't supported on many of the current mobile devices, I have stopped using
hover-activated drop-down menus - instead, a 'permanent' second menu bar when
required.
See www.wyomerc.com, then click on 'CUSTOM BOOK BOXES'.
G'Jim c):{-
--
Custom book-boxes: http://www.wyomerc.com/bookboxes/bookboxes.html
Book repairs: http://www.wyomerc.com/bookrepair/bookrepairs.html
My photography: http://www.gjim.com
Savvy ponderable:
Common sense is the least common of all the senses.
---
This email is free from viruses and malware because avast! Antivirus protection
is active.
http://www.avast.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] Right col jumps to next line
Howdy MiB,
~~~
Wednesday, June 18, 2014, 1:22:55 PM (USA 'Somewhere on-the-road time-zone'),
you wrote the message that appears below.
My reply appears here and/or interspersed within your message.
~~~
You can also forego HTML email and just use plain text or Rich Text and just
Communicate.
YES!!! Plain text very much preferred. A lot of HTML e-mail ends up looking
like a 2nd-graders project using magazine ads, scissors, and paste.
G'Jim c):{-
--
Custom book-boxes: http://www.wyomerc.com/bookboxes/bookboxes.html
Book repairs: http://www.wyomerc.com/bookrepair/bookrepairs.html
My photography: http://www.gjim.com
Savvy ponderable:
If you lend someone $20 and never see that person again, it was probably worth
it.
---
This email is free from viruses and malware because avast! Antivirus protection
is active.
http://www.avast.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] flexbox flex-direction column, percentage flex-basis IE 11
Howdy Philippe,
~~~
Monday, June 9, 2014, 7:45:46 AM (USA 'Somewhere on-the-road time-zone'),
you wrote the message that appears below.
My reply appears here and/or interspersed within your message.
~~~
Can anyone out there tell me what IE 11 does with the following test case?
http://dev.l-c-n.com/_temp/flexbox/flex-basis_column.html
The expected result (if my reading of the spec is correct…) is a square 100px
by 100px. This is what Firefox does. Webkit (Safari 7, Nightly build) and
Bink (tested with Opera latest) however stack the rows on top of each other –
as if the flex-items have zero (0) height.
I got a IE 11 screenshot via Netrenderer that shows the same stacking as
Safari, but I'm not always trusting that screenshot service fully.
Tia,
Philippe
Using IE11, I got a single green bar approx. 115x30 px.
Using Firefox, I got the alternating green/red bars.
I also got the single green bar using Chrome, Opera, and Avant.
With Maxthon, I got the alternating bars.
HTH
G'Jim c):{-
--
Custom book-boxes: http://www.wyomerc.com/bookboxes/bookboxes.html
Book repairs: http://www.wyomerc.com/bookrepair/bookrepairs.html
My photography: http://www.gjim.com
Savvy ponderable:
The things that come to those who wait,
are the left-overs from those who got there first.
---
This email is free from viruses and malware because avast! Antivirus protection
is active.
http://www.avast.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] Android Tablet Chrome Portrait Screen Odd Behavior
Howdy Shari,
~~~
Monday, May 26, 2014, 10:59:20 AM (USA 'Somewhere on-the-road time-zone'),
you wrote the message that appears below.
My reply appears here and/or interspersed within your message.
~~~
I have a site I've designed mobile 1st and everything seemed to be
working fine, however on my Android tablet in Chrome when the 7 screen is
in portrait the aside is showing to the right very narrow, instead of
starting by being below the header and at 100%.
It shows correctly on a PC in Chrome, and works correctly in firefox on the
tablet. I have no idea how to even look for what's wrong.
Is this a bug of some sort in Chrome?
the site is: http://www.jamesmwanless.com
Any idea's would be appreciated.
Thanks!
Shari
On my Samsung Galaxy S3, running Chrome (35.0.1916.122), the referenced web-site
displays as you wish, with the white section appearing 100% width below the
green banner.
Perhaps this is an issue with your particular Android device, or version of
Chrome.
G'Jim c):{-
--
Custom book-boxes: http://www.wyomerc.com/bookboxes/bookboxes.html
Book repairs: http://www.wyomerc.com/bookrepair/bookrepairs.html
My photography: http://www.gjim.com
Savvy ponderable:
Talk's cheap, takes money ta buy whiskey.
---
This email is free from viruses and malware because avast! Antivirus protection
is active.
http://www.avast.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] @font-face quirk
Howdy Chris,
~~~
Thursday, May 22, 2014, 7:41:54 AM (USA 'Somewhere on-the-road time-zone'),
you wrote the message that appears below.
My reply appears here and/or interspersed within your message.
~~~
I added web fonts to a client site and noticed a quirk in Firefox. When I
go to the page url the first time, the fonts don't appear properly. If I
click to an interior page, and then click back to the home page via
navigation, the fonts then work. Any idea why they don't load or recognize
initially, and what I can do to fix it? It appears properly in Safari, and
I haven't tested it in IE or Chrome yet. Here's the site:
http://straitandlamp.com/
I'm not clear as to what you mean by 'fonts don't appear properly'. I have
opened your site using Firefox (29.0.1), Opera (21.0.1432.67), Chrome
(35.0.1916.114), and IE (11.0.9600.17107). All fonts appear identical (at least
to me) within all those browsers.
Which fonts are appearing for you the first, and subsequent, page displays?
I no longer test with Safari since the Windows version (5.1) is considered to be
out-of-date, and vulnerable, according to these folks:
http://browser-update.org
G'Jim c):{-
--
Custom book-boxes: http://www.wyomerc.com/bookboxes/bookboxes.html
Book repairs: http://www.wyomerc.com/bookrepair/bookrepairs.html
My photography: http://www.gjim.com
Savvy ponderable:
Everything is funny as long as it is happening to somebody else. - Will
Rogers
---
This email is free from viruses and malware because avast! Antivirus protection
is active.
http://www.avast.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] Role of Pre-processors
Howdy Tim,
~~~
Friday, May 9, 2014, 5:36:51 PM (USA 'Somewhere on-the-road time-zone'),
you wrote the message that appears below.
My reply appears here and/or interspersed within your message.
~~~
There is standardization.
What, then, of the divergence between W3C and WHATWG?
G'Jim c):{-
--
Custom book-boxes: http://www.wyomerc.com/bookboxes/bookboxes.html
Book repairs: http://www.wyomerc.com/bookrepair/bookrepairs.html
My photography: http://www.gjim.com
Savvy ponderable:
There's no such thing as a large whiskey.
---
This email is free from viruses and malware because avast! Antivirus protection
is active.
http://www.avast.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] Role of Pre-processors
Howdy Philip,
~~~
Saturday, May 10, 2014, 9:02:51 AM (USA 'Somewhere on-the-road time-zone'),
you wrote the message that appears below.
My reply appears here and/or interspersed within your message.
~~~
GJim wrote:
What, then, of the divergence between W3C and WHATWG?
There is W3C, and there is everybody else. WHATWG is nothing
more than a member of everybody else, no matter how great
its finite-but-unbounded sense of self-importance.
Philip Taylor
Thanks for that comforting answer. I hadn't even heard of WHATWG until a few
weeks ago - always referring to W3C for correct syntax.
I would edit your first sentence to read 'There is W3C, then Microsoft, and then
everyone else'. ;)
G'Jim c):{-
--
Custom book-boxes: http://www.wyomerc.com/bookboxes/bookboxes.html
Book repairs: http://www.wyomerc.com/bookrepair/bookrepairs.html
My photography: http://www.gjim.com
Savvy ponderable:
Trust everybody in the game, but always cut the cards.
---
This email is free from viruses and malware because avast! Antivirus protection
is active.
http://www.avast.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] Drop-menu items not 'sticky'
Howdy All,
One of my site testers is telling me that the drop-menu items, on this page,
under 'Annual Book and Paper Fair', are not 'sticky' - they don't show long
enough to make a selection.
http://rmaba.org/2014/index2014.html
She is using IE11, on Win7. I have tested using same, drop-items work fine for
me. Have also tested with Firefox, Opera, Chrome - all work as I
intended/expected.
Trying to determine what IE settings she might have set that would cause the
drop items to disappear.
CSS is here:
http://www.rmaba.org/rmaba2014.css
'nav' is section of css code that controls most of the action.
AtDhVaAnNkCsE
G'Jim c):{-
--
Custom book-boxes: http://www.wyomerc.com/bookboxes/bookboxes.html
Book repairs: http://www.wyomerc.com/bookrepair/bookrepairs.html
My photography: http://www.gjim.com
Savvy ponderable:
Truth and memory are related but not identical - Carlin Brooks
---
This email is free from viruses and malware because avast! Antivirus protection
is active.
http://www.avast.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] Drop-menu items not 'sticky'
~~~
Wednesday, April 30, 2014, 10:16:47 AM (USA 'Somewhere on-the-road time-zone'),
you wrote the message that appears below.
My reply appears here and/or interspersed within your message.
~~~
Thanks to all who responded.
I think I have determined the issue. She was hovering only on the down arrow at
the end of the top menu item, not realizing that the drop-down would appear by
hovering anywhere on that menu item*. The drop-down menu box wasn't wide
enough to
match the entire menu item - so, when she moved off the down arrow, the box
disappeared.
I have increased the width of the drop-down menu box.
Also, I forgot to mention in my original message that this is a 'work in
progress' - these pages have not yet been released to the public. We are
working on a much-needed, much-delayed, site improvement.
Existing site layout can be viewed at:
www.rmaba.org
*It's things like this that remind us that not everyone looks at things the same
way!
PS - I got THOSE photos from 'Clara Anne' {Clara Anne
claram...@hotmail.com}
Trying to determine what IE settings she might have set that would cause the
drop items to disappear.
G'Jim c):{-
--
Custom book-boxes: http://www.wyomerc.com/bookboxes/bookboxes.html
Book repairs: http://www.wyomerc.com/bookrepair/bookrepairs.html
My photography: http://www.gjim.com
Savvy ponderable:
Discussion is an exchange of knowledge;
argument an exchange of ignorance.
---
This email is free from viruses and malware because avast! Antivirus protection
is active.
http://www.avast.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] Font-Sizes - Golden Rule ?
Howdy Crest,
~~~
Tuesday, April 8, 2014, 9:24:14 PM (USA 'Somewhere on-the-road time-zone'),
you wrote the message that appears below.
My reply appears here and/or interspersed within your message.
~~~
Em are the best solution for font-sizes, from everything that I know.
Pixels I don't know if pixels should be used at all and percentages from
what I know are relative to the browser size, is this correct or am I
mis-understanding something.
Newbie here, have been a member for only a few days.
I had been using 'small', or 'medium', for general text and links, and then %
for other (larger, i.e. h1, h2, c.) elements.
I use Firefox as my main browser, but also keep latest versions of IE, Opera,
Chrome, Safari, and Maxthon for testing.
I have found an issue with Opera (v12.16 is installed) when using 'small' vs %.
Using 'small', when viewing a site in a less-than-full-screen window, decreasing
the width of the window can lead to a link text wrapping rather than
proportionally shrinking with the column. If I define the link text as '87.5%',
the link does not wrap, but shrinks as I would want/expect.
I do not see this action in other browsers - all the others that I test with
keep the link proportional and it does not wrap.
Link, to see this in action:
http://www.rmaba.org/rmaba_members2014.html
Using Opera, shrink horizontal width and watch the link titled 'Colorado Springs
Area', in the right-hand column. At the moment, text in that box is defined as
'small'. If I change that to '87.5%', then that link text will not wrap - the
same as occurs in other browsers regardless of using 'small' or the %.
G'Jim c):{-
--
Custom book-boxes: http://www.wyomerc.com/bookboxes/bookboxes.html
Book repairs: http://www.wyomerc.com/bookrepair/bookrepairs.html
My photography: http://www.gjim.com
Savvy ponderable:
A smile from a good woman is worth more'n
a dozen handed out by a bartender.
---
This email is free from viruses and malware because avast! Antivirus protection
is active.
http://www.avast.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] Font-Sizes - Golden Rule ?
Howdy Georg,
~~~
Wednesday, April 9, 2014, 1:09:22 PM (USA 'Somewhere on-the-road time-zone'),
you wrote the message that appears below.
My reply appears here and/or interspersed within your message.
~~~
Note that Opera v/12.16 uses the old Presto engine, for which all
development is frosen/ended. A good browser, but no good designing
for/in it anymore.
Download Opera 20+ that uses the Blink engine, same as Google Chrome 32+
and with very few differences from this in how it renders anything.
regards
Georg
Thanks for that info. Have downloaded Opera 20 and will use that to test with,
going forward. I may very well have site visitors using older versions of Opera
- according to site stats, I have visitors still using IE3!
G'Jim c):{-
--
Custom book-boxes: http://www.wyomerc.com/bookboxes/bookboxes.html
Book repairs: http://www.wyomerc.com/bookrepair/bookrepairs.html
My photography: http://www.gjim.com
Savvy ponderable:
When people ask me What's your sign?
I jist tell 'em it's a flashin' one
... that sez 'The Bar is Open'.
---
This email is free from viruses and malware because avast! Antivirus protection
is active.
http://www.avast.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] Font-Sizes - Golden Rule ?
Howdy Philip,
~~~
Wednesday, April 9, 2014, 1:37:54 PM (USA 'Somewhere on-the-road time-zone'),
you wrote the message that appears below.
My reply appears here and/or interspersed within your message.
~~~
I /think/ I would check whether my site statistics had been
updated this millenium, if I were you ...
Philip Taylor
They are updated daily, with monthly summaries.
G'Jim c):{-
--
Custom book-boxes: http://www.wyomerc.com/bookboxes/bookboxes.html
Book repairs: http://www.wyomerc.com/bookrepair/bookrepairs.html
My photography: http://www.gjim.com
Savvy ponderable:
Experience is another word fer mistakes.
---
This email is free from viruses and malware because avast! Antivirus protection
is active.
http://www.avast.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/
