Jump to content


  • Content Count

  • Joined

  • Last visited

Community Reputation

0 Neutral

About Rufus

  • Rank

Previous Fields

  • Languages
    HTML, CSS, JavaScript, jQuery, PHP, Rails, XML, SQL

Contact Methods

  • Website URL
  • ICQ

Profile Information

  • Location
  1. Just a little clarification on dsonesuk's fix, JavaScript messed up when it was created and they didn't acknowledge the guys working on CSS. So, we have the same style properties but they have different names.I always keep this as a reference. http://codepunk.hardwar.org.uk/css2js.htm
  2. Thanks for that clarification! Good stuff to know.
  3. Rufus

    CSS3 - Menu Help

    Some other things I caught:For your wrapper background, you had the -webkit-gradient going from "left top" to "left bottombottom" which is just a typo I believe. Same goes for your -webkit-gradient for ul.menu li a.Also, you have an extra period before ul.menu.On your -moz-linear-gradient you are missing the "to" part of the gradient. You just have "top" and then your color listings when it should be "top, bottom, color, color".Also, with your CSS transitions, I believe the specifications ask for the time in seconds and not milliseconds. What I like to do is just declare everything in one. -w
  4. Rufus

    CSS3 - Menu Help

    The first error I can see is that you're missing a closing brace for you .wrapper properties. And then you've also got an extra one right at the end.
  5. You can use text-align: center to center everything, not just text.I'm wondering what you mean by a display box? Some more description on that could be useful.
  6. Set the padding of the child ul's to 0px, since they do have a padding by default. #menu ul {padding: 0px;}
  7. On your style for div.sidebar, you mispelled "position". And, to get your header image to center, you can do it one of two ways.Center everything in the header: #header { text-align: center;} If you know the width of the image, set the div's width equal to that. The do an auto margin. #header { width: 500px; margin: 0px auto;}
  8. As an example, Wordpress likes to use this method. if (!empty($_SERVER['SCRIPT_FILENAME']) && 'filename.php' == basename($_SERVER['SCRIPT_FILENAME'])) { die ('Please do not load this page directly.');} You can just change the filename.php to the name of your included file. Then, when you include it, it won't die since the actual script that is executing is not the one you included.
  9. Rufus

    ul link style HELP!

    @Deirdre's Dad: setting the display to inline does remove the list style.However, to override it in other situations, li {list-style-type: none;} Rufus
  10. Rufus

    CSS List Menu

    The thing you want to use here is: display: inline-block Use that on your link tags. It will force the one that wraps to just go to the next line instead.Try this out: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><style type="text/css">.nav ul {padding:0;margin:0 auto;list-style-type:none;overflow:hidden;display:inline-block;}div.nav {padding: 5px;clear: both;background: #990033;border: 2px inset #ffffcc;font-family: Calibri, arial, sans-serif;
  11. Haha yeah you're right Synook. Thanks for that clarification on my wording; I think I'll use the word quirks more often.
  12. Rufus

    CSS Navigator

    @thescientist: I wouldn't use #nav ul, just give the ul itself the id. No need to wrap a block level element in a div or anything like that.
  13. I suppose what I meant by that is, when learning HTML and CSS, you don't want to worry about, "hmm does this element, selector, or property work in every browser?" I think that can be confusing as heck for someone who is a beginner. That is why the HTML tutorials on W3schools do a good job; they lay down the basics so that you can go off and discover how it can be done in modern browsers.
  14. Heya qcom,I wouldn't make the mistake of trying to learn HTML and browser standards at the same time; those are two large animals. I would go through both the HTML tutorial on this site and the CSS tutorial because they really go hand in hand. But, take it one step at a time.My best suggestion is to try things along the way. So, with each new thing you learn, take time write it out on your computer and test out what it looks like in the browser. And usually at the end of each chapter in the tutorial there are different things you can try to get a greater understanding of the topic.As for HTML5
  15. Also consider adding the media attribute to distinguish between things like print stylesheets and screen stylesheets. <link href="link/to/file.css" rel="stylesheet" type="text/css" media="screen" />
  • Create New...