Jump to content


Photo
- - - - -

css questions


  • Please log in to reply
9 replies to this topic

#1 tandan

tandan

    Super Member

  • Members


  • 152 posts
  • LocationNew York
  • Country: Country Flag

Posted 20 May 2012 - 10:17 PM

Hi there,

A couple of questions that I'm stumped on:

1) I used the following css on my site: www.familydanz.mpwclient.com to have an image repeated on x as then white below:

Please Login or Register to see this Hidden Content

which looks great in firefox but on safari (haven't checked explorer or chrome yet) this doesn't seem to work and the top gets cut off (where there should be a gradient above it)...here's a pic of it...is there any way to work around this?
Posted Image

2) also, on safari, as you can see from this picture, the features slider isn't the same height as the blue behind it...there's extra blue below it...how can i fix this?
Posted Image

3) Lastly, I tried hiding the home page title with the following code but it didn't work even though it worked on another PL site I have...

Please Login or Register to see this Hidden Content


Thanks so much for your help in advance!

#2 Danny

Danny

    Is Awesome!

  • Moderators
  • 16555 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 21 May 2012 - 10:08 AM

Hi TanDan,

1. This is caused by your custom CSS for your #header and the height being set to 130px. You will need to adjust this to resolve the problem.

2. You CSS has one part set to 260px, this is the cause of the issue.

Please Login or Register to see this Hidden Content


Settings this to 300px should resolve the issue.

3. Try this instead.

Please Login or Register to see this Hidden Content



#3 tandan

tandan

    Super Member

  • Members


  • 152 posts
  • LocationNew York
  • Country: Country Flag

Posted 21 May 2012 - 04:19 PM

@danny , thanks for your reply! 1) I set my header to auto and it fixed the issue in safari but the problem is that I want to decrease the space between the navigation bar and the features/content area below it. What would be the "correct" cross-browser compliant way to do that instead of setting it the height to 130px? 2) by setting this to 300px, after fixing the above issue, I now have all this extra blue below and above the features area--how would I get the features area to be flush with the slider which is my goal? 3)I tried your code and it didn't work. I placed it into the custom css area... Thanks so much for your help!! I'm learning! :)

#4 tandan

tandan

    Super Member

  • Members


  • 152 posts
  • LocationNew York
  • Country: Country Flag

Posted 21 May 2012 - 06:23 PM

if anyone else has any tips for this, it would be greatly appreciated as well! :)

#5 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 22 May 2012 - 02:14 AM

1) I set my header to auto and it fixed the issue in safari but the problem is that I want to decrease the space between the navigation bar and the features/content area below it. What would be the "correct" cross-browser compliant way to do that instead of setting it the height to 130px?


I think the top margin for the features area would need to be adjusted (further documentation:

Please Login or Register to see this Hidden Content

).

2) by setting this to 300px, after fixing the above issue, I now have all this extra blue below and above the features area--how would I get the features area to be flush with the slider which is my goal?


Are you only seeing this in IE? (I don't see the issue in Firefox)

3)I tried your code and it didn't work. I placed it into the custom css area...


Try this CSS instead:

Please Login or Register to see this Hidden Content



#6 tandan

tandan

    Super Member

  • Members


  • 152 posts
  • LocationNew York
  • Country: Country Flag

Posted 22 May 2012 - 02:29 AM

@catrina, i actually figured out 1,2 but 3 is still not working. I used what you gave me above... I don't know why it's not sticking. :(

#7 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 22 May 2012 - 03:02 AM

Two elements in the code were wrong. Sorry:

Please Login or Register to see this Hidden Content



#8 tandan

tandan

    Super Member

  • Members


  • 152 posts
  • LocationNew York
  • Country: Country Flag

Posted 22 May 2012 - 02:15 PM

@catrina, hmmmm still not working. :( i've put it in the custom css box right now. don't think it's conflicting with any other css...

#9 Jenny

Jenny

    Advocate

  • Unicorn Store Dev

  • 2924 posts
  • LocationWV
  • Country: Country Flag

Posted 22 May 2012 - 03:08 PM

Please Login or Register to see this Hidden Content


.. should work.

#10 tandan

tandan

    Super Member

  • Members


  • 152 posts
  • LocationNew York
  • Country: Country Flag

Posted 22 May 2012 - 03:26 PM

@simple_mama, thanks so much! it totally worked!!! i don't know why (part of the problem and i wish i could figure the logic out) as in firebug I got something else... and it seems others are getting other code as well so it's not just me (??) but in any case, i'm happy that it's good now and glad in 2.2 there will be an option to select if it appears on a page or not! Thanks again!!!