Jump to content

newseed

Members
  • Posts

    501
  • Joined

  • Last visited

Everything posted by newseed

  1. newseed

    Media Queries

    Have you applied the viewport meta tag? http://www.javascriptkit.com/dhtmltutors/cssmediaqueries3.shtml
  2. Don't know why it would not work for Chrome because I have no clue what your code is now. Best to provide a url of the page you are working on. As for the arrows, those are set by the respective browsers. The only way to overcome that is use jquery. The one I prefer is the bootstrap-select method: http://silviomoreto.github.io/bootstrap-select/
  3. You css property ( li ) do not match your html tag ( select ) and your id does not match as well.
  4. Your site is password protected. Never the less, you can simple apply a div wrapper around the slideshow and add a width that matches the slideshow plus use margin: 0 auto;
  5. newseed

    input type range

    input[type=range] { add css styles here }
  6. Remember that <div> and <p> tags are block elements. If you want the background to be the width of the text then you need to apply display:inline; to the css.
  7. Use background-image for the buttons. Use background-position to set the image at the bottom.
  8. You can download it and save it on your server if you want. The only drawback (and not really that important) is that you will have to do that each time if you want to keep up to date on changes.
  9. newseed

    alignment problem

    What have you done so far? Do you have a link of the page you are working on?
  10. Assuming you have FTP, you should be able to access /service_files/ folder to see what image files are listed. Just make sure your images have been uploaded.
  11. It seems that there either a function call not working or missing a css. Here's the rendered source of what I see. <table cellspacing="0" class="variations"> <tbody> <tr> <td class="label"><label for="payment-option">Payment Option</label></td> <td class="value"><fieldset> <strong>Choose An Option...</strong><br> <input type="radio" name="attribute_payment-option" id="payment-option" value="deposit">Deposit<br><input type="radio" name="attribute_payment-option" id="payment-option" checked="checked" value="full-price">Full Price<br><input type="radio" name="attribute_payment-option" id="payment-option" value="price-without-deposit">Price without Deposit<br> </fieldset> </td> </tr> </tbody> </table> The part shown in bold is what causing the extra white space between the image and radio buttons. You might check to see if there is a language settings via WooCommerce to see if Payment Option can be edited. If so, empty that field or disable it. If not, then the alternate is to use some css. .variations td.label label {display: none;} That will make the label tag to not display. If you find that the radio buttons is not far enough over to the left then remove the last 'label' from the css. .variations td.label {display: none;}
  12. The only thing I can think is that you have some css already applied. If so, look for css resets. Odds are that the margins and padding are set to zero.
  13. If you have no real desire to pursue what 'niche' suggested then you can Google "Dynamic Converter".
  14. ...in addition to my last post a minute ago, make sure that the order of the linked css file are the same. On one you have fonts.css and then default.css. The other is ordered default.css and then fonts.css.
  15. For sake of trying to solve your problem, let's not assume that one set of fonts are the same as the other. Upload the same fonts and font.css files to both main and beta sits. Don't take anything for granted. As I said before, you can dup your main live site and install it onto another sub-domain.
  16. After review the two font.css files, they are still quite different. http://www.beta.sunburstrarediamonds.com/ @font-face { font-family: 'lilyupc'; src: url('LilyUPC-Regular.eot?') format('embedded-opentype'), url('LilyUPC-Regular.woff') format('woff'); } @font-face { font-family: 'lilyupc2'; src: url('lilyupc_regular.eot'); src: url('lilyupc_regular.eot?#iefix') format('embedded-opentype'), url('lilyupc_regular.woff') format('woff'), url('lilyupc_regular.ttf') format('truetype'), url('lilyupc_regular.svg#lilyupcregular') format('svg'); font-weight: normal; font-style: normal; } http://www.sunburstrarediamonds.com/home.php @font-face { font-family: 'LilyUPC-Regular'; src: url('../fonts/LilyUPC-Regular.eot'); src: url('../fonts/LilyUPC-Regular.eot?') format('embeded-opentype'), url('../fonts/LilyUPC-Regular.woff') format('woff'); font-weight: normal; } I suggest you review them line by line to make sure they are identical for both. Also, make sure that both are using the exact fonts. Don't assume that the font in one folder is the same as the other. The best way to make certain you don't have any duplicates is to get rid of ALL the fonts, font.css files so you can have a clean slate. You would then regenerate the font via Font Squirrel. Upload the font package to both beta and main site. Don't rename or change anything. Now if by chance you are able to reproduce the problem then you will need to explore what is different between the main and beta site. For one, you have other css files listed. I would start with the reset.css file by disabling that. Just keep working your way thru it until you are able to see both sites the same. Keep in mind that both sites are not the same. The beta is pretty bare bone while the main site is not. Hint: You might duplicate the main site and set it up on a beta2 domain so you don't have to touch the live site. The solution is there but you must make certain that both sites are seeing the same files.
  17. As strange as it may seem but when I use certain fonts, some display just fine for one browser and not another. In other cases it displays fine on one server but not on another. In saying, you may need to look into the server set up. Firstly, see if all the mime types are set for each font type. Secondly, I work on a Windows server often and I noticed that the font displays just fine for Firefox but for some reason it would not for IE. The solution was to apply a code snippet into the web.config file to tell the browser to recognize the .woff format. Another note is that not all fonts are the same. Again, on a Windows server, I noticed that some fonts do work regardless which browser I use but I discovered that some fonts were not correctly developed by the author thus causing the problem of not displaying correctly. Again, the solution was the web.config cod snippet. If using PHP then you will probably use .htacess. Also, if you open both of your font.csss file and compare that one of the font's code (other than the name of the font) differ from the other. And finally, why in the world would you want to rename any font if you are wanting to display the same one?
  18. I wonder if it's the flash plugin loading before the actual flash is loaded? If so, not much you can do about that but you might want to post this at Adobe's forum.
  19. You have a container div that is overlaying the form and slideshow which is not clearing. That container is displaying those 6 small images below. Apply clear:both to just that container and it will work fine.
  20. Via using my Firebug tool, I was able to get it to look the same thus using font-weight: normal in the h2 element.
  21. If you are trying to demonstrate Cartisan calculations I don't think you can do this with just pure html. PHP and JavaScript is the only way I know of unless there is a plugin tool you can use. The only other one I know of is that done using Flash which I found at mathsisfun.com site
  22. I don't use them but yes there are some. Just google 'free web hosting'. Downfall is that you will be stuck with advertising, limited spacing, speed, etc.
  23. You beta page is using a h2 tag which is bolded by default. If you must use an h2 tag or any of the other similar tags then apply font-weight: normal; to it
  24. newseed

    elastic div box

    Pretty awesome. I have totally missed that.
  25. newseed

    elastic div box

    div is a block element. You can set it using display:inline so that it only expands the height and width to whatever is contained in it. As for the border/background, background not a problem but the border is. You will either need server side scripting or jquery.
×
×
  • Create New...