Jump to content
Killersites Forums

habgyp

Member
  • Content Count

    10
  • Joined

  • Last visited

Community Reputation

0 Neutral

About habgyp

  • Rank
    New member
  1. habgyp

    Replacing tables

    Thanks, Wickham! I think I was a bit unclear, as well, about the in-line/block issue. Both <p> & <h...> elements are block even though for some reason I implied <p> was in-line. Your clarification makes that part of my point irrelevant, anyway. It seems we were on the same page there. What I'm really having the problem with isn't fixing trying to center the content in the DIV. Yes, that was my initial problem. And it is now resolved. My problem is that how it was fixed shouldn't logically have worked. Here's the relevant part of the html again: <div cla
  2. habgyp

    Replacing tables

    Thanks, Wickham! I appreciate your feedback; but the problem I have with that explanation is two-fold: #1 - "Text", in and of itself, doesn't refer specifically to in-line or block level elements. As proof, the <h3> tags, which all of the text in the above example is a part, are obviously block level elements. And yet, there is no doubt that they are still "text". I could have put the text in a <p> tag and they would still be "text". This indicates that in-line/block level are irrelevant to whether or not the "text" selector applies. #2 - "Text" and "images" are NOT the sam
  3. habgyp

    Replacing tables

    Thanks for the responses guys! I've continued to mess around with the code using both the suggestions you guys gave me as well as just experimenting on my own and I came across some interesting things: #1 Eddie's first solution is close to accomplishing what I intended (aside from centering the content in the DIV). However, there is a hidden problem there... more on that below. #2 Andrea's solution works perfectly (again aside from the centering issue). Though, Eddie's point about the .column and .row concept helping newbies switch over is a valid one. #3 I accidentally solved
  4. habgyp

    Replacing tables

    Hey, guys, thanks for the replies! Sorry, it looks I didn't really explain what my bottom line problem was. What I'm trying to figure out is how to get everything to be centered. I already knew how to replace the columns & rows with CSS and even center the "table" as a whole (through auto margins). I'm really trying to find a CSS replacement for the align=center part of the <td>. I know I can style the text with text-align:center; but is there an easy way to get the images to be centered within their divs? Sorry, I probably should have stated what I was actually trying to fig
  5. habgyp

    Replacing tables

    I know that the correct way of laying out anything but data is to use CSS & not html TABLEs but I'm finding it difficult in certain situations to do in a way that isn't... umm.. more cumbersome. I imagine this is just a matter of my lack of familiarity with CSS, but it seems like some tasks just aren't very intuitive. For example, see the code below. With a table, it's very easy. With CSS, it doesn't appear to be so quick/easy. Of course, I would love to be wrong here, so if anyone has any suggestion, I'd love to hear it. Thanks in advance! <table> <tr> <td
  6. habgyp

    Collapsing DIV

    Thanks, Andrea! Your changes/comments were very helpful. Much appreciated!
  7. habgyp

    Collapsing DIV

    Thanks, Ben! That did it. I guess I'm still unclear on why this is necessary. I don't get why there is overflow in the first place. It seems to me, from a logical standpoint, that if something is contained in an element it should stay in the element by default. Now I understand that 'floating' an element takes it out of the normal flow but it still seems to me that it should remain constrained to its parent element (in this case, another DIV). I would think the most useful way for 'float' to work would be to change block level elements so they functioned like inline (ie text, etc). I
  8. habgyp

    Collapsing DIV

    Thanks, Ben. As you can see from my style-sheet, I don't have anything in absolute or relative except the "container" ID - which everything else is inside of. I must confess I am unaware of overflow:hidden. What is exactly is it supposed to do?
  9. habgyp

    Collapsing DIV

    Thanks for the response, Andrea! Unfortunately, "clearing" the floats is not the problem. I was aware that was necessary and already had it in place. Here's the code and links to two different versions so you can see what I'm experiencing: EXAMPLE #1 http://habitualgypsy.com/test/template_ex1.htm This is how the spage looks with the the basic layout. There are the 4 links to photo-albums that I would like to have two per row. The style sheet is as follows: @charset "UTF-8"; /* CSS Document */ * { margin:0px; padding:0px; } #container { position:relative; w
  10. habgyp

    Collapsing DIV

    I have encountered a perplexing phenomenon on a site I'm working on that I have not run into prior. To start, I've created a simple template with one main DIV (ID="container") that I've centered through left/right margin values of auto. The "container" DIV is then divided into four DIV's stacked on top of each other. These ID's are as follows: "header", "menu", "body" & "footer". Pretty straight-forward stuff and all the basic formatting works just peachy. Even when I put some content (headers, paragraphs, links, images, etc.), everything still seems to work as one would expect. I hav
×
×
  • Create New...