[css-d] we need application specialists (web, iOS, Android)
I don’t know if posting this to this list is with the rules so not please delete and accept my apologies. I have been working on a startup for the last two years and we are starting to build although short a few people. I am looking for backend devs for web, Android and iOS ideally who live in the SF Bay Area. Hit me up if you or anyone you know is interested :) Sincerely, Matthew P. Johnson | Eco I.T. 708 Bay Road Mill Valley CA 94941 | 415.254.1563 | ecoitsf.com Please consider the environment before printing this email. __ 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] how to get rid of scroll bar at bottom of page
http://peacetimemachine.com/ecoit/index.shtml How to do I get rid of the scroll bar at the bottom of the page? I would like the phantom scroller on the right side to keep balance when a page that needs to be scrolled down does not shift. Thank you J Matthew P. Johnson | Eco I.T. 708 Bay Road Mill Valley CA 94941 | 415.254.1563 | http://ecoitsf.com ecoitsf.com P Please consider the environment before printing this email. __ 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] browser check
Hi Ya'll I am almost finished with our house site. Can you let me know if it displays correctly in your browser/os? Tanks :0) http://applegateelements.com/ Matthew P. Johnson | Eco I.T. 708 Bay Road Mill Valley CA 94941 | 415.254.1563 | http://ecoitsf.com ecoitsf.com P Please consider the environment before printing this email. __ 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] browser check
-Original Message- From: css-d-boun...@lists.css-discuss.org [mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Chris F.A. Johnson Sent: Friday, February 11, 2011 3:04 PM To: Matthew P. Johnson Cc: css-d@lists.css-discuss.org Subject: Re: [css-d] browser check On Fri, 11 Feb 2011, Matthew P. Johnson wrote: I am almost finished with our house site. Can you let me know if it displays correctly in your browser/os? ... http://applegateelements.com/ Is this how you want it to look? http://t.cfaj.ca/applegate.jpg (Which browser and which OS are irrelevant.) -- Chris F.A. Johnson, http://cfajohnson.com/ Oh man what browser/os is this? It does not look right at all. __ 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] browser check
-Original Message- From: css-d-boun...@lists.css-discuss.org [mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of James Sheffer Sent: Friday, February 11, 2011 3:39 PM To: Matthew P. Johnson Cc: css-d@lists.css-discuss.org Subject: Re: [css-d] browser check Seems to display fine here: Mac 10.6x Safari WIN XP IE 8 Firefox 3.6 James Sheffer, The HigherPowered Team! Beautiful, thank you James. :) __ 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] browser check
-Original Message- From: Beth Lee [mailto:callib...@gmail.com] Sent: Friday, February 11, 2011 4:10 PM To: 'Matthew P. Johnson'; 'Chris F.A. Johnson' Cc: css-d@lists.css-discuss.org Subject: RE: [css-d] browser check On Fri, 11 Feb 2011, Matthew P. Johnson wrote: I am almost finished with our house site. Can you let me know if it displays correctly in your browser/os? ... http://applegateelements.com/ Is this how you want it to look? http://t.cfaj.ca/applegate.jpg Oh man what browser/os is this? It does not look right at all. On Windows Vista, looks fine in Chrome, IE8, Firefox, and Safari, as long as the window is large enough. But look at it in a 800x600 window. The header image reduces to fit, while the navigation bar causes a scroll bar, so that there is a gap to the right of the header image when you scroll right. Kind of strange looking, I think. I'd say that wasn't a problem, since so few people browse on their computers at 800x600. But given this behavior, I'm surprised that it looks fine on a Droid X -- the entire image and navigation magnify and reduce together. Regards, Beth Lee www.bethleedesign.com Beth: I am not too concerned about 800x600 resolution and kept that in mind when I started. 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 -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] browser check
-Original Message- From: css-d-boun...@lists.css-discuss.org [mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Chris Blake Sent: Friday, February 11, 2011 4:20 PM To: css discuss discuss Subject: Re: [css-d] browser check - the entire image and navigation magnify and reduce together. Yeh that bits cool. I went to one of the gallery pages - there no loader and it was quite a wait for the first large image. Whilst waiting the border does not sit where it should be, it is up and behind the thumbs. I would have thought a .clear in the thumbnail container would fix it. Regards, Beth Lee www.bethleedesign.com I will try .clear and see if that fixes it. Thx :) __ 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] browser check (Matthew P. Johnson)
-Original Message- From: css-d-boun...@lists.css-discuss.org [mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Andrew C. Johnston Sent: Friday, February 11, 2011 9:47 PM To: css-d@lists.css-discuss.org Subject: Re: [css-d] browser check (Matthew P. Johnson) Site looks good, other than the misspelling in the header image... Oh wow... thanks for catching that. __ 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] open blockqoute issue
Hey y'all Tim fixed the end quote issue with my blockqoute but I can't for the life of me figure out how to drop the space after the first line and position the opening quote. http://ecoitsf.com/test/testimonials.shtml Matthew P. Johnson | Eco I.T. 708 Bay Road Mill Valley CA 94941 | 415.254.1563 | http://ecoitsf.com/ ecoitsf.com P Please consider the environment before printing this email. __ 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] open blockqoute issue - open and close qoutes placement issue resolved/code coming soon
-Original Message- From: css-d-boun...@lists.css-discuss.org [mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of ?? Sent: Wednesday, February 02, 2011 11:34 AM To: Matthew P. Johnson Cc: css-d@lists.css-discuss.org Subject: Re: [css-d] open blockqoute issue Yeah, Philippe is right. put line-height: 1.3em; or line-height: 130%; in the blockquote CSS selector then you know what to do later. Wish it works! Best ~d [Matthew P. Johnson] OK I think I have it. Let me format the sucker and I will up the changes. Thanks guys/girls. :) __ 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] spacing on right side
I almost have this how I want it. I would like to not have the space to the
right of each testimonial. Anyone know how to fix this?
http://ecoitsf.com/test/testimonials.shtml
/* blockqoute */
#blockquote_container {
width:55.9%;
height:590px;
float:left;
padding-left:17px;
padding-right:15px;
padding-top:25px;
border-right:thin #bac2d1 solid;
border-left:thin #bac2d1 solid;
}
blockquote span.open {
position: relative;
font-size: 6em;
/*color: #EFEFEF;*/
color:#dcdada;
top: .2em;
vertical-align: top;
}
blockquote span.close {
position: relative;
font-size: 6em;
/*color: #EFEFEF;*/
color:#e4dfdf;
color:#dcdada;
top: .3em;
vertical-align: top;
left:-.2em;
}
blockquote {
color: #BBB;
color:#333;
font-size: .8em;
font-style:italic;
margin-top:0px;
margin-left:-5px;
line-height: 1.3em;
}
span.credit {
font-size:.8em;
font-style:italic;
font-weight:bold;
}
Matthew P. Johnson | Eco I.T.
708 Bay Road Mill Valley CA 94941 | 415.254.1563 | http://ecoitsf.com/
ecoitsf.com
P Please consider the environment before printing this email.
__
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] spacing on right side
-Original Message-
From: css-d-boun...@lists.css-discuss.org
[mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Beth Lee
Sent: Wednesday, February 02, 2011 4:42 PM
To: 'Matthew P. Johnson'; css-d@lists.css-discuss.org
Subject: Re: [css-d] spacing on right side
Matthew, you write:
I almost have this how I want it. I would like to not have the space to
the
right of each testimonial. Anyone know how to fix this?
http://ecoitsf.com/test/testimonials.shtml
blockquote {
color: #BBB;
color:#333;
font-size: .8em;
font-style:italic;
margin-top:0px;
margin-left:-5px;
line-height: 1.3em;
}
My Chrome browser is adding margin: 1em 40px; to your style sheet because
you haven't specified a right or bottom margin.
Add the following line to your blockquote statement:
margin-right: 12px;
Or just have one line for the margins:
margin: 0 12px 16px -5px;
(Why do you have 2 colors in your statement?)
Regards,
Beth Lee
www.bethleedesign.com
[Matthew P. Johnson] Thank you Beth. I am playing with colors and just
commented out one of the colors. The code is not final. I am still working
on the site. :)
__
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] issue with blockqoute - solution
-Original Message- From: css-d-boun...@lists.css-discuss.org [mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Tim White Sent: Monday, January 31, 2011 10:01 AM To: Matthew P. Johnson Cc: css-d@lists.css-discuss.org Subject: Re: [css-d] issue with blockqoute On Sun, Jan 30, 2011 at 11:47 PM, Matthew P. Johnson i...@ecoitsf.com wrote: Interesting. It puts a space after the opening line as well. I may just have to use an image eh? Well, this works -- at least in my 2 minute test. Add the following 2 lines to your span.close rule: top: -.2em; vertical-align: top; It may not scale well, so test it out under various conditions. Tim [Matthew P. Johnson] Tim, That is perfect. 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 -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] issue with blockqoute - solution ps
-Original Message- From: css-d-boun...@lists.css-discuss.org [mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Tim White Sent: Monday, January 31, 2011 10:01 AM To: Matthew P. Johnson Cc: css-d@lists.css-discuss.org Subject: Re: [css-d] issue with blockqoute On Sun, Jan 30, 2011 at 11:47 PM, Matthew P. Johnson i...@ecoitsf.com wrote: Interesting. It puts a space after the opening line as well. I may just have to use an image eh? Well, this works -- at least in my 2 minute test. Add the following 2 lines to your span.close rule: top: -.2em; vertical-align: top; It may not scale well, so test it out under various conditions. Tim [Matthew P. Johnson] Hi Tim, That fixed the end quotes. How would I line up the open quotes? __ 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] issue with blockqoute
I am having an issue with the last line of each quote. A space is added. How
do I get rid of it.
http://www.ecoitsf.com/test/testimonials.shtml
this is the css I am using
/* blockqoute */
#blockquote_container {
width:61.5%;
height:590px;
float:left;
padding-left:17px;
padding-right:15px;
border-right:thin #bac2d1 solid;
border-left:thin #bac2d1 solid;
}
blockquote span.open {
position: relative;
top: 0.2em;
font-size: 5em;
color:#dcdada;
}
blockquote span.close {
position: relative;
top: 0.8em;
font-size: 5em;
color:#e4dfdf;
color:#dcdada;
}
blockquote {
color:#333;
font-size: 1em;
font-style:italic;
margin-top:0px;
margin-left:-5px;
}
Matthew P. Johnson | Eco I.T.
708 Bay Road Mill Valley CA 94941 | 415.254.1563 | http://ecoitsf.com
ecoitsf.com
P Please consider the environment before printing this email.
__
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] issue with blockqoute
On 1/30/11 5:28 PM, Matthew P. Johnson wrote: I am having an issue with the last line of each quote. A space is added. How do I get rid of it. http://www.ecoitsf.com/test/testimonials.shtml [...] It's the line box for the last line that causes the gap. Because the span.close is inline, the last line is 5em tall. The reason is not obvious as the closing quote mark appears lower than the actual space it takes up in the document. (Look up relative positioning.) Solution: Make the span display: block; and it won't affect the line box. -- Cordially, David Thank you David. This removes the space but puts the end quotes to a left align. Sincerely, Matthew __ 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] issue with blockqoute
Interesting. It puts a space after the opening line as well. I may just have to use an image eh? __ 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] issue with blockqoute - ps
I see the issue. It is with the size of the font. There is a space after the first line and before th last. Is there a way to remedy this using css without an image or will I have to use an image for the quotes? Sincerely, Matthew __ 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 down vertical nav?
Can a drop down effect for a nav be created using pure css? Something like the following link without using any sort of script. http://jquery.bassistance.de/treeview/demo/?1 Matthew P. Johnson | Eco I.T. 708 Bay Road Mill Valley CA 94941 | 415.254.1563 | http://ecoitsf.com/ ecoitsf.com P Please consider the environment before printing this email. __ 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 down vertical nav?
-Original Message- From: css-d-boun...@lists.css-discuss.org [mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Matthew P. Johnson Sent: Tuesday, January 18, 2011 3:31 PM To: css-d@lists.css-discuss.org Subject: [css-d] drop down vertical nav? Can a drop down effect for a nav be created using pure css? Something like the following link without using any sort of script. http://jquery.bassistance.de/treeview/demo/?1 [Matthew P. Johnson] the graphics not necessary just the text and drop down for sub nav's. __ 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 down vertical nav?
-Original Message- From: css-d-boun...@lists.css-discuss.org [mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Tim Climis Sent: Tuesday, January 18, 2011 5:15 PM To: css-d@lists.css-discuss.org Subject: Re: [css-d] drop down vertical nav? On Tuesday, January 18, 2011 6:33:03 pm Matthew P. Johnson wrote: -Original Message- From: css-d-boun...@lists.css-discuss.org [mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Matthew P. Johnson Sent: Tuesday, January 18, 2011 3:31 PM To: css-d@lists.css-discuss.org Subject: [css-d] drop down vertical nav? Can a drop down effect for a nav be created using pure css? Something like the following link without using any sort of script. http://jquery.bassistance.de/treeview/demo/?1 [Matthew P. Johnson] the graphics not necessary just the text and drop down for sub nav's. No. The issue here is that CSS has no after click state. It could (in theory -- I haven't tried) do this if you wanted the folder to extend when you hover over it (:hover), or when you tab on to it with the keyboard (:focus) (including the graphics), but it can't do it on a click. You need Javascript to catch the click and do something with it (ie switch the CSS from display: none to display: block). ---Tim [Matthew P. Johnson] That makes sense. 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 -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] nav layout on a mac
-Original Message- From: css-d-boun...@lists.css-discuss.org [mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Chetan Crasta Sent: Monday, January 03, 2011 8:36 PM To: David Laakso Cc: css-d@lists.css-discuss.org Subject: Re: [css-d] nav layout on a mac On Tue, Jan 4, 2011 at 2:19 AM, David Laakso da...@chelseacreekstudio.com wrote: I have fixed the problems with the page. Here are two slightly different versions: http://roughtech.com/t/apple.html http://roughtech.com/t/apple1.html Hit the verticals and hold the horizontals or you'll need to scroll both horizontally and vertically to read the content text with font-scalling. No, take a closer look. With Zoom Text Only, http://roughtech.com/t/apple1.html doesn't get a horizontal scrollbar because the widths have been declared in px. ~Chetan Thank you for everyone's input. Sincerely, Matthew __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] nav layout on a mac
I have the web site looking alright but I was at a friend house on NYE and notice the navigation was getting clipped on her Mac. If anyone has a Mac and you let me know what browser and OSv you are running if you have the clipping issue occurring? http://www.applegateelements.com/ Sincerely, Matthew P. Johnson | Eco I.T. 708 Bay Road Mill Valley CA 94941 | 415.254.1563 | http://ecoitsf.com ecoitsf.com P Please consider the environment before printing this email. __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] image placement question
OK So I have figured out how to left align, now I am trying to figure out if there is a way to have the images start a second column when a fixed height is reached instead of continuing downward forever. http://www.ecoitsf.com/test/index.html Matthew P. Johnson | Eco I.T. 708 Bay Road Mill Valley CA 94941 | 415.254.1563 | http://ecoitsf.com ecoitsf.com P Please consider the environment before printing this email. __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] image placement question - amended
OK So I have figured out how to left vertically align, now I am trying to figure out if there is a way to have the images start a second column when a fixed div height is reached instead of continuing downward forever. I am trying to accomplish this without using a table. :) http://www.ecoitsf.com/test/index.html Matthew P. Johnson | Eco I.T. __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] image placement question - amended
On Tuesday, December 28, 2010 04:41:10 pm Matthew P. Johnson wrote: OK So I have figured out how to left vertically align, now I am trying to figure out if there is a way to have the images start a second column when a fixed div height is reached instead of continuing downward forever. I am trying to accomplish this without using a table. :) http://www.ecoitsf.com/test/index.html Matthew, Your not going to be able to accomplish this with CSS. Your going to have to use some type of language, php for example. -- Blessings David M. Really??? :( OK I will start searching for scripting options. Thank you David. Sincerely, Matthew __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] image layout question
-Original Message- From: Chetan Crasta [mailto:chetancra...@gmail.com] Sent: Tuesday, December 28, 2010 8:26 PM To: Matthew P. Johnson Cc: css-d@lists.css-discuss.org Subject: Re: [css-d] image layout question 2. how to align images from right to left instead of the default left to right? when photos are added to the beginning of the list the older photos move into position after new photo. I have a solution that *might* be of help: http://roughtech.com/t/picalign.html However, there are some limitations: The top-margin of the t1#div has to be manually specified to be equal to the total height of all the rows. The number of selectors on line 29 to 35 have to be equal to the expected number of rows. For example, if the maximum number of rows is 5, then there should be 5 selectors. Does not work in IE6. Perhaps someone can improve this design? ~Chetan Hi Chetan, Thank you for looking at this test piece. I am going to have a look at the code tomorrow. I am however looking at the link you posted and notice that the layout may work except the images placement is a little different than what I was thinking. The height would not be an issue for the horizontal layout as long as the width was dynamic as images are added. Have a look at these two images to see what I mean as far as layout. I figured out how to stack the images vertically as you can see in the html not jpg link and we may be able to implement your code to get it to work with the layout I am proposing. Image 1 indicate this first image added, image 6 indicates the last image added. http://ecoitsf.com/test/Untitled-1.jpg http://ecoitsf.com/test/Untitled-2.jpg http://www.ecoitsf.com/test/index.html Sincerely, Matthew __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] image layout question - ps
-Original Message- From: css-d-boun...@lists.css-discuss.org [mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Chetan Crasta Sent: Tuesday, December 28, 2010 8:26 PM To: Matthew P. Johnson Cc: css-d@lists.css-discuss.org Subject: Re: [css-d] image layout question 2. how to align images from right to left instead of the default left to right? when photos are added to the beginning of the list the older photos move into position after new photo. I have a solution that *might* be of help: http://roughtech.com/t/picalign.html However, there are some limitations: The top-margin of the t1#div has to be manually specified to be equal to the total height of all the rows. The number of selectors on line 29 to 35 have to be equal to the expected number of rows. For example, if the maximum number of rows is 5, then there should be 5 selectors. Does not work in IE6. Perhaps someone can improve this design? ~Chetan Hi Chetan, I had another quick look and this would absolutely work for the vertical layout but having to add a line for each row may become arduous over time if a lot of images are displayed. Good work and thank you. Matthew __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] image layout question
I am working on a personal project. I want to be able to accomplish several things and am wondering if it is possible using css to do so. Here is the list. !-- this is a project to figure out how to do several things this has to be accomplished by not using fixed positions. 1. how to align images vertically from the top down or bottom to top? div must have fixed width so when photos are added to the beginning of the list the older photos move into position after new photo. 2. how to align images from right to left instead of the default left to right? div must have fixed width so when photos are added to the beginning of the list the older photos move into position after new photo. once item 1. and 2. are figured out, can i just add an image to the top of the img list and have the image add itself to the beginning of the page. re: new photo's will be at the front of the page and older images at the end of the page. 3. how do i swap css so the user can choose how to view the images? ex: oldest photo's first. oldest photos first. oldest photos on top. oldest photos on bottom. -- http://www.ecoitsf.com/test/index.html Matthew P. Johnson | Eco I.T. 708 Bay Road Mill Valley CA 94941 | 415.254.1563 | http://ecoitsf.com ecoitsf.com P Please consider the environment before printing this email. __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] image gallery question
-Original Message- From: css-d-boun...@lists.css-discuss.org [mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Brian M. Curran Sent: Tuesday, December 21, 2010 5:13 AM To: css-d@lists.css-discuss.org Subject: Re: [css-d] image gallery question On 12/20/10 5:04 PM, Matthew P. Johnson wrote: I am also looking for a better image gallery but the thing I do like about this gallery is that all I have to do to add images is resize the larger image and add a line of code and I am done so it works well for regular edits without having to run the image set through a program every time we need to update. David Laakso wrote: Bah! Humbug! I went through looking for a good image gallery a while back. I got tons of good feedback here, even from Scrooge. You can check out what I decided to go with on my portfolio page: http://www.draftingservices.com/portfolio.html It has its pluses and minuses. [Matthew P. Johnson] Thank you all :) Happy Holidays __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] image gallery question
Happy Holidays to everyone J I am trying to figure out a way to have the thumbnails be a resize of the original image rather than a cropped section of the original image and also be able to format the larger image css so I can keep the border. I have been able to create resized thumbs then I lose the ability to format the larger image since I pass the larger image to a thumb. I am not sure if this is a CSS only question or if the CSS and JS need to be altered. I am also looking for a better image gallery but the thing I do like about this gallery is that all I have to do to add images is resize the larger image and add a line of code and I am done so it works well for regular edits without having to run the image set through a program every time we need to update. http://www.applegateelements.com/common_areas.shtml BTW CSS-D have been the greatest find and I really appreciate every who puts time into the community. Sincerely, Matthew P. Johnson | Eco I.T. 708 Bay Road Mill Valley CA 94941 | 415.254.1563 | http://ecoitsf.com/ ecoitsf.com P Please consider the environment before printing this email. __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] how do i get rid of the space under the header image?
http://www.applegateelements.com/new/index.htm All the code is in the index.htm Once I add the code for the nav, a space adds itself underneath the header image. Before I add the Nav code marked by / menu coding */ All is good. Btw I put the dashed line border so you can see the div. Thank you J Matthew P. Johnson | Eco I.T. 708 Bay Road Mill Valley CA 94941 | 415.254.1563 | http://ecoitsf.com ecoitsf.com P Please consider the environment before printing this email. __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] how do i get rid of the space under the header image?
-Original Message- From: css-d-boun...@lists.css-discuss.org [mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Tim Arnold Sent: Monday, December 13, 2010 2:03 PM To: Matthew P. Johnson Cc: css-d@lists.css-discuss.org Subject: Re: [css-d] how do i get rid of the space under the header image? On Mon, Dec 13, 2010 at 4:59 PM, Matthew P. Johnson i...@ecoitsf.comwrote: http://www.applegateelements.com/new/index.htm Once I add the code for the nav, a space adds itself underneath the header image. Before I add the Nav code marked by There is surely a better way, but adding display: block; to the header image will fix it. -- - tim.arn...@gmail.com That did. Thank you so much. Have a nice Holiday. :) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] same project - how do i move the gallery thumb left to center the gallery?
http://www.applegateelements.com/new/index.htm Matthew P. Johnson | Eco I.T. 708 Bay Road Mill Valley CA 94941 | 415.254.1563 | http://ecoitsf.com ecoitsf.com P Please consider the environment before printing this email. __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] same project - how do i move the gallery thumb left to center the gallery?
-Original Message-
From: css-d-boun...@lists.css-discuss.org
[mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of David Laakso
Sent: Monday, December 13, 2010 3:37 PM
To: css-d@lists.css-discuss.org
Subject: Re: [css-d] same project - how do i move the gallery thumb left to
center the gallery?
http://www.applegateelements.com/new/index.htm
Matthew P. Johnson
Try:
#gal_container { overflow: hidden;}
#jgal { margin-left: -3px; }
Best,
~d
--
http://chelseacreekstudio.com/
Thank you David. I had to play with the
#jgal { margin-left: -3px; }
Setting but it worked like a charm.
Sincerely, Matthew
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] does anyone know of...
-Original Message- From: css-d-boun...@lists.css-discuss.org [mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of David Laakso Sent: Thursday, December 02, 2010 7:46 PM To: css-d@lists.css-discuss.org Subject: Re: [css-d] does anyone know of... On 12/2/10 8:30 PM, Matthew P. Johnson wrote: http://applegateelements.com/new/lightweight%20image%20gallery.shtml The photo gallery only. When I added the code to the site I am working on it pushed the nav down from the header image so I am looking for a backup in case I can't figure out where the conflict is with the nav and header image. [Matthew P. Johnson] :) I don't know. But you might validate. State the OS/browsers that give you difficulty in your post. Find a decent e-mail client [ I've heard some use Thunderbird ]. And, remember -- not to forget -- that breakfast is the most important meal of the day. Best, ~betty crocker -- :: desktop and mobile :: http://chelseacreekstudio.com/ [Matthew P. Johnson] you are absolutely correct. Breakfast is the most important meal of the day, sometimes I forget. :D __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] [+] Re: does anyone know of...
-Original Message- From: css-d-boun...@lists.css-discuss.org [mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Chetan Crasta Sent: Friday, December 03, 2010 8:52 AM To: n...@tjkdesign.com Cc: css-d@lists.css-discuss.org; Matthew P. Johnson Subject: Re: [css-d] [+] Re: does anyone know of... @Thierry: All valid criticisms. However, when one wants to do anything fancy with plain HTML and CSS2, it is often at the cost of semantic correctness. On Fri, Dec 3, 2010 at 9:35 PM, Thierry Koblentz n...@tjkdesign.com wrote: A CSS-only lightbox will have many limitations. You cannot have the same functionality as the example you gave, with only CSS2. However, here is one good implementation of a css-only lightbox http://www.cssplay.co.uk/menu/lightbox-hover.html fwiw, I would not call this solution a good implementation. It is not keyboard accessible, it loads all the assets at once (versus on request), and wrap four block-level elements in each anchor (not a problem in HTML5 I believe). -- Regards, Thierry www.tjkdesign.com | www.ez-css.org | @thierrykoblentz [Matthew P. Johnson] This is great thank you. I think I will be able to make something work for the project I am working on. I have had the flu the last couple days and lacked the mental aptitude and motivation to search for a better CSS Gallery implementation. Thank you :) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site Revision
-Original Message- From: css-d-boun...@lists.css-discuss.org [mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of David Laakso Sent: Thursday, December 02, 2010 3:58 PM To: css-d@lists.css-discuss.org Subject: Re: [css-d] Site Revision On 12/2/10 12:27 PM, Del Wegener wrote: In response to the comments I received about a week ago, I have made quite a few changes to the proposed redesign of one of my sites. http://www.drdelmath.com/playpen/tableless_single_index_page2.html Del Lighten up a little, organize it, and make it readable-- or you'll put all your math students to sleep [if not their iPhones]. Projection not tested. Cursory checked IE 7/8 and compliant browsers 640px through 1680px windows on a 116.5 laptop. IE/6 gets fixed 776px header and content blocks. http://chelseacreekstudio.com/ca/cssd/del.htm Best, ~d -- :: desktop and mobile :: http://chelseacreekstudio.com/ [Matthew P. Johnson] Much better design David :) Matthew P. Johnson | Eco I.T. 708 Bay Road Mill Valley CA 94941 | 415.254.1563 | ecoitsf.com Please consider the environment before printing this email. __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] does anyone know of...
A css lightbox/shadowbox I can put a photo thumbnail gallery in? Essentially a web page with applicable code. Such a gallery like the one in the following link: http://applegateelements.com/new/lightweight%20image%20gallery.shtml Sincerely, Matthew P. Johnson | Eco I.T. 708 Bay Road Mill Valley CA 94941 | 415.254.1563 | http://ecoitsf.com/ ecoitsf.com P Please consider the environment before printing this email. __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] does anyone know of...
-Original Message- From: css-d-boun...@lists.css-discuss.org [mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Matthew P. Johnson Sent: Thursday, December 02, 2010 5:11 PM To: css-d@lists.css-discuss.org Subject: [css-d] does anyone know of... A css lightbox/shadowbox I can put a photo thumbnail gallery in? Essentially a web page with applicable code. Such a gallery like the one in the following link: http://applegateelements.com/new/lightweight%20image%20gallery.shtml Sincerely, Matthew P. Johnson | Eco I.T. 708 Bay Road Mill Valley CA 94941 | 415.254.1563 | http://ecoitsf.com/ ecoitsf.com P Please consider the environment before printing this email. [Matthew P. Johnson] The photo gallery only. When I added the code to the site I am working on it pushed the nav down from the header image so I am looking for a backup in case I can't figure out where the conflict is with the nav and header image. [Matthew P. Johnson] :) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] how do i get rid of space at the top of page
-Original Message- From: css-d-boun...@lists.css-discuss.org [mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of david Sent: Tuesday, November 30, 2010 10:45 PM To: css-d Subject: Re: [css-d] how do i get rid of space at the top of page Matthew P. Johnson wrote: http://applegateelements.com/new/test/index.htm What space at top of page? The Applegate Elements graphic looks bad shrunk down. When I turned off CSS on your page, it became readable. Using FF 3.6.12 on Linux. -- David gn...@hawaii.rr.com authenticity, honesty, community [Matthew P. Johnson] There is a small white space above the Applegate Elements graphic at the top of the page. I usually avoid this with the code I have in the css but for some reason it is still there. __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] how do i get rid of space at the top of page
-Original Message- From: css-d-boun...@lists.css-discuss.org [mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Matthew P. Johnson Sent: Wednesday, December 01, 2010 11:27 AM To: 'css-d' Subject: Re: [css-d] how do i get rid of space at the top of page -Original Message- From: css-d-boun...@lists.css-discuss.org [mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of david Sent: Tuesday, November 30, 2010 10:45 PM To: css-d Subject: Re: [css-d] how do i get rid of space at the top of page Matthew P. Johnson wrote: http://applegateelements.com/new/test/index.htm What space at top of page? The Applegate Elements graphic looks bad shrunk down. When I turned off CSS on your page, it became readable. Using FF 3.6.12 on Linux. -- David gn...@hawaii.rr.com authenticity, honesty, community [Matthew P. Johnson] There is a small white space above the Applegate Elements graphic at the top of the page. I usually avoid this with the code I have in the css but for some reason it is still there. [Matthew P. Johnson] nevermind. I figured it out. :) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] how do i get rid of space at the top of page
-Original Message-
From: css-d-boun...@lists.css-discuss.org
[mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of David Laakso
Sent: Wednesday, December 01, 2010 12:41 PM
To: css-d@lists.css-discuss.org
Subject: Re: [css-d] how do i get rid of space at the top of page
[Matthew P. Johnson]
There is a small white space above the Applegate Elements graphic at the top
of the page. I usually avoid this with the code I have in the css but for
some reason it is still there.
[Matthew P. Johnson] nevermind. I figured it out.:)
***
In what OS/browser did you see it, and how did you fix it?
~d
--
:: desktop and mobile ::
http://chelseacreekstudio.com/
[Matthew P. Johnson]
IE 9 vB
body {
margin:0;
padding:0;
font-family : Century Gothic;
background : #fff;
overflow:scroll;
}
#header img {
border-bottom-style : none;
border : none;
background:#FFF;
}
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] how do i get rid of space at the top of page
http://applegateelements.com/new/test/index.htm Sincerely, Matthew P. Johnson | Eco I.T. 708 Bay Road Mill Valley CA 94941 | 415.254.1563 | http://ecoitsf.com/ ecoitsf.com P Please consider the environment before printing this email. __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] ie menu formatting issue
Hello Everyone, I am trying to figure out why in all browsers but IE (8 and 9 tested) when you mouse over photo gallery 1. The green border cuts off on the upper right of the subnav border. 2. entry level - living truncates. This does not happen in Safari/Chrome/FF. Unfortunately we still live in an IE world. Here is a link to the nav I am working on. http://applegateelements.com/new/!new/index.htm Matthew P. Johnson | Eco I.T. 708 Bay Road Mill Valley CA 94941 | 415.254.1563 | http://ecoitsf.com/ ecoitsf.com P Please consider the environment before printing this email. __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] how would i center this nav?
-Original Message- From: css-d-boun...@lists.css-discuss.org [mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of David Laakso Sent: Wednesday, November 24, 2010 8:36 AM To: css-d@lists.css-discuss.org Subject: Re: [css-d] how would i center this nav? On 11/22/10 7:02 PM, Matthew P. Johnson wrote: http://www.applegateelements.com/!cssd/vert/index.htm Matthew P. Johnson Try approaching it as a division of labor by isolating only the navigation menu itself on the page... Best, ~d -- http://chelseacreekstudio.com/ Hi David, I have been doing just that. I can center the nav from the left hand side of the nav but I get stuck there. I can figure out how to center the nav from the center of the nav if that makes sense, only from the far left hand side of the nav. __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] how would i center this nav? + anyone home?
-Original Message- From: css-d-boun...@lists.css-discuss.org [mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of David Laakso Sent: Wednesday, November 24, 2010 1:49 PM To: css-d@lists.css-discuss.org Subject: Re: [css-d] how would i center this nav? + anyone home? On 11/24/10 1:37 PM, Matthew P. Johnson wrote: On 11/22/10 7:02 PM, Matthew P. Johnson wrote: http://www.applegateelements.com/!cssd/vert/index.htm Matthew P. Johnson See additions and correction at very top of embedded CSS: http://chelseacreekstudio.com/ca/cssd/mm.htm Best, Jose Havana -- http://chelseacreekstudio.com/ Hi David, Sorry for the delay I had to go out into the field for a bit. Yes the last email you sent regarding the nav I am working is correct. Thank you it looks perfect. I have to run out again but will have a look at how you made this work for my always continuing education. Have a wonderful Thanksgiving. Sincerely, Matthew __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] how can i place this menu in a div to be centered, respectively?
-Original Message-
From: css-d-boun...@lists.css-discuss.org
[mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Rick Gordon
Sent: Monday, November 22, 2010 3:38 PM
To: css-d@lists.css-discuss.org
Subject: Re: [css-d] how can i place this menu in a div to be centered,
respectively?
The definition for #nav in MenuMatic.css has text-align:right.
#nav{
display:block;
position: absolute;
list-style:none;
margin:0 0 0 -280px;
width:186px;
z-index:5;
top:10px; /* this has to be the same as #content in style.css */
left:33%; /* this has to be the same as #content in style.css */
text-align: right;
display:block;
}
That's the problem, change it to text-align:center. Or if you don't have
direct access to MenuMatic.css, add a definition to style.css with
!important.
--
On 11/22/10 at 3:10 PM -0800, Matthew P. Johnson wrote in a message entitled
Re: [css-d] how can i place this menu in a div to be center:
On Fri, Nov 19, 2010 at 6:49 PM, Matthew P. Johnson
i...@ecoitsf.comwrote:
Hello All,
I am trying to figure out how to place this menu in a three and two
column layout where the outer div is centered and the width is 1024px.
The menu should go in the left most div and the middle (on the three
column layout) or left (two column layout) will contain text and or
photos.
I have been working on this the last couple weeks and have not been
able to figure it out.
Here is the link:
http://www.applegateelements.com/!cssd/index.htm
And if you would like to download the files in a zip format:
http://www.applegateelements.com/!cssd/menumatic_howtocenter.zip
Sincerely,
Matthew P. Johnson | Eco I.T.
708 Bay Road Mill Valley CA 94941 | 415.254.1563 |
http://ecoitsf.com ecoitsf.com
P Please consider the environment before printing this email.
By running the page and 2 CSS files through the W3C validator I've
found a
few errors.
Page:
http://validator.w3.org/check?uri=http://www.applegateelements.com/!c
s
sd/index.htm
style.css:
http://jigsaw.w3.org/css-validator/validator?uri=http://applegateelem
e
nts.com/!cssd/css/style.cssprofile=css21usermedium=allwarning=1la
n
g=en
MenuMatic.css:
http://jigsaw.w3.org/css-validator/validator?uri=applegateelements.co
m
/!cssd/css/MenuMatic.cssprofile=css21usermedium=allwarning=1lang=
e
n
Fixing any errors here could resolve any problems you're having.
Alex
-
I had a look at the W3C validator and the only issues are mundane. I am
still stuck on this if anyone can help.
Sincerely, Matthew
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/ List policies --
http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
This only centers the text.
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] how can i place this menu in a div to be centered, respectively?
-Original Message- From: css-d-boun...@lists.css-discuss.org [mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Alex Mitchell Sent: Sunday, November 21, 2010 12:04 PM To: Matthew P. Johnson Cc: css-d@lists.css-discuss.org Subject: Re: [css-d] how can i place this menu in a div to be centered, respectively? On Fri, Nov 19, 2010 at 6:49 PM, Matthew P. Johnson i...@ecoitsf.comwrote: Hello All, I am trying to figure out how to place this menu in a three and two column layout where the outer div is centered and the width is 1024px. The menu should go in the left most div and the middle (on the three column layout) or left (two column layout) will contain text and or photos. I have been working on this the last couple weeks and have not been able to figure it out. Here is the link: http://www.applegateelements.com/!cssd/index.htm And if you would like to download the files in a zip format: http://www.applegateelements.com/!cssd/menumatic_howtocenter.zip Sincerely, Matthew P. Johnson | Eco I.T. 708 Bay Road Mill Valley CA 94941 | 415.254.1563 | http://ecoitsf.com ecoitsf.com P Please consider the environment before printing this email. By running the page and 2 CSS files through the W3C validator I've found a few errors. Page: http://validator.w3.org/check?uri=http://www.applegateelements.com/!cs sd/index.htm style.css: http://jigsaw.w3.org/css-validator/validator?uri=http://applegateeleme nts.com/!cssd/css/style.cssprofile=css21usermedium=allwarning=1lan g=en MenuMatic.css: http://jigsaw.w3.org/css-validator/validator?uri=applegateelements.com /!cssd/css/MenuMatic.cssprofile=css21usermedium=allwarning=1lang=e n Fixing any errors here could resolve any problems you're having. Alex - I had a look at the W3C validator and the only issues are mundane. I am still stuck on this if anyone can help. Sincerely, Matthew __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] how would i center this nav?
http://www.applegateelements.com/!cssd/vert/index.htm code http://www.applegateelements.com/!cssd/vert/vert.zip thank you, Matthew P. Johnson __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] how can i place this menu in a div to be centered, respectively?
-Original Message- From: css-d-boun...@lists.css-discuss.org [mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Alex Mitchell Sent: Sunday, November 21, 2010 12:04 PM To: Matthew P. Johnson Cc: css-d@lists.css-discuss.org Subject: Re: [css-d] how can i place this menu in a div to be centered, respectively? On Fri, Nov 19, 2010 at 6:49 PM, Matthew P. Johnson i...@ecoitsf.comwrote: Hello All, I am trying to figure out how to place this menu in a three and two column layout where the outer div is centered and the width is 1024px. The menu should go in the left most div and the middle (on the three column layout) or left (two column layout) will contain text and or photos. I have been working on this the last couple weeks and have not been able to figure it out. Here is the link: http://www.applegateelements.com/!cssd/index.htm And if you would like to download the files in a zip format: http://www.applegateelements.com/!cssd/menumatic_howtocenter.zip Sincerely, Matthew P. Johnson | Eco I.T. 708 Bay Road Mill Valley CA 94941 | 415.254.1563 | http://ecoitsf.com ecoitsf.com P Please consider the environment before printing this email. By running the page and 2 CSS files through the W3C validator I've found a few errors. Page: http://validator.w3.org/check?uri=http://www.applegateelements.com/!cs sd/index.htm style.css: http://jigsaw.w3.org/css-validator/validator?uri=http://applegateeleme nts.com/!cssd/css/style.cssprofile=css21usermedium=allwarning=1lan g=en MenuMatic.css: http://jigsaw.w3.org/css-validator/validator?uri=applegateelements.com /!cssd/css/MenuMatic.cssprofile=css21usermedium=allwarning=1lang=e n Fixing any errors here could resolve any problems you're having. Alex Thank you Alex. I will revisit this tomorrow. Sincerely, Matthew __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] how can i place this menu in a div to be centered, respectively?
Hello All, I am trying to figure out how to place this menu in a three and two column layout where the outer div is centered and the width is 1024px. The menu should go in the left most div and the middle (on the three column layout) or left (two column layout) will contain text and or photos. I have been working on this the last couple weeks and have not been able to figure it out. Here is the link: http://www.applegateelements.com/!cssd/index.htm And if you would like to download the files in a zip format: http://www.applegateelements.com/!cssd/menumatic_howtocenter.zip Sincerely, Matthew P. Johnson | Eco I.T. 708 Bay Road Mill Valley CA 94941 | 415.254.1563 | http://ecoitsf.com ecoitsf.com P Please consider the environment before printing this email. __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] how to swap this layout?
Does anyone know how to put the thumbnails on the right and have the image being swapped on the left? http://www.applegateelements.com/new/fotos/Lightweight%20Image%20Gallery.htm Sincerely, Matthew P. Johnson | Eco I.T.| ecoitsf.com __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] how to swap this layout?
Subject: Re: [css-d] how to swap this layout?
On 11/16/10 12:18 AM, Matthew P. Johnson wrote:
Does anyone know how to put the thumbnails on the right and have the
image being swapped on the left?
http://www.applegateelements.com/new/fotos/Lightweight%20Image%20Galle
ry.htm
Sincerely,
Matthew P. Johnson
Only checked in Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10.4; en-US;
rv:1.9.2.12) Gecko/20101026 Firefox/3.6.12
#jgal { list-style: none; width: 200px; border: 1px solid red; overflow:
hidden; float: left;margin-left: 457px; } #jgal li { opacity: .5; float:
/*left*/right; display: block; width:
60px; height: 60px; background-position: 50% 50%; cursor: pointer;
border: 3px solid /*#fff*/lime; outline: 1px solid #ddd; margin-right:
14px; margin-bottom: 14px; }
#jgal li img { position: absolute; top: 20px; left: /*220px*/0; display:
none; border: 1px dashed fuchsia; }
And validate the page CSS and markup.
Best,
Odilon Redon
Thank you for the quick response Odilon. BTW great name. :)
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] how to swap this layout?
Subject: Re: [css-d] how to swap this layout?
On 11/16/10 12:18 AM, Matthew P. Johnson wrote:
Does anyone know how to put the thumbnails on the right and have the
image being swapped on the left?
http://www.applegateelements.com/new/fotos/Lightweight%20Image%20Galle
ry.htm
Sincerely,
Matthew P. Johnson
Only checked in Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10.4; en-US;
rv:1.9.2.12) Gecko/20101026 Firefox/3.6.12
#jgal { list-style: none; width: 200px; border: 1px solid red; overflow:
hidden; float: left;margin-left: 457px; } #jgal li { opacity: .5; float:
/*left*/right; display: block; width:
60px; height: 60px; background-position: 50% 50%; cursor: pointer;
border: 3px solid /*#fff*/lime; outline: 1px solid #ddd; margin-right:
14px; margin-bottom: 14px; }
#jgal li img { position: absolute; top: 20px; left: /*220px*/0; display:
none; border: 1px dashed fuchsia; }
And validate the page CSS and markup.
Best,
Odilon Redon
Works beautifully. Thanks again.
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] treeview navigation with breadcrumbs /?
I am trying to figure out how to build a treeview navigation similar to sample 1 shown here http://jquery.bassistance.de/treeview/demo/ but with css or css3 that also implements breadcrumbs. Does anyone know how to do this? Also I am looking to do this horizontally. Sincerely, Matthew P. Johnson | Eco I.T. 320 Warwick Avenue Oakland CA 94610 | 415.254.1563 | http://ecoitsf.com ecoitsf.com P Please consider the environment before printing this email. __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] where would i find help for this?
This is probably the wrong forum but maybe some here can guide to the correct fofum. I am looking to do a photo gallery just like this and need some instruction. http://www.stevezagorski.com/ Sincerely, Matthew P. Johnson | Eco I.T. 320 Warwick Avenue Oakland CA 94610 | 415.254.1563 | http://ecoitsf.com ecoitsf.com P Please consider the environment before printing this email. __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] here is a tricky one that has been killing me
If you view this web site on certain machines you get a space to the right of the display. http://www.applegateelements.com css http://www.applegateelements.com/css/applegatestyle.css if you go to http://ecoitsf.com/ css http://ecoitsf.com/css/ecoit.css you can see I use the same method to resize the header but I am getting a different result. Code (style=width: 100%; position: relative;) is we are looking at. div id=header a href=http://www.ecoitsf.com/;img src=art/eco-it-header-thin.jpg style=width: 100%; position: relative; alt=eco i.t. title=eco i.t./a /div I am thinking it must be an issue somewhere in http://www.applegateelements.com/css/applegatestyle.css Please help. Sincerely, Matthew P. Johnson | Eco I.T. 320 Warwick Avenue Oakland CA 94610 | 415.254.1563 | http://ecoitsf.com ecoitsf.com P Please consider the environment before printing this email. __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Sliding Portfolio
Many people, myself included, find any animation on a web page very annoying. Don't do it. [Matthew P. Johnson] I do not want to deter you from your web site design but unless you are an animator or in film animations are really annoying on a web site. This of course is my personal opinion. __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Sliding Portfolio
Noob here. I'm trying to display the work section on my page by having the given project's slideshow appear sliding in to the center of the work section. If the user selects a different project from the list on the left, the current project's slideshow slides away for the newly selected project's slideshow to appear. What technique is recommended here? A parent slider to house all the projects and then individual sliders for each project? I've danced around google, css3 animation jquery tutorials with little luck. Any help would be kindly appreciated. [Matthew P. Johnson] Hi Hoyd, I revoke my earlier response. Your idea sounds lovely. I would be keen to see how that works as well. Good luck __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] centered nav over an image /?
I will play with that idea. I did try to use nested div's with the background-color set and did not see a result. Matthew P. Johnson | Eco I.T. 320 Warwick Avenue Oakland CA 94610 | 415.254.1563 | ecoitsf.com Please consider the environment before printing this email. -Original Message- From: MEM [mailto:tal...@gmail.com] Sent: Thursday, June 24, 2010 12:07 AM To: Matthew P. Johnson Cc: css-d@lists.css-discuss.org Subject: Re: [css-d] centered nav over an image /? http://ecoitsf.com/test.html I would like a background image to sit behind the nav at 100% of the page. Hello, Have you tried to put a div containing your navigation and, inside that div, have a background-image property defined pointing to your image? What kind of image? Do you intend to repeat over the x-axis ? Regards, Márcio ps- Note as well, that despite the fact that it works, div align, I believe, as been deprecated. You can give a width to your element, and add margin:0 auto; for centering it. No virus found in this incoming message. Checked by AVG - www.avg.com Version: 9.0.829 / Virus Database: 271.1.1/2958 - Release Date: 06/23/10 11:35:00 __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] centered nav over an image /?
How would I put a centered horizontal navigation over an image? http://ecoitsf.com/test.html I would like a background image to sit behind the nav at 100% of the page. Sincerely, Matthew P. Johnson | Eco I.T. 320 Warwick Avenue Oakland CA 94610 | 415.254.1563 | http://ecoitsf.com ecoitsf.com P Please consider the environment before printing this email. __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] vert position question
If you open the link if ff and ie you will see Beautiful Luxurious Green Home on the Applegate River It positions correctly in ff but ie Why is this and how can I fix this? http://www.applegateelements.com/test.html line 56 margin-top : 10px; BTW I want to extend my thanks to everyone on this forum. This is one of the best forums I have used. Matthew P. Johnson | Eco I.T. 320 Warwick Avenue Oakland CA 94610 | 415.254.1563 | http://ecoitsf.com ecoitsf.com P Please consider the environment before printing this email. __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] vert position question
That did not do anything but I did remove the redundancy. Thank you for the
tip. I did not realize what I was doing.
Sincerely,
Matthew P. Johnson | Eco I.T.
320 Warwick Avenue Oakland CA 94610 | 415.254.1563 | ecoitsf.com
Please consider the environment before printing this email.
-Original Message-
From: Jay Tanna [mailto:jta...@rocketmail.com]
Sent: Monday, June 14, 2010 3:30 PM
To: css-d@lists.css-discuss.org; Matthew P. Johnson
Subject: Re: [css-d] vert position question
There is a contradiction in your CSS. For example the CSS for #container is as
follows:
#container {
margin : 0 auto;
width : 800px;
text-align : left;
margin-top : 38px;
}
I suggest comment out the margin-top to show this:
/* margin-top : 38px; */
Save the file file and then view it in your IE and Mozilla to see if it has
changed.
When you say Margin 0 auto, you are effectively saying top and bottom margins
to be 0 and right and left margins to be auto. but the subsequesnt line of
margin-top over-rides top margin to 38px.
hth
--- On Mon, 6/14/10, Matthew P. Johnson i...@ecoitsf.com wrote:
If you open the link if ff and ie you
will see Beautiful Luxurious Green
Home on the Applegate River
It positions correctly in ff but ie
Why is this and how can I fix this?
No virus found in this incoming message.
Checked by AVG - www.avg.com
Version: 9.0.829 / Virus Database: 271.1.1/2937 - Release Date: 06/13/10
23:35:00
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] vert position question
Not trying to blow you out of the water but I'd seriously consider starting over with a clean sheet. Make a big box and put smaller boxes in it. Put stuff in the boxes. Find a menu that is known to work cross-browser: put it in a box. Validate the markup and CSS frequently. Test it cross-browser frequently. Avoid using inline styling within the markup. Avoid drawing a horizontal scrollbar. If you are up for it, maybe this will help get it started. http://chelseacreekstudio.com/ca/cssd/ar.htm Quick checked in FF, Safari, Opera, IE/8 (and IE 6/7). Good luck, and best... --- Thank you for the advice and I may just scrap it and start over but I really want to figure this out. It is not for a client but for my girlfriend. I am going to put a little more after hours time into it before I give up. The site is mostly to show people photos so I want the hor nav to maximize viewable space for the images. If anyone has any other advice on this issue that would be great. I will post once I figure out the issue. :) Matthew P. Johnson | Eco I.T. 320 Warwick Avenue Oakland CA 94610 | 415.254.1563 | ecoitsf.com __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] vert position question - FIXED
Matthew P. Johnson wrote: If you open the link if ff and ie you will see Beautiful Luxurious Green Home on the Applegate River It positions correctly in ff but ie Why is this and how can I fix this? http://www.applegateelements.com/test.html Matthew P. Johnson Not trying to blow you out of the water but I'd seriously consider starting over with a clean sheet. Make a big box and put smaller boxes in it. Put stuff in the boxes. Find a menu that is known to work cross-browser: put it in a box. Validate the markup and CSS frequently. Test it cross-browser frequently. Avoid using inline styling within the markup. Avoid drawing a horizontal scrollbar. If you are up for it, maybe this will help get it started. http://chelseacreekstudio.com/ca/cssd/ar.htm Quick checked in FF, Safari, Opera, IE/8 (and IE 6/7). This mar or may not the most elegant fix but it works. And it validates. It turns out there is a bug in ie8 which you can read about here http://www.inventpartners.com/content/ie8_margin_top_bug My solution was to add a clear div before the div I needed to position via margin-top Line 204 div style=clear: both;/div If anyone has a better solution I would love to hear it. Also if anyone has tips to improve the code I am using I would love to hear the best practice. Sincerely, Matthew P. Johnson | Eco I.T. 320 Warwick Avenue Oakland CA 94610 | 415.254.1563 | ecoitsf.com __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] nav placement issue - ff and chrome great, ie not so great
Matthew P. Johnson | Eco I.T. 320 Warwick Avenue Oakland CA 94610 | 415.254.1563 | ecoitsf.com Please consider the environment before printing this email. -Original Message- From: css-d-boun...@lists.css-discuss.org [mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of David Hucklesby Sent: Thursday, June 10, 2010 9:21 AM To: css-d@lists.css-discuss.org Subject: Re: [css-d] nav placement issue - ff and chrome great, ie not so great On 6/9/10 9:41 PM, Matthew P. Johnson wrote: http://applegateelements.com/test.html the nav displays correctly in chrome and ff but ie. line 33 margin-top : 10px; as well as line 171 margin-top : -15px; Is there a fix for this? Yes. Take out those br tags so the negative margin is not needed. The negative margin-top is px, while br tags create space based on size of line-height, which will be different from px in a great many circumstances. Who in the world has Century Gothic on their computer? Not I... AFAICT the margin-top is working. In which browser do you not see the margin? (I checked FF, Safari, and IE 6 and 7...) Also, if I adjust Line 122 left : -82px; it lines up properly in chrome and ff but ie. is there a fix? Well, the subnav is a no-show at the moment. I hesitate to go further as there is so much redundant CSS that I'm sure to break things. Remember the K.I.S.S. rule! Thank you for the replay David. I will play with it. I had combined several peoples code and will remove the redundancy. I am a Network/System Admin/Engineer not a CSS Pro. I am learning a lot of this project thanks to all of you on CSS-D. :0) Oh, Century Gothic... Yes I know I just really like the font. I will have to find another font to replace it with. __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] nav placement issue - ff and chrome great, ie not so great
My computer has it. I think it's included with MS Office - because I've only installed a few other fonts and that wasn't one of them. Which means that a pretty fair number of people have it, probably. (I wouldn't use it, because I think it's ugly as sin, but to each his own.) Tim, HAHAHA. Yes to each their own. I am looking for a solid font that looks nice and clean. I am sick of Tahoma and all the other fonts we typically see. :0) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] nav placement issue - ff and chrome great, ie not so great
Ar 10/06/10 21:28, ysgrifennodd Felix Miata : Who in the world has Century Gothic on their computer? Not I... I have it on several, but why the question? What is it about web developers that they're so insistent visitors never get to see their defaults without disabling styles entirely? If Century Gothic is my default, it's not because someone else picked it out for me, and I'd like to see it more often than not without having to stick to pages I created myself. I think you misunderstand the point. You have, in your styles: font-family : Century Gothic; The problem here is that if users don't have it installed (as I don't, for example), then they will see whatever default their browser thinks they should see - which may not be at all what you want. You might, therefore, want to consider a font list (in order of your preference) that contains some more common fonts and ends with a generic font (e.g. 'serif' or 'sans-serif' Hi Peter, I understood. Thank you for the advice. :0) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] nav placement issue - ff and chrome great, ie not so great
http://applegateelements.com/test.html the nav displays correctly in chrome and ff but ie. line 33 margin-top : 10px; as well as line 171 margin-top : -15px; Is there a fix for this? Also, if I adjust Line 122 left : -82px; it lines up properly in chrome and ff but ie. is there a fix? Sincerely, Matthew P. Johnson | Eco I.T. 320 Warwick Avenue Oakland CA 94610 | 415.254.1563 | http://ecoitsf.com ecoitsf.com P Please consider the environment before printing this email. __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] interesting nav issue - please help :)
Matthew P. Johnson | Eco I.T.
320 Warwick Avenue Oakland CA 94610 | 415.254.1563 | ecoitsf.com
Please consider the environment before printing this email.
-Original Message-
From: css-d-boun...@lists.css-discuss.org
[mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Thierry Koblentz
Sent: Thursday, June 03, 2010 9:28 AM
To: 'Theresa Mesa'; 'Matthew P. Johnson'
Cc: css-d@lists.css-discuss.org
Subject: Re: [css-d] interesting nav issue - please help :)
How is it inefficient to add html {height: 100.1%} to your CSS, which
immediately applies this to all pages without so much as a how-do-you-
I believe using overflow-y:scroll is a bit better as it does not create a
scroll bar per se.
Please let me rephrase. I have been sick this week so my head is a little
fuzzy.
I did not mean inefficient, I meant to say that it would be nice design wise to
only have the scroll bar when needed but have the nav stay positioned.
:)
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] interesting nav issue - please help :)
-Original Message-
From: css-d-boun...@lists.css-discuss.org
[mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Thierry Koblentz
Sent: Thursday, June 03, 2010 9:28 AM
To: 'Theresa Mesa'; 'Matthew P. Johnson'
Cc: css-d@lists.css-discuss.org
Subject: Re: [css-d] interesting nav issue - please help :)
How is it inefficient to add html {height: 100.1%} to your CSS, which
immediately applies this to all pages without so much as a how-do-you-
I believe using overflow-y:scroll is a bit better as it does not create a
scroll bar per se.
PERFECT THANK YOU :)
This does create a space where the scroll bar would be but it makes sense to
me to have an inactive scroll bar per se rather than a scroll bar that does
not view additional page information.
Cheers :)
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] interesting nav issue - please help :)
If you toggle between http://www.applegateelements.com/contact.shtml and http://www.applegateelements.com/agreement.shtml why does the navigation shift? Interesting. Matthew P. Johnson | Eco I.T. 320 Warwick Avenue Oakland CA 94610 | 415.254.1563 | http://ecoitsf.com ecoitsf.com P Please consider the environment before printing this email. __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] interesting nav issue - please help :)
How can I find out how to validate the css?
Matthew P. Johnson | Eco I.T.
320 Warwick Avenue Oakland CA 94610 | 415.254.1563 | ecoitsf.com
Please consider the environment before printing this email.
-Original Message-
From: Theresa Mesa [mailto:trixiesirishe...@gmail.com]
Sent: Wednesday, June 02, 2010 6:49 PM
To: Matthew P. Johnson
Cc: css-d@lists.css-discuss.org
Subject: Re: [css-d] interesting nav issue - please help :)
Because the contact page doesn't have a vertical scrollbar on the right, but
the agreement page does. The whole page is jogging, not just the navigation.
And actually, the contact page seems to be *stretching*, along with the jogging.
Your HTML still has a few errors.
I can't get your CSS page to validate. It's still loading in the validator.
Still loading...still loading...still loading...
A fix someone here gave me for the scrollbar issue is to set your html as html
{ height: 100.1%;} This makes all the pages have a scrollbar, whether they need
it or not. My personal feeling on the matter is that you won't really notice or
care about the scrollbar unless it's evident that more content needs to be
viewed. If it's evident you've seen all the content, you won't be confused by
its presence, because it fills the length of the scrollbar area. On the other
hand, you do immediately notice if you're flipping through pages if the content
of the page is jogging back and forth. Personal preference.
...still loading...still loading. I don't know why your CSS is not loading into
the validator.
Theresa
On Jun 2, 2010, at 6:34 PM, Matthew P. Johnson wrote:
If you toggle between
http://www.applegateelements.com/contact.shtml
and
http://www.applegateelements.com/agreement.shtml
why does the navigation shift?
Interesting.
Matthew P. Johnson | Eco I.T.
320 Warwick Avenue Oakland CA 94610 | 415.254.1563 | http://ecoitsf.com
ecoitsf.com
P Please consider the environment before printing this email.
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] interesting nav issue - please help :)
Interesting. I will have to play with this... I wonder why I am getting a scroll bar... Matthew P. Johnson | Eco I.T. 320 Warwick Avenue Oakland CA 94610 | 415.254.1563 | ecoitsf.com Please consider the environment before printing this email. -Original Message- From: css-d-boun...@lists.css-discuss.org [mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Philippe Wittenbergh Sent: Wednesday, June 02, 2010 6:52 PM To: Matthew P. Johnson Cc: css-d@lists.css-discuss.org Subject: Re: [css-d] interesting nav issue - please help :) On Jun 3, 2010, at 10:34 AM, Matthew P. Johnson wrote: If you toggle between http://www.applegateelements.com/contact.shtml and http://www.applegateelements.com/agreement.shtml why does the navigation shift? Because one page has a vertical scroll bar and the other doesn't. (both page have a huge horizontal scrollbar) Philippe --- Philippe Wittenbergh http://l-c-n.com/ __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] interesting nav issue - please help :)
Header: Correct. This is just temporary graphic... I noticed the vertical scroll is causing the issue on pages where there is content that exceeded the vertical screen. So do I have to give all the pages a vertical scroll bar to obtain consistency in the nav? Sincerely, Matthew P. Johnson | Eco I.T. 320 Warwick Avenue Oakland CA 94610 | 415.254.1563 | ecoitsf.com Please consider the environment before printing this email. -Original Message- From: Theresa Mesa [mailto:trixiesirishe...@gmail.com] Sent: Wednesday, June 02, 2010 7:24 PM To: Matthew P. Johnson Subject: Re: [css-d] interesting nav issue - please help :) I have a 30 monitor (and a 20 - duals), and so if I take the browser window and pull it out to encompass your content, no scroll bar. On the contact page, if I make my window really small to be smaller than your content, I get a scrollbar. If I pull the window out the width of my monitor (or close), no horizontal scrollbar. If I move it inward, scrollbar. I do notice that as I enlarge the browser window, your banner art enlarges too. That's because you've set the width of your header image to 100%, so it will enlarge to fit 100% of the browser window. And if it enlarges via width, it enlarges via height, too. Theresa On Jun 2, 2010, at 6:55 PM, Matthew P. Johnson wrote: Interesting. I will have to play with this... I wonder why I am getting a scroll bar... _ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] interesting nav issue - please help :)
Interesting. Seems inefficient. Is there another way to stabilize the nav? BTW I am trying to get the backend of the site correct then I will focus on making it pretty. :0) Matthew P. Johnson | Eco I.T. 320 Warwick Avenue Oakland CA 94610 | 415.254.1563 | ecoitsf.com Please consider the environment before printing this email. -Original Message- From: css-d-boun...@lists.css-discuss.org [mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Theresa Mesa Sent: Wednesday, June 02, 2010 10:27 PM To: Matthew P. Johnson Cc: css-d@lists.css-discuss.org Subject: Re: [css-d] interesting nav issue - please help :) That's what I do. On Jun 2, 2010, at 10:25 PM, Matthew P. Johnson wrote: Header: Correct. This is just temporary graphic... I noticed the vertical scroll is causing the issue on pages where there is content that exceeded the vertical screen. So do I have to give all the pages a vertical scroll bar to obtain consistency in the nav? Sincerely, Matthew P. Johnson | Eco I.T. 320 Warwick Avenue Oakland CA 94610 | 415.254.1563 | ecoitsf.com Please consider the environment before printing this email. -Original Message- From: Theresa Mesa [mailto:trixiesirishe...@gmail.com] Sent: Wednesday, June 02, 2010 7:24 PM To: Matthew P. Johnson Subject: Re: [css-d] interesting nav issue - please help :) I have a 30 monitor (and a 20 - duals), and so if I take the browser window and pull it out to encompass your content, no scroll bar. On the contact page, if I make my window really small to be smaller than your content, I get a scrollbar. If I pull the window out the width of my monitor (or close), no horizontal scrollbar. If I move it inward, scrollbar. I do notice that as I enlarge the browser window, your banner art enlarges too. That's because you've set the width of your header image to 100%, so it will enlarge to fit 100% of the browser window. And if it enlarges via width, it enlarges via height, too. Theresa On Jun 2, 2010, at 6:55 PM, Matthew P. Johnson wrote: Interesting. I will have to play with this... I wonder why I am getting a scroll bar... _ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] sub nav issue - resolved
J Matthew P. Johnson | Eco I.T. 320 Warwick Avenue Oakland CA 94610 | 415.254.1563 | http://ecoitsf.com ecoitsf.com P Please consider the environment before printing this email. __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] nav container /?
Please forgive my ignorance this may be a simple solution to some. Is there a simple way to put a navigation menu bar into some sort of container so when a change to the van bar needs to happen it can be done in one place instead of having to change the code on all html pages? I am still working on my girlfriends site. You can see what I mean at http://www.applegateelements.com/ Cheers, Matthew P. Johnson | Eco I.T. 320 Warwick Avenue Oakland CA 94610 | 415.254.1563 | ecoitsf.com Please consider the environment before printing this email. Date: 05/26/10 23:25:00 __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] how do i center this /?
Your right. My bad I should have tested before posting. I assumed the vert position was meant from the top of page not top of nav. Thank you David. Have a great weekend. Sincerely, Matthew P. Johnson | Eco I.T. 320 Warwick Avenue Oakland CA 94610 | 415.254.1563 | ecoitsf.com Sent from my iPhone On May 20, 2010, at 9:25 PM, David Hucklesby huckle...@gmail.com wrote: Hello again Matthew, It seems to me that adding the Kalsey tabs to your site as is should do what you want. You can check out the effect here: http://webwiz.robinshosting.com/temp/css-tabs/ecoitsf.html The only thing I added to the original code is a margin-top to the menu to give some room below the header. Otherwise it butts up against the bottom-- at all sizes of the header. Cordially, David -- On 5/18/10 5:00 PM, you wrote: So I have another question regarding this menu I am using for my girlfriends site. I am thinking of using it for my business site as well which I have been redesigning. The issue is how do I make the sub nave move as the height of my header graphic resizes when the browser is resized??? You can see my site at http://ecoitsf.com/ to get an idea of what I am talking about. It would be great if I/yous can figure out how to accomplish this. __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] how do i center this /?
This looks great thank you. Do you know how to change the color of the sub nav? When I change the color nothing happens. The color remains the default color... I am more curious than anything else why the color can not be changed. Sincerely, Matthew P. Johnson | Eco I.T. 320 Warwick Avenue Oakland CA 94610 | 415.254.1563 | ecoitsf.com Please consider the environment before printing this email. -Original Message- From: css-d-boun...@lists.css-discuss.org [mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of David Hucklesby Sent: Monday, May 17, 2010 9:06 PM To: css-d@lists.css-discuss.org Subject: Re: [css-d] how do i center this /? On 5/17/10 4:36 PM, Matthew P. Johnson wrote: http://www.kalsey.com/tools/csstabs/ I am building a web site for my girlfriend and like the navigation but need it centered. I am a network engineer but a CSS wizard. This is my best effort. Hope it helps: http://webwiz.robinshosting.com/temp/css-tabs/ Additions to Kalsey's code at the bottom of the embedded style block. N.B. Only Home and About Us work. Cordially, David -- __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] how do i center this /?
Thank you David, I will give it a try tomorrow. Thank you for the quick response. I am happy to have found this group. Hopefully I will be able to contribute. Sincerely, Matthew P. Johnson | Eco I.T. 320 Warwick Avenue Oakland CA 94610 | 415.254.1563 | ecoitsf.com Sent from my iPhone On May 17, 2010, at 9:05 PM, David Hucklesby huckle...@gmail.com wrote: On 5/17/10 4:36 PM, Matthew P. Johnson wrote: http://www.kalsey.com/tools/csstabs/ I am building a web site for my girlfriend and like the navigation but need it centered. I am a network engineer but a CSS wizard. This is my best effort. Hope it helps: http://webwiz.robinshosting.com/temp/css-tabs/ Additions to Kalsey's code at the bottom of the embedded style block. N.B. Only Home and About Us work. Cordially, David -- __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] how do i center this /?
Yes. Rain in Oakland. I am getting ready to ride my bike to the climbing gym in Berkeley. Finger crossed it does not rain. :) So I have another question regarding this menu I am using for my girlfriends site. I am thinking of using it for my business site as well which I have been redesigning. The issue is how do I make the sub nave move as the height of my header graphic resizes when the browser is resized??? You can see my site at http://ecoitsf.com/ to get an idea of what I am talking about. It would be great if I/yous can figure out how to accomplish this. Sincerely, Matthew P. Johnson | Eco I.T. 320 Warwick Avenue Oakland CA 94610 | 415.254.1563 | ecoitsf.com Please consider the environment before printing this email. -Original Message- From: css-d-boun...@lists.css-discuss.org [mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of David Hucklesby Sent: Tuesday, May 18, 2010 4:30 PM To: css-d@lists.css-discuss.org Subject: Re: [css-d] how do i center this /? On 5/18/10 1:04 PM, Matthew P. Johnson wrote: This looks great thank you. Do you know how to change the color of the sub nav? When I change the color nothing happens. The color remains the default color... I am more curious than anything else why the color can not be changed. Sincerely, Matthew P. Johnson | Eco I.T. -Original Message- From: css-d-boun...@lists.css-discuss.org [mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of David Hucklesby Sent: Monday, May 17, 2010 9:06 PM To: css-d@lists.css-discuss.org Subject: Re: [css-d] how do i center this /? On 5/17/10 4:36 PM, Matthew P. Johnson wrote: http://www.kalsey.com/tools/csstabs/ [...] For the inactive state, Kalsey uses a selector with high specificity: body.section-2 #menu ul#subnav-2 a You'll need something at least as strong to override it - or else edit the existing CSS. WRT to the hover color, he has added !important, which is almost impossible to override. Again, I suggest you edit the original code. AT the same time you do this, I suggest you apply the same styles to the focus condition, for the sake of those with no mouse... Cordially, David -- (who is also in rainy Oakland.) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] how do i center this /?
http://www.kalsey.com/tools/csstabs/ I am building a web site for my girlfriend and like the navigation but need it centered. I am a network engineer but a CSS wizard. Sincerely, Matthew P. Johnson | Eco I.T. 320 Warwick Avenue Oakland CA 94610 | 415.254.1563 | http://ecoitsf.com ecoitsf.com P Please consider the environment before printing this email. __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
