Jump to content


  • Posts

  • Joined

  • Last visited

Previous Fields

  • Languages
    CSS and (X)HTML

Contact Methods

  • MSN
  • Website URL
  • ICQ

Profile Information

  • Location
    Bradford, OH (30 mins from Dayton)

rzea's Achievements


Member (2/7)



  1. rzea

    Text Properties

    No."text:;" doesn't exist.
  2. rzea

    Text Properties

    Yes and No.No, because is not "text:;", is font:;. Try visiting the link I gave you...Yes, because it would be something like this: p { font:bold 1em/1.2em georgia,"times new roman",serif;} The order of the properties for font:; are:font-style:;font-variant:;font-weight:;font-size:;line-height:;font-family:;
  3. I suggest you don't waste your energy in testing IE5.5... unless the majority of your visitors use it, which I honestly doubt... a lot, or you're hard headed and just want to stick to it for the heck of it :)Focus on IE6 as your lowest IE version to test on.
  4. rzea

    Text Properties

    To answer your question: Yes, that's called CSS Shorthands: http://www.dustindiaz.com/css-shorthand/Now, background-color:; background-image: are not exactly text properties. Text properties would be: font-size:font-family:font-weight:text-align:text-decoration:etc... And, you are right, you can have all the background properties in one declaration: background: url(/images/image.jpg) left center repeat-x fixed #fff;
  5. In simple words, the @import directive is perfectly safe to use nowadays. The only issues with using this 'include' method are in the past now, in other words, very old browsers like IE5, Netscape 4 and earlier, did not understand the @import directive.I personally use this method all the time in all my projects and I have no issues whatsoever.I use this method when I have several style sheets, I import all those style sheets into my 'main' CSS file and in the <head> of the HTML documents I only have to write one single line to call all the CSS files.For example, I have three CSS files:top-navbar.css (the top nav bar can be extremely complex sometimes, so when the project demands it, I make a separate CSS file for easy updates)inner-pages.css (the home page and inner pages are usually very different layout-wise, so I treat them as separate 'entities')'project-name'-base.css (the MAIN CSS file for the site)And in the <head> section I write only one line to call all three CSS files:<link href="/css/'project-name'-base.css" type="text/css" rel="stylesheet" /> (this is an include as well, but that's another topic)Inside 'project-name'-base.css, I write: @import url("top-navbar.css");@import url("inner-pages.css"); And that's it.Hope this helps.
  6. Too much code. Provide a link please.Thank you.
  7. A fixed background image DOES NOT work with a DIV in IE6. However, it does work in IE7.The only fixed background that works in IE6 is with the <body> tag.BTW, try to optimize your CSS code using short-hands: #container {background:url(../backgrounds/53a.gif) repeat-x fixed;}
  8. rzea

    Unwanted Border

    When you create a link style in your CSS a (which actually means a:link), you should group it with the visited state, a:visited, so the links look the same after being clicked (that is if you actually want them to look the same in each of these states). If you don't group the two together, then you click on a link and it will have a totally different style because the links is already 'visited'.Does that make sense?So that's why #menu a, and #menu a:visited are grouped in the same rule, thus, affecting a:hover.Hope that answers your question.BTW, the use of the value transparent for your links does not work in IE6.
  9. You still have a small visual problem though.The text next to your checkbox is being pushed away from it. Although I haven't looked at your CSS code I'm sure it's because at some point you have a rule that makes your inputs about 218px wide, well, that rule affects checkboxes as well because they are inputs too. Not only this, but in IE6 the checkbox area has an light gray border.Try applying a specific class to that checkbox, something like:input.normal-checkbox { width:0; border:none; }And that would probably fix this minor visual issue.Of course you could fix this problem without having to edit the HTML code (for all standards compliant browsers, yes, even IE7) but without editing the HTML code the solution wouldn't work in IE6.Hope this helps.
  10. rzea


    Remove the <span> inside your <button>, just style your button as any other element and the text inside will pick the properties.
  11. rzea


    Here you go, how to use alpha transparent PNG's in IE6: http://www.twinhelix.com/css/iepngfix/demo/
  12. rzea


    Don't blame the Web, it's you causing the problem :)Although these instructions are from Fireworks, try finding the same options in the Photoshop 'Save for Web' interface: Export your image as a GIF with 'Exact' palette, do not activate 'Remove unused colors' or 'Dither' or 'Interlaced'.
  13. Although seems like you already centered your site, I'd like to add something.The method #wrapper {margin: 0 auto; } works, but you HAVE to add a width to the #wrapper, doing this will make it work in ALL... let me say it again...will make it work in ALL browsers, yes, IE6 too. #wrapper { margin:auto; /*You can remove the first 0 (zero), is not needed to center the #wrapper*/ width:500px; /*The width can also be in %*/}
  14. rzea

    Place on Top

    Check for a <p> tag, maybe the picture would be inside a paragraph.But if this is not the case, why don't you make your page with the error so we can see what you're saying.Just by placing the H1, a <br /> and then the picture would be enough.
  15. Not sure if I understood correctly, but maybe something like this? HTML: <div id="centered-div"> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p> <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p> <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p></div> CSS: #centered-div { width:20%; margin:10% auto 0; background:#ccc; padding:10px;}
  • Create New...