I have my "waffle" menu div hiding until viewport reaches max-width:
42.5rem, using display:none; in the desktop CSS, then using display:inline;
at 42.5rem
Is it adequate correct to apply same thing in reverse to just the header
nav ul? Or must I apply it also to all the children?
Something
At the link below, I have a simple header nav inside my header and my
intention is to have the page be flexible as well as responsive..haven't
done the media breaks yet.
Why doesn't the header menu move to the left right away as the viewport
gets narrower? Eventually it moves, but "portfolio" is
I'm using "violator" in the sense of one element that "violates" the space
of another..
hoping to code an item that looks like the graphic in the link below..so
far, I have the image floating here or there, but not succeeding getting a
text hunk to be part of it.
Thank you for any clues!
John
r?
>
> On Mon, Mar 28, 2016 at 5:00 PM John J <cr8...@gmail.com> wrote:
>
>> I'm using "violator" in the sense of one element that "violates" the space
>> of another..
>>
>> hoping to code an item that looks like the graphic in the link
gt;
>
> Greg
>
> -Original Message-
> From: org [mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of John J
> Sent: Monday, April 11, 2016 4:29 PM
> To: css-d@lists.css-discuss.org
> Subject: [css-d] contact form tutorial
>
> I have my actual form built in html/css
Thank you, Karl!
On Apr 11, 2016 5:37 PM, "Karl DeSaulniers" <k...@designdrumm.com> wrote:
> Google..
>
> sendmail php
>
> GL,
>
> Best,
>
> Karl DeSaulniers
> Design Drumm
> http://designdrumm.com
>
>
>
>
> On Apr 11, 2016, at 6:28
I have my actual form built in html/css. Can anyone point me to a good
tutorial for beginners for the functional stuff? The validating/sending of
the mail?
Sorry, I realize this is OT..
Thank you!
John
__
css-discuss
I have an image which I want to scale when the viewport changes in size.
The css I have applied to image is:
.image-right{
float:right;
max-width: 100%;
height: auto;
}
__
css-discuss [css-d@lists.css-discuss.org]
I have the css below applied to an image at: john-a-johnson.com yet the
image won't scale when view port resizes..can anyone point out what I'm
doing wrong?
Thank you!
John
.image-right{
float:right;
max-width: 100%;
height: auto;
}
, 2016 at 11:35 AM, Rod Castello <rodcastel...@gmail.com>
wrote:
> It scales for me when the viewport falls below 400px in width. It falls
> below the left copy block and starts to scale.
>
>
> On Mon, Mar 7, 2016 at 10:34 AM, John J <cr8...@gmail.com> wrote:
>
>
at 10:31 AM, Tom Livingston <tom...@gmail.com> wrote:
> A link is best. However, is the css applied to the image itself, or a
> container?
>
> On Mon, Mar 7, 2016 at 1:18 PM, John J <cr8...@gmail.com> wrote:
>
>> I have an image which I want to scale when the viewpo
Williams <ch...@clwill.com> wrote:
> The issue is not with the style of the img, it's with the styling on the
> div that includes it. It needs a width spec too.
>
> On 3/7/16, 11:52 AM, "css-d-boun...@lists.css-discuss.org on behalf of
> John J" <css-d-boun...@lists.
, 2016 at 1:33 PM, Karl DeSaulniers <k...@designdrumm.com>
wrote:
> check your float.
> float will make images be wrapped by text.
>
> Best,
>
> Karl DeSaulniers
> Design Drumm
> http://designdrumm.com
>
>
>
> On Mar 7, 2016, at 3:12 PM, John J <c
t.
> Let me know if you run across a browser that chews it up and spits it out.
>
> Best,
>
> Karl DeSaulniers
> Design Drumm
> http://designdrumm.com
>
>
>
>
> On Mar 28, 2016, at 5:55 PM, John J <cr8...@gmail.com> wrote:
>
> > Yes, that's right..
Can anyone shed light on the concept of the setting of default border
properties? I may be suffering the effects of this on some elements which
ought to be following the same css, but which seem not to be; differing
border code might be the reason.
Thank you!
J
At the link below, I'm having trouble getting the hover state to look the
same across browsers. On hover, there should be a red line under the
hovered-over item as wide as the thin gray line below it, as thick as that
line is.
The thickness seems to match, but the positioning is off, browser to
gt; under the “more options” disclosure triangle thingie).
> http://jigsaw.w3.org/css-validator/
> On Wed, Jul 20, 2016 at 7:01 PM, Philippe Wittenbergh <e...@l-c-n.com>
> wrote:
> > On Jul 21, 2016, at 2:05 AM, John J <cr8...@gmail.com> wrote:
> >
> > Wo
I hope this is CSS enough for this list..I have a form in which my CSS must
be different for textarea than for the name, email, phone #, etc fields, to
be the same width, and to have the same type attributes.
I have no clue why; seems very trial-and-errorish to get a uniform look,
ie, all fields
Working on my code, I decided to see what they CSS validator had to say
about it, and it threw out 154 errors, most of which were about rem as my
value of measure for things like padding, type, borders, margin.
I am using rem on advice of a developer who said that a certain pinhead,
un-named
At the link below, the name, email, subject fields don't appear to be
obeying rules governing width as in the previous media breaks..
at 360 and 320, those fields exceed the width of their parent, rather than
respecting padding set prior..maybe I'm missing something..if I have my
rules set up
signdrumm.com/>
>
>
>
>
> > On Sep 22, 2016, at 6:25 PM, John J <cr8...@gmail.com> wrote:
> >
> > Yeah..that sounds good. Easy enough to make that change. Why does the
> space happen in the first place? Why does images being inline cause it?
>
t; > case-by-case, you may find yourself making images block frequently.
> >
> > Glad I could help.
> >
> > On Thu, Sep 22, 2016 at 12:20 PM, John J <cr8...@gmail.com> wrote:
> >> ^^ OK..doing that does work; so that when I need images to be inline,
> I'l
Are you saying to do this to my initial img tag so that this is universal?
On Thu, Sep 22, 2016 at 9:16 AM, Tom Livingston <tom...@gmail.com> wrote:
> On Thu, Sep 22, 2016 at 12:13 PM, John J <cr8...@gmail.com> wrote:
> > I have 6 image tiles; 2 rows of 3 at desktop
I have 6 image tiles; 2 rows of 3 at desktop size. Each square has a
background color, and an image placed inside.
Each of these "tiles" shows through the background color of about 3-4
pixels. I can not see what's allowing this. I have my styles for the tiles
set at max-width:30%; height:auto;
I have a possible need for bullets at the mobile media break to be arranged
in columns of maybe 3 or 4 bullets each; at Desktop, each set of bullets
will be vertical (Block)
Is there a way to have the chunks of bullets be block within their "chunks"
but have the chunks be arranged horizontally?
^^ OK..doing that does work; so that when I need images to be inline,
I'll have to handle it with stylesheets? Is this a best practice, to
declare images as block up in the area where we have our other resets?
Thank you, Tom
On Thu, Sep 22, 2016 at 9:18 AM, John J <cr8...@gmail.com>
be block. On the other hand, if you handle it
> case-by-case, you may find yourself making images block frequently.
>
> Glad I could help.
>
> On Thu, Sep 22, 2016 at 12:20 PM, John J <cr8...@gmail.com> wrote:
> > ^^ OK..doing that does work; so that whe
D'oh!
I used iframe for an earlier experiment..didn't think to get rid of that.
Thank you, Tom!
J
On Fri, Nov 11, 2016 at 11:18 AM, Tom Livingston <tom...@gmail.com> wrote:
> On Fri, Nov 11, 2016 at 2:03 PM, John J <cr8...@gmail.com> wrote:
> > I placed an anima
I placed an animated gif on a web page; the dimensions of the gif do not
exceed the capacity of the containing div, yet I have scrollbars. Link
below.
Is there a best practice for defeating scrollbars? Do we automatically get
scrollbars with placed media unless we spec otherwise?
Thank you!
No, but I still had iframe code in there..
On Nov 11, 2016 2:27 PM, "Karl DeSaulniers" <k...@designdrumm.com> wrote:
> overflow:hidden; didn't work?
>
> Best,
> Karl
>
> Sent from losPhone
>
> > On Nov 11, 2016, at 1:03 PM, John J <cr8...@gmai
Can anyone here who develops on an iPad kindly share how this is done?
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/
And nowhere else, correct? I'm referring to external CSS
Thank you.
__
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 --
32 matches
Mail list logo