Jump to content


  • Content Count

  • Joined

  • Last visited

Everything posted by gatormancl

  1. gatormancl

    Ie 9 Bug?

    for some reason there is a gray line which randomly appears on the left of all my content. This is only limited to IE 9. I don't know why this is occuring and ive never run into this problem. To see what im talking about, visit this link http://w.greenlabelgraphics.com in IE 9, switch to dev tools and view in IE 8, or 7, or view in diff browser such as Safari, FF, Chrome... Any help would be appreciated, thanks a lot in advance.
  2. you might want to listen to thescientist you shouldnt have two doctypes. Also someof your class have double quotes and some have single quotes, im going to guess that the ones that have single quotes don't work. Im pretty thats it because if your file is html you need to double quote classes and id's. you cant single quote those unless you are using thing in a function, and the function is being called, i.e. $active[] = 'class=active-link';Also, why are you using so many stylesheets AND using inline styles? use one or the other.You need to befriend the validator that W3C provideshttp://valida
  3. haha no prob. I was trying to figure out why the border was hanging over to the right when i had text-align set to center.
  4. the reason i declared "nav li" inline is because LIs are Block level elements. I'm using a horizontal navigation, so i set "nav li" to inline. I feel that's the best approach. @O. Samuel Why are you suggesting setting it to inline-block?
  5. ok I think i see where my problem is. Applying the border to the LI was the issue because it will take the width of the LI, and not my A tag. I've edited my code so that it takes precedence on the anchor tag and not the LI...previous.active { border-top: 2px solid #777777; color: #488FCD; text-shadow: 0 0 24px #0099FF;}edited.active a { border-top: 2px solid #777777; color: #488FCD; text-shadow: 0 0 24px #0099FF;}
  6. thats about what i have for the list item. heres my code. <nav> <ul> <li><a href="home.html">HOME</a></li> <li><a href="trailers.html" rel="tag">TRAILERS</a></li> <li class="active"><a href="gallery.html">GALLERY</a></li> </ul> </nav> li {list-style: none;} nav li { display: inline; font-size: 1.2em; margin: 0 12px;}ive set the li to display: inline block with no luck
  7. So i have this problem where my active page link has a blue top border. It looks fine but ther is an issue i can't get my finger on where the text would align itself to the left and the border extends beyond the width of the text. Ive tried setting text align to center, a transparent border left, and tried stying the li to inline-block with no luck. Some help would be appreciated.here is the illustration in two dif browsers. i'd like to have the border centered over the text instead of like this:IEthis browser renders it better but you can still see the border hangs over the right side some.W
  8. The font you would like to use, set it first, then set a back up. your syntax should be as followed if you want the Times New Roman as your default page font, and Georgia as your fall back in case Times New Roman isnt available, which is installed with Windows.body {font-family: "Times New Roman", Georgia, Times, serif;}Its a "Cascade" effect. The first font will be used. If it should fail or is not present, the next font should load. Most quality editors turn certain elements different colors to help you "organize" your workflow. Some times in Dreamweaver, it doesnt all ad the quotes, all y
  9. watch this video and youll be sethttp://net.tutsplus.com/tutorials/design-t...avigation-menu/
  10. try that code and make sure your src: url is pointing to the correct directory. If you want to make it easier on you, place the 6 fonts of this family inside the same folder as your CSS file and exclude the "/" so it would look some like:@font-face{ font-family: ChunkFiveRegular; src: url("ChunkFiveRegular.eot"); src: url("ChunkFiveRegular.eot?#iefix") format("embedded-opentype"), url("ChunkFiveRegular.woff") format("woff"), url("ChunkFiveRegular.ttf") format("truetype"), url("ChunkFiveRegular.svg#advent-re") format("svg"); font-style: normal; font-weight: normal;}h1,h2,h3 { font-family
  11. Never mind. I figured out that because my header background image was fixed, it was causing it to jump out of place. I solved it by removing "fixed" from the background element.before:#header { background: url('../img/header.jpg') repeat fixed; border-bottom: 1px solid #777777; height: 22px; opacity: 0.87; filter: alpha(opacity= 87); overflow: hidden; position: fixed; top:0; width: 100%; z-index: 1000; }after#header { background: url('../img/header.jpg') repeat; border-bottom: 1px solid #777777; height: 22px; opacity: 0.87; filter: alpha(opacity= 87); overflow: hidden; position: fixed; top:0;
  12. w.greenlabelgraphics.com/home.phpThe link listed above is the site im debugging. For some reason my fixed header which has a z-index of 1000 is being stripped of its background image once it scrolls over the video. it only happens in safari and chrome, which means its the mp4 and not the video container, also because it only happens when i include the mp4. the ogv, and webm videos cooperate fine. Its just for some reason i cannot get my header to keep its bg image once it goes over the video. You can see what im talking about if you visit the page in chrome and then in any other browser. S
  • Create New...