Re: [css-d] Ways to create css pages
On 8/2/07, Joel D Canfield [EMAIL PROTECTED] wrote: That said, whether you maintain libraries and/or snippets of css for reuse from project to project or like to roll your sleeves up afresh each time confronted with a blank slate is very much on topic, so have at it! Personally, the only css library I use is the yui css reset/fonts. For actual design work, I like having a picture to work with. We have an artist who generally designs the overall look of the site in some combination of art programs, and after a couple reviews, I'll get started on the basic HTML; build the content without any regard to looks. Once the content is in place, I'll add in the yui css reset/fonts (so useful) and start from scratch adding css to make the site look like the picture. Seems to work out pretty well in the end... -Jerod __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Absolute, float and a nightmare header set-up
Hi All I am trying to create this design without tables and having a sort of flexible approach to scaling. http://urbanlivingseattle.com/wordpress/ I am hoping to remove the fixed width eventually but the header is causing me problems. Here is how far I have got: http://blog.cregy.co.uk/ http://blog.cregy.co.uk/wp-content/themes/heather/style.css The header is proving to be very hard to recreate. Should I stick with using floats or should I be going absolute in terms of positioning please? What are people seeing in terms of different browsers particularly ie6? Any suggestions on improving the code to get it work please? Many thanks. -- Kind regards Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Absolute, float and a nightmare header set-up
Subject: [css-d] Absolute, float and a nightmare header set-up Hi All I am trying to create this design without tables and having a sort of flexible approach to scaling. http://urbanlivingseattle.com/wordpress/ I am hoping to remove the fixed width eventually but the header is causing me problems. Here is how far I have got: http://blog.cregy.co.uk/ http://blog.cregy.co.uk/wp-content/themes/heather/style.css The header is proving to be very hard to recreate. Should I stick with using floats or should I be going absolute in terms of positioning please? What are people seeing in terms of different browsers particularly ie6? Any suggestions on improving the code to get it work please? Many thanks. -- Kind regards Rich Hi Rich, Not sure what the problem is as the header looks the same in IE6 and FF (Win XP) to me. What is the complexity and what is it you are trying to achieve? Couple of things in the mark -up tho'. You cannot repeat an id. You need to convert current and active to classes as these can be repeated throughout the html with impunity. Cheers Ian No virus found in this outgoing message. Checked by AVG Free Edition. Version: 7.5.476 / Virus Database: 269.11.2/933 - Release Date: 02/08/2007 14:22 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Help! I Have NO Idea What I'm Doing
Dear List, I am working on my portfolio site and the look and layout I created uses rows as opposed to columns. I am optimizing the site for a 1024px resolution/screen width. The wrapper divs I am using are set to expand the full width of window, with the flower graphics floating to the right as seen here: www.E7Flux.com/index2.html On a wide screen: 1680px, which is what I use at home there is a lot of space between the content and the flowers so I decided I wanted the flowers to float along side the content and end at 1024px, with the wrapper div obviously extending past that. So I created: www.E7Flux.com/index3.html in an attempt to execute what I have in mind but it's not working. I wrapped the content of the rows in another div with a class of container which is nested inside the wrapper divs and gave it a width of 1004px and a min-width in the same amount. It's sorta half working but only in the last row (blue) There is no content there so it does me no good, since I imagine the same thing will happen if I were to add content. In the pink and green rows the flower graphics fall below the wrapper div in Firefox IE7 (only the pink flower graphic falls in index2.html) and in Safari IE6 (same thing happens in /index2.html ), not only does it fall but creates a big gap between the rows. Oh yea and another thing is that the bottom margin I've set for the blue row shows up in all the browsers except Safari so need help with this too :). Here is the CSS: http://e7flux.com/css/e7flux.css Hoping someone can help me solve this. TIA, Elli Sick sense of humor? Visit Yahoo! TV's Comedy with an Edge to see what's on, when. http://tv.yahoo.com/collections/222 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] div element seemingly incorrect
Hi folks, I'm putting together a template for a friend. http://wh1.swhi.net/~admin27/index.php CSS is in: http://wh1.swhi.net/~admin27/styles/newlifemontessori.css Basic layout: The overall content area is in a div with an id of 'container'. Within 'container' are other divs, 'header', 'nav', 'main'. The issue: The 'container' div needs a border. When I style 'container' with a border, only the 'header' div seems to get the border when I'd expect the border to encompass 'container' in full, encircling all the other divs within container. I've validated both the markup and CSS to be sure I'd not forgotten a close tag somewhere. I'm pretty sure this is going to turn out to be a major PEBCAK issue...please be kind :) Thanks in advance, ~Ray __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] div element seemingly incorrect
-BEGIN PGP SIGNED MESSAGE- Hash: SHA1 Ray Leventhal wrote: The 'container' div needs a border. When I style 'container' with a border, only the 'header' div seems to get the border when I'd expect the border to encompass 'container' in full, encircling all the other divs within container. Since #nav/#main are floated, they are taken out of the layout, so you need to make #container contain the floats. The easiest way to do this is to add overflow: auto; to #container. A fuller explanation (with some alternative methods) is at http://css-discuss.incutio.com/?page=ClearingSpace Hope this helps, Ricky -BEGIN PGP SIGNATURE- Version: GnuPG v1.4.7 (GNU/Linux) iD8DBQFGs39/ZBKKLMyvSE4RAvAEAJ9B1yVKg/YygXjYj00DZGloQm0lrACfZO99 L3ca6i25/cUJ7IT5L4mMxrg= =vnZd -END PGP SIGNATURE- __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] div element seemingly incorrect
Ricky Zhou wrote: Ray Leventhal wrote: The 'container' div needs a border. When I style 'container' with a border, only the 'header' div seems to get the border when I'd expect the border to encompass 'container' in full, encircling all the other divs within container. Since #nav/#main are floated, they are taken out of the layout, so you need to make #container contain the floats. The easiest way to do this is to add overflow: auto; to #container. A fuller explanation (with some alternative methods) is at http://css-discuss.incutio.com/?page=ClearingSpace Hope this helps, Ricky Hi Ricky, I knew it was PEBCAK :) Thanks for the reminder. ~R __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] yet another ie problem
Hello, I am having a problem with a horizontal css menu. You can see it here: http://webtech.tstc.edu/students/gardnerj/cns/index.htm The menu is really a little to large in Firefox and to small in IE. Also, in IE only the top drop down item shows up. Any suggestions? Thanks, Jennifer Fussy? Opinionated? Impossible to please? Perfect. Join Yahoo!'s user panel and lay it on us. http://surveylink.yahoo.com/gmrs/yahoo_panel_invite.asp?a=7 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Help! I Have NO Idea What I'm Doing
Ok I figured out how to get my flowers to line up where I wanted them to. It turns out I had to adjust the pixel value in my width properties by a couple pixels. I still need to figure out why the bottom-margin I gave the blue row doesn't show up in Safari. So if any one cares to chime in - I'd greatly appreciate it. TIA Elli --- Elli Vizcaino [EMAIL PROTECTED] wrote: Dear List, I am working on my portfolio site and the look and layout I created uses rows as opposed to columns. I am optimizing the site for a 1024px resolution/screen width. The wrapper divs I am using are set to expand the full width of window, with the flower graphics floating to the right as seen here: www.E7Flux.com/index2.html On a wide screen: 1680px, which is what I use at home there is a lot of space between the content and the flowers so I decided I wanted the flowers to float along side the content and end at 1024px, with the wrapper div obviously extending past that. So I created: www.E7Flux.com/index3.html in an attempt to execute what I have in mind but it's not working. I wrapped the content of the rows in another div with a class of container which is nested inside the wrapper divs and gave it a width of 1004px and a min-width in the same amount. It's sorta half working but only in the last row (blue) There is no content there so it does me no good, since I imagine the same thing will happen if I were to add content. In the pink and green rows the flower graphics fall below the wrapper div in Firefox IE7 (only the pink flower graphic falls in index2.html) and in Safari IE6 (same thing happens in /index2.html ), not only does it fall but creates a big gap between the rows. Oh yea and another thing is that the bottom margin I've set for the blue row shows up in all the browsers except Safari so need help with this too :). Here is the CSS: http://e7flux.com/css/e7flux.css Hoping someone can help me solve this. TIA, Elli Choose the right car based on your needs. Check out Yahoo! Autos new Car Finder tool. http://autos.yahoo.com/carfinder/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] yet another ie problem
JGardner wrote:
http://webtech.tstc.edu/students/gardnerj/cns/index.htm
The menu is really a little to large in Firefox and to small in IE.
If you want the menu cross-browser and font-resizing stable, set width
in pixels. There's plenty of space and short words, so fixed width won't
create any real problems.
#menuh ul {width: 180px;}
... will do.
Also, in IE only the top drop down item shows up.
Covered by the relative positioned #content - an IE/win layering bug.
Delete...
#content {position:relative;}
...and add a 'hasLayout' trigger...
#content {height: 1%;}
...to assure visibility and containment in IE/win.
You should also change the side-margins on #content, as 'em' with fixed
width containers inside doesn't work too well.
#content {margin: 2em 12px 1em 26px;}
...seems to be close enough, and the addition of...
#content #right {display: inline;}
...will fix the 'margin-doubling on floats' bug in IE6.
regards
Georg
--
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] background-image issues
Hi folks, http://wh1.swhi.net/~admin27/index.php CSS is in: http://wh1.swhi.net/~admin27/styles/newlifemontessori.css Basic layout: The overall content area is in a div with an id of 'container'. Within 'container' are other divs, 'head', 'nav', 'main'. new issue: background-image for #head isn't displaying. Might just be lack of sleep, but this seems very strange. TIA for any comments, ~Ray/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
