Re: [css-d] Help with positioning list
On Sun, Mar 17, 2013 at 2:40 PM, Jon Reece jon.re...@gmail.com wrote: On Sun, Mar 17, 2013 at 9:42 AM, Larry Martell larry.mart...@gmail.com wrote: Please look at: http://jsfiddle.net/6Q6ud/ What I want is the 'Convert and download' button to be directly under the Pixel Size field, and the list to begin on the same line as the 'Convert and download' button, just after it, and then continue down. I've been messing with display and positioning styles for hours and hours and just cannot get this to look like I want. This may help you come up with one solution: http://alistapart.com/article/css-floats-101 Thanks for the reply and link. I was working on this, when my client asked 'How you coming on this?' I told them what I was working on. They said let's see it. I showed them and they said 'It's fine like that.' That seems to happen a lot - someone asks for something a certain way, and after putting time and effort in trying to do, then they say it's fine some other way. Oh well, it's their nickel. __ 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] Getting Started
On Tue, Mar 19, 2013 at 12:20 PM, Vladimir vieir...@gmail.com wrote: Hi Guys, I'm getting started with webdevelopment . I know CSS, HTML and begining javascript and Jquery .My question is what's the process you guys use to develop websites and why? Do you develop everything from scratch( notepad++)? Do you use templates (css HTMl, Jquery etc) ex: Bootstraper , Less or other and make changes to style. Do you use Content management systems ( drupal, Word press, etc) or any other way? I'm kind of lost what would be best for me ? and what people are using and why. Let me know any suggestions, Ask 20 people and you are likely to get 17 different answers. As usual, I think it depends... and, more important -- since the mission of this list lies more in the realm of the practical application of CSS.you may have better luck with your question on http://webdesign-l.com/ . aside I am a designer rather than a developer. The all important tools on this end are a sheet of paper and a pencil inorder to do rough draft visual, then directly to html/css for a rough on screen layout... usually, nowadays, a layout that strives from scratch to work from one address in desktop, tablet and mobile handsets. Best, David Laakso -- Chelsea Creek Studio http://ccstudi.com __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] something overwriting my css?
Hello, I've got a dropdown menu where the text for the menu items is supposed to be a dark gray but is coming up white on a white background. I can't find what is making the color declaration not work. I'd be grateful for any assistance. The site is here: http://168.156.9.250/WELA/ The issue is found on the drop down menus (for example, under About WELA). Below is the css for that element. I can make other tweeks such as changing the padding and the effect is immediately seen, but I can't get that color to behave. The ONLY way I could get it black was to put the style inline on the li like this: li a href=test.htm style=color:Black!important;Academy Overview/a/li .dropdown-menu li a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 20px; color: #33!important; white-space: nowrap; } It is located in the bootstrap.css file at line 4820. You can see from my declaration, that using !important didn't get it to work. I don't find anything in the cascade of style sheets that overwrites it, not is there anything inline. Thank you for any assistance. Angela French Internet Specialist State Board for Community and Technical Colleges 360-704-4316 afre...@sbctc.edu http://www.checkoutacollege.com/ __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] something overwriting my css?
You have a: .nav-collapse .dropdown-menu a { 1. color: White!important; } That is causing the link text to be white. I'd avoid using '!important' - it tends to cause issues like this. On Wed, Mar 20, 2013 at 3:51 PM, Angela French afre...@sbctc.edu wrote: Hello, I've got a dropdown menu where the text for the menu items is supposed to be a dark gray but is coming up white on a white background. I can't find what is making the color declaration not work. I'd be grateful for any assistance. The site is here: http://168.156.9.250/WELA/ The issue is found on the drop down menus (for example, under About WELA). Below is the css for that element. I can make other tweeks such as changing the padding and the effect is immediately seen, but I can't get that color to behave. The ONLY way I could get it black was to put the style inline on the li like this: li a href=test.htm style=color:Black!important;Academy Overview/a/li .dropdown-menu li a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 20px; color: #33!important; white-space: nowrap; } It is located in the bootstrap.css file at line 4820. You can see from my declaration, that using !important didn't get it to work. I don't find anything in the cascade of style sheets that overwrites it, not is there anything inline. Thank you for any assistance. Angela French Internet Specialist State Board for Community and Technical Colleges 360-704-4316 afre...@sbctc.edu http://www.checkoutacollege.com/ __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-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] something overwriting my css?
On Wed, 20 Mar 2013, Angela French wrote: Hello, I've got a dropdown menu where the text for the menu items is supposed to be a dark gray but is coming up white on a white background. I can't find what is making the color declaration not work. I'd be grateful for any assistance. The site is here: http://168.156.9.250/WELA/ The issue is found on the drop down menus (for example, under About WELA). Below is the css for that element. I can make other tweeks such as changing the padding and the effect is immediately seen, but I can't get that color to behave. The ONLY way I could get it black was to put the style inline on the li like this: li a href=test.htm style=color:Black!important;Academy Overview/a/li .dropdown-menu li a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 20px; color: #33!important; white-space: nowrap; } It is located in the bootstrap.css file at line 4820. You can see from my declaration, that using !important didn't get it to work. I don't find anything in the cascade of style sheets that overwrites it, not is there anything inline. a, .nav-collapse .dropdown-menu a {color: White !important;} -- Chris F.A. Johnson, http://cfajohnson.com/ Author: Pro Bash Programming: Scripting the GNU/Linux Shell (2009, Apress) Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) __ 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] something overwriting my css?
Thank you. It's tricky working in this huge file and trying to style for the full menu and the collapsed menus simultaneously. From: Sarah Forst [mailto:sarah.plowri...@gmail.com] Sent: Wednesday, March 20, 2013 12:54 PM To: Angela French Cc: css-d (css-d@lists.css-discuss.org) Subject: Re: [css-d] something overwriting my css? You have a: .nav-collapse .dropdown-menu a { 1. [ ]color: White!important; } That is causing the link text to be white. I'd avoid using '!important' - it tends to cause issues like this. On Wed, Mar 20, 2013 at 3:51 PM, Angela French afre...@sbctc.edumailto:afre...@sbctc.edu wrote: Hello, I've got a dropdown menu where the text for the menu items is supposed to be a dark gray but is coming up white on a white background. I can't find what is making the color declaration not work. I'd be grateful for any assistance. The site is here: http://168.156.9.250/WELA/ The issue is found on the drop down menus (for example, under About WELA). Below is the css for that element. I can make other tweeks such as changing the padding and the effect is immediately seen, but I can't get that color to behave. The ONLY way I could get it black was to put the style inline on the li like this: li a href=test.htm style=color:Black!important;Academy Overview/a/li .dropdown-menu li a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 20px; color: #33!important; white-space: nowrap; } It is located in the bootstrap.css file at line 4820. You can see from my declaration, that using !important didn't get it to work. I don't find anything in the cascade of style sheets that overwrites it, not is there anything inline. Thank you for any assistance. Angela French Internet Specialist State Board for Community and Technical Colleges 360-704-4316tel:360-704-4316 afre...@sbctc.edumailto:afre...@sbctc.edu http://www.checkoutacollege.com/ __ css-discuss [css-d@lists.css-discuss.orgmailto: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.orghttp://evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] desktop tablet mobile [+1]
markup http://ccstudi.com/site/portfolio/x/index.php css http://ccstudi.com/site/portfolio/x/css/x.css The above site was posted a few days ago. Since then these changes and revisions -- among others -- have been made to the server: 1/ The painting images are now 100% rather than 60% of their containing block in desktop, tablet, mobile. 2/ The navigation block remains beneath the primary content block in desktop and tablet but is now positioned immediately below the header at media query 480 mobile and down. 3/ Various color revisions have been made particularly within the navigation links.. Your constructive comments and suggestions are always welcome. Thanks. Best, David Laakso -- Chelsea Creek Studio http://ccstudi.com __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/