Re: [css-d] Page Centering at Smaller Resolutions
hi there, shouldn't you concider making the header image a background image for your tag, thus allowing your users to reseize the content that way your main div that is smaller would fit in these small screens (now most of the users have a least 1024 px wide sceens, for computers at least) try to use your "header" image as a background one,centered ? 2012/7/17 Peter Ankelein > Hey Folks, > > I've been working on a landing page for an ad campaign and have it looking > nice (centered, fixed-width) on larger monitors. The problem is folks with > smaller resolutions where the width of the page is too wide, thus the > horizontal scrollbar appears at the bottom of the browser and page looks > like it isn't centered. In order to appease them, I'm trying to see if I > can make a couple elements fluid or elastic and am having a bit of a > struggle. Here's a test page: > > http://www.mdsol.com/ad/rave/css-test.html > > 1) header—this is a 1390px background image that I'm trying to have crop > evenly on both sides so it remains centered to the content. > > 2) #page—again, making this fluid and always centered to the center of the > header background image. Changing the width to 100% gets the fluid bit > happening, though, the header is unaffected. > > Welcome to all ideas if there's a better way to approach this. I've been > playing around with width: 100%; position: absolute on the background > image...I'm just trying to avoid having to go in and absolutely position > all my other elements as this drops the image on top of everything else. > > Regards, > Pete > __ > 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] Img Hover Background-Color Won't Go
your problem is not on the image itself, but on the link,
quickfix :
#promo a {background-color:#fff !important}
the real fix woul be to make the rule that put this bcg less strong, but i
don't have the time to do it now :)
2012/5/29 Duane Nelson
> Good morning, all.
>
> I'm using the following link attributes:
>
> #nav-footer a:link, #legal a:link, #rcol a:link, #content a:link, #blog
> a:link {
>color: #513420;
>text-decoration: none;
>font-weight: bold;
> }
>
> #nav-footer a:visited, #legal a:visited, #rcol a:visited, #content
> a:visited, #blog a:visited {
>color: #513420;
>text-decoration: none;
> }
>
> #nav-footer a:hover, #legal a:hover, #rcol a:hover, #content a:hover,
> #blog a:hover {
>color: #fff;
>text-decoration: none;
>background-color: #513420;
> }
>
> My issue comes when an image is linked within any of the above "div ids."
> The below image code takes away the border around the image but the above
> hover background-color appears at the bottom of the image at least in FF:
>
> a img {
>border: 0;
>background-color: transparent;
> }
>
> For a live example hover over the "BOOT Camp" image in the upper right
> column at:
>
> http://mhnaz.org/index-**template.html
>
> I would like to NOT class each image but keep it in the CSS file.
>
> Thanks in advance for any help,
>
> Duane
> __**__**__
> 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/
> Supported by evolt.org --
> http://www.evolt.org/help_**support_evolt/
Re: [css-d] can i use javascript for rounded corners for ie and css3 for rest
you could use some js that use the ccs3 properties as a basis, like curvy corner, or css3 pie . for exeamples, the respective sites are self explanatory bye 2012/4/13 meera kibe > Hi > I don;t want to use images(and thus a different css file) for giving > rounded corners for my divs in IE but i def want to use css3 for other > browsers. > So for IE can i use javascript to get the effect. > Can some one please show me a quick example of the code, just where and > how to insert the IE bit > Thanks > Meera > __ > 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] mixing pixel and % width
nice cath on this one ;), i actually changed my method for now, and use
positioning rather than float
as seen in http://ccsfactory.fr/biokatz/test2.html, and yes i'll correct
the case sensitive thing !!!
thanks a lot
2012/3/17 Zero Piraeus
> :
>
> > hi there, first post here, so thanks in advance for the responces :)
>
> Hi Jérome :-)
>
> > for this page, http://ccsfactory.fr/biokatz/
> >
> > I would like to have the nav (div with class="nav") to be pixel based,
> and
> > the content (div class="mainCont") to take the rest of the available
> space,
> > but with a min-witdh, and I was wondering how can i manage to use %, or
> if
> > there was a better option.
>
> First of all, I notice that you have a div with class "navcont" in
> your HTML, but are attempting to apply a style in your CSS to the
> class "navCont", which isn't working because of case-sensitivity.
>
> For what you want to do, a good place to start might be to remove the
>
> .ftl { float: left }
>
> rule, and instead apply a float and width to your .navcont div. That
> way the content of your .mainCont div will flow around it, and you can
> apply whatever width, min-width etc. declarations you like to it.
>
> -[]z.
>
__
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] mixing pixel and % width
hi there, first post here, so thanks in advance for the responces :) here is my question, for this page, http://ccsfactory.fr/biokatz/ I would like to have the nav (div with class="nav") to be pixel based, and the content (div class="mainCont") to take the rest of the available space, but with a min-witdh, and I was wondering how can i manage to use %, or if there was a better option. i hope i'm clear enought, and thanks again for your time :) bye Jérome __ 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/
