Jump to content
Stef's Coding Community

Ant

Member
  • Content Count

    202
  • Joined

  • Last visited

Community Reputation

0 Neutral

About Ant

  • Rank
    Advanced Member
  1. Thanks Ben. I tried that but it did not work. Then I recreated the PNG file and it works. All this time trying to figure it out and it must have been some problem with the original file and IE8 didn't like it. Thanks, A.
  2. ok. I may have figured out the problem. Although, I can only go by what Browser Labs shows me. I had a blank css ID and a plugin that was causing the site to break in IE. Additionally the site will not load the top right PNG file. I cant make it a jpg as I need it transparent. Is there anything in that css that IE8 does not like? Thanks, A.
  3. Currently, the site is now loading ( according to browser labs) in IE8 but it is not loading the css. I turned off a plugin that was giving me the blank screen and repeating images. I assume it was the plugin. How can I troubleshoot this? I have read a bunch of stuff in searches but nothing concrete or that makes sense. I tried methodically deleting code in the header etc but couldn't find the source of the problem. When i try and validate the page I get errors associated with table styling wanting to be set in css and most of the other stuff is coding which is part of a plu
  4. My site works fine on all comp sizes and ipads. However on the small 15" laptops in safari, some pages break layout. The problem pages, I believe, are ones with a floated left nav AND a table to the right. I think when I used divs to the right it stays intact. Here's an example I thought reducing the width of the table would help, but that doesn't make sense because the widths work on other computers. I cant recreate the scenario on larger computers using the zoom out feature as it still works fine. So it has something to do with the small laptop monitors, which I don't own. A
  5. Thanks Eddie. I checked the site on 2 different PC's running IE8. Both created the weird effects I explained. I tested it in IE9 and it was fine. I also tested it in IE9 using the developer tools and chose IE8 and it was fine. BUT I don't think thats the same as viewing it on a regular IE8 version NOT using the developer tools. But I am not sure. I guess I will have to keep looking into this. I'll see if I can find some other PC's running straight IE8 and see what I can find out. I also tested the site using one of those screen shot online services and it showed the weird effe
  6. When I view my site in IE8 some very strange things happen. When you load the homepage the first images get repeated, distorted and get like a jitter/smear effect on them when you attempt to scroll. Then you cant see any other parts of the site as the image just repeats and then you cant see anything else if you try and scroll back up.Here's my attempt at replicating whats happening(see image) Also sometimes it cant even load and it goes white. Because I have a mac I have to use friends machines to see how the site looks on IE. (I still have not found a solution to previewing sites
  7. Thanks Ben that's what I needed. That helps clear things. A.
  8. Ok, I got it to work, just like Andrea said. I must have had some errors in there while trying so many different variables. Here's the css I used: #online_store_link{ font-size: 17px; padding: 7px 0px 7px 7px; background-color: #1f262e; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; margin: 0; list-style: none; } #online_store_link a{ text-decoration: none; display: block; width: 161px; color:#ffffff; background-color: #1f262e; padding: 15px 0px 15px 10px; } #online_store_link a:hover { background-color: #1f262e; color: #8bab0b; }
  9. I had this (see code below) AFTER that CSS, but I am not sure it's done properly(I know it's not working thats for sure). I don't think i am grasping the difference between this: #online_store_link li{ } OR li #online_store_link{ } --------- #online_store_link{ style="font-size: 17px; padding: 7px 0px 7px 7px; background-color: #1f262e; color: #ffffff;" } #online_store_link li { border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; margin: 0; list-style: none; } #online_store_link li a { text-decoration:
  10. I'm not sure if what I need help with is "specificity" or not. Here's a situation which always confuses me. (see code below) I have the navigation as I want it BUT I want the FIRST li item called "Online Store" to have a different style. So I thought if I created a class or id for that list item I could stylize it differently than the other items. The problem is I don't know how as it is being overridden by the css class for "sidemenu" Any help is appreciated. My HTML is this: <ul class="sidemenu"> <li id="online_store_link"><a title="Online Store" hre
  11. Thanks Andrea. Thats what I needed. I just thought there was a lot of css involved to accomplish a simple task. I guess that's the simplest way. It's amazing how time consuming something like a simple box with text and then a link etc can be to accomplish. A.
  12. Andrea, thank you. The errors you see, for instance, the missing b, was a test for the bg but will be removed, thank you. I omitted the b so i could turn off the styling rather than deleting the whole css until I'm sure I won't use it. Yes this is a wp theme. I did not make it. I just stylized it to fit my needs. Once I am set on the site I will remove the inline styling from the head and add it to the core css. Right now the theme has an option to add your own styling in the cp. I use that to overwrite the linked css core site styling so I can see the changes without screwing up t
  13. Andrea here is the page. Still major work to do. The part starts at the green FREE box and ends at details]. My goal is to have full control over that part and implement the correct html/css. I know how to do it, I just don't know the right way and the most efficient less bloated way. Thanks, A.
  14. Mick, thanks. I have been learning as I go. I started off going through the w3 online info a few years ago and reading and learning as much as I can. Obviously asking questions here as well. As I keep designing I keep learning. My problem is I don't know how to streamline my css. So, thats why I am asking this question. I'm looking for the best css approach to this situation without using the css incorrectly or creating css thats bloated and implemented improperly. I could just make a class called X for the span, but I don't know if I should use the div class to my advantage s
  15. Just tried changing the second span to a p tag, but that forces the line of text to the next line, so I guess it has to stay as a span? So it should be a <span class="? A.
×
×
  • Create New...