Jump to content


  • Content Count

  • Joined

  • Last visited

Everything posted by Randomishlying

  1. What is the best way to acheive a responsive vertical centered position of an element within an element (e.g. a div within a div)? I know this would probably be a lot easier to accomplish using JavaScript, but I want to know of the best ways to do it with CSS first.Any help would be appreciated.
  2. To decrease the stretch of the border, you could give the h1 a specific width. You could also give the h1 a property of: display: inline-block; Then remove the negative margin on the span.I'm not aware of any way to decrease the white space with a positive margin, in a way that I think you hope for. However, I think it would be possible to make the h1 width smaller by adding a positive margin to the left or right of the h1/header. That would decrease the white space.
  3. Is there any particular reason that it isn't popular to do things in this way? I don't think I've ever seen any CSS code that included an element having a class and an id (at the same time).
  4. Thank you for responding. However, I don't think this answers my questions. I am familar with this way of selecting elements, but I don't think it would work for what I have set up. I need to give elements on multiple html pages the same properties (I used a class to do this). I also need to select some of these elements individually; I would normally use the method of selecting children of these elements. In this case, I have all the CSS in one file (It was easier to set it up this way, because the pages have very similar structures). With that in mind, selecting a child of an element that is
  5. This question is specific to named CSS selectors. There is probably an obvious answer to this question, so I apologize ahead of time. If I wanted to apply a property to a bunch elements I would use a class; could I also use an id to give individual properties to any of those elements? Basically, can a single element have a class and an id? Can there be multiple classes? If so, is this proper html to do it this way, for all the main doctypes?I'm just confused, because I don't think I've ever seen any examples whilst learning, in which an element has a class and an id. Are there any other method
  6. I just had a "d'oh!" moment. Thanks for putting up with my ignorance. Thanks to you, my brain has finally made the connection.
  7. If an element is relatively positioned, its child is absolutely positioned (within the parent container), and the child has a child which is also absolutely positioned. Why is it that the child's child continues to be absolutely positioned relative to its parent container, when it's parent isn't relatively positioned? It seems to go on an on like this.I'm probably just thinking about this the wrong way, but I find it to be confusing. If someone could explain this to me, I would be greatful.
  8. I've taken a different approach in trying to build this webpage. I'm now trying to use tables for the main content section, because they seem easier to position to me (though it may not be the case). Using this approach I've run into some other (different) problems. The main problem: I don't seem to be able to change the z-index of the div "mainBorder" above the div "mainContent". The only other way I thought of accomplishing this was to put the div "mainBorder" outside of the table "belowHeader", center it and line it up to the div "mainContent". When I attempted to do it that way, upon resiz
  9. The div "rightLines" is extending past the display window in the browser, which is creating an unwanted horizontal scrollbar. Based on the CSS, I can understand why this is happening, but the confusing part is that the same thing doesn't happen for "hNavigation." Why is this? What I'd like to accomplish: To have the "hNavigation" div, and the "rightLines" div to fill the remaining space (of the window) on either side of the "mainContent" div, without having to specify a specific size for both. Perhaps this would be better accomplished with tables? Any help would be appreciated. Here is the cod
  10. For reasons unknown to me, I've been unable to get my my favicon to appear in my firefox browser. There seems to be no problems in any other browser I've tried. I had someone else try it on there version of Firefox, and it seems to display fine. At this point, I sense that the problem is with my version of Firefox or something related to that. Perhaps there is something more I need to provide in the link attribute within the head. This is exactly what it says: <link rel="shortcut icon" type="image/x-icon" href="favicon.ico" /> If anyone has any information that might point my in the
  11. I think I'm starting to understand. Correct me if I'm wrong here... You're saying that if you give an element a positioning property, it will change the z-index of that element by one or something? Do the numbers 10 and 5 have some sort of significance or could the numbers in that example also be 2 and 1? Could you give me an example of this? Anything would be awesome.I've had problems with absolute positioning, but not in the case that it's being absolutely positioned to a parent element. You're probably talking about something else anyway. I'm all ears.And just out of curiosity, is ther
  12. This is most of the reason that I used absolute and relative positioning. For instance, if I set a div container to relative, and then I set the elements within that container to absolute, I can move things within the div exactly where I want. In almost every case I'll have already created a website layout in Photoshop or Illustrator, and it just seems easier to do it this way if I already know exactly where I want everything. The reason that I prefer this to setting the margin on each individual element within the div is because, a bunch of times already I've run into the problem of having to
  13. HA! I'm glad you got to use that story to help me understand why it is important to know JavaScript before using jQuery.
  14. I did try that, and it works (as you're undoubtedly aware). Thanks for the tip. However...(heh) I still don't understand why this works with margin-top as apposed to a relative position with top. My understanding of what was happening must be incorrect, because the paragraph element still covers the image, yet the image is now selectable. So you might say, I'm slightly more confused than I was before. I apologize if I'm coming off as stupid, but I feel like it will be easier to avoid this mistake, if I understood why this happened.
  15. Depending on how basic the colors are (this works well with solid color images and the like), you could also save the image as GIF with transparency. A GIF image could potentially have the same quality as a PNG-8 image, but not a PNG-24 image.
  16. I'm confused about why a paragraph element is acting a certain way. I don't know how a p element is suppose to act, so I don't know if this is my fault.The paragraph is on the right side of an image with a float left, and the text in the paragraph element stays to the right of the image as I imagined it would. However, the paragraph element itself is also covering the image so that the image is not selectable.I've since changed the paragraph element to a span and it seemed to fix the problem, but I'm still confused about why the paragraph element did that. Is there some way to define the size
  17. Randomishlying


    Is it necessary to have a knowledge of JavaScript before diving into jQuery? It's my impression that jQuery is just a JavaScript library. If that's the case, shouldn't it be just as easy to learn JavaScript that way.To those who have used jQuery, I have a few questions if you don't mind. How does one access the jQuery library? More specifically... How do I know what is in the library so that I can use it (I'm assuming it works this way, but maybe not)? How does jQuery greatly simplify JavaScript programming in your opinion? Any help would be great.
  18. I normally use Kuler and colourlovers.com to find color palettes, if I'm having trouble finding the right palette. If I already have a color that I want to work with but need good analogous, monochromatic, or complementary colors, I tend to use colorschemedesigner.com. Additionally: I'm probably going to end of using the below website at some point, so thanks for that. A contrast to that website, but almost equally as useful is this website: http://labs.ideeinc.com/multicolr/#I use this at times, and it proves time and again to be of use and slightly entertaining.
  19. I like to have Dreamweaver and Notepad++ open, and I use both, but I spend most of my time in Dreamweaver. I have to say I'm surprised that Notepad has more votes than Notepad++. I wonder why that is. I started using Aptana Studio 3 a few months ago. It has become my favorite.
  20. Oh nice, I guess that makes more sense. Thanks for that. I think that will probably come in handy when I need a class to reuse within an already existing class.
  21. I don't understand why an element with a class doesn't take priority over that selector (that isn't as specific). Will the that selector also take priority over an id? For instance, if I change the rentalFleetText class to an id, would it still inherit the styles from .bottomRight p?
  22. Could someone take a look at the below code, and tell me why "<p class="rentalFleetText">" is inheriting a different CSS class. To be specific I think it's inheriting ".bottomRight p"?Being new to HMTL and CSS, my best guess is that I'm only allowed to have one font class per cell, or something weird, but honestly I have no idea.HTML: <!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><meta http-equiv="Content-Type" content="text/html; charset=utf-8
  23. First of all: Thanks for answering despite having answered this very question many times before, I know I'd be frustrated.Is there any simple examples you can share of IDs making it easier to access elements in JavaScript? Perhaps a link to a post of this topic you have already responded in depth to?
  24. Is there any benefit to using an id over a class? Based on what I've read here, I'm thinking you should always just use classes, just in case you want to use the same CSS again. Can anyone think of a scenario where an id would be completely necessary?
  25. I've having an issue with a specific table cell that I can't seem to figure out.I set the cell with the id=top to a height of 174px with CSS, and yet it appears to be a height of 236px.Here is an image of what I'm talking about: For a closer look at the code - <!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><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Sarasota-Tampa Express Homepage</title><link href="
  • Create New...