Jump to content


Staff Alumni
  • Content Count

  • Joined

  • Last visited

Community Reputation

0 Neutral

About cssfreakie

  • Rank
    Prolific Member

Profile Information

  • Gender
  • Location
    North Pole, left to the second polar bear that says howdy
  1. Look at the logic posted here: http://jsfiddle.net/kizu/4RPFa/4570/
  2. I'm glad you provided the link, all the code posted above is not relevant. on line 29730 of your stylesheet you declare the following: .download-tooltip { background-color: #fff; border: 1px solid #ddd; border-radius: 6px; color: inherit; cursor: inherit; display: block; margin-left: auto; margin-right: auto; margin-top: 10px; padding: 12px 16px; text-align: center; text-decoration: inherit; width: 500px; /* this is not dynamic 90% width can be nice */ } Note the comment made. I noticed when inspecting your site that most styles are overwriten; not once but around 20 times. This is an indication your stylesheet is redundant. Your stylesheet has more than 30K lines. Im not sure if this project is aiming to be a high traffic website but if so, try to lower the css to around 3k lines.
  3. Since you're already using jquery have a look at backstretch Dont forget to update your version of jquery!
  4. Have a look at jquery-UI's accordion no need to reinvent this when you are about to pull your hair out. Than you also dont need the images which we dont have so it harder for us to test.
  5. This is not something for CSS, I'm afraid. The pdf you provided clearly shows the text starts in a new collumn when it doesnt fit. You could make a structure in html and css where you have positions like #text1 #text2 #text3 and #imageplaceholder (some CMS like Joomla call those positions modules). Than Find out how much words fit in each position and use php to split the text up in 3 collumns. You can read how to do that here: http://stackoverflow.com/questions/79960/how-to-truncate-a-string-in-php-to-the-word-closest-to-a-certain-number-of-chara Did you read the Pinned topic btw?
  6. In addition to Kicken's respons, you might want to have a look at a closely related approach as seen in Twitter's Bootstrap with classes like (.col-xs- .col-sm- .col-md- .col-lg-). This is another approach assuming you are able to add classes in the html (which works in combination with media queries). Almost the same, but with additional approach. You can see both approaches here. Notice though they use LESS, which might confuse at first. LESS is not needed in anyway though. Normal mediaqueries look like this: /* Portrait tablet to landscape and desktop */ @media (min-width: 768px) and (max-width: 979px) { /* place normal css here */ } /* Landscape phone to portrait tablet */ @media (max-width: 767px) { /* place normal css here */ .example {font-weight: normal;} } /* Landscape phones and down */ @media (max-width: 480px) { /* place normal css here */ }
  7. Hi there, It's rather hard to tell how to fix this because it could also depent on your version of Chrome. Google is said to have fixed font-rendering in version 37 (summer 2014). See bug-report. You might want to check out this blog. The bottom solution can give good results (webkit-text-stroke)
  8. Good to hear! Off-topic: make sure you do not accept user input that easily into your sql-queries. It's a vulnerability now WHERE Countries.CID = '{$_POST['country']}'
  9. TY crayon, i wasn't even aware jquery offered this. Was planning on learning this today
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.