• Lucid Dreaming - Dream Views




    Results 1 to 5 of 5
    Like Tree1Likes
    • 1 Post By Puffin

    Thread: Tell Me About <div> Tag

    1. #1
      Banned
      Join Date
      Oct 2009
      Gender
      Location
      Nowhere
      Posts
      2,941
      Likes
      601
      DJ Entries
      45

      Tell Me About <div> Tag

      I'm working on a website. Using CSS, I want to place a group of images (the navigation buttons) alongside a larger image. Its proving hard. I have been using the <div> function, and I'm making progress, but either the group of navigation buttons arrange themselves badly or the image I want to place next to the group of buttons gets pushed below the buttons, and won't sit alongside them.

      How can I use the <div> tag to two groups of images alongside each other (please no tables)?

    2. #2
      Bird Brain Achievements:
      Tagger First Class Populated Wall 10000 Hall Points Referrer Bronze Veteran First Class Vivid Dream Journal
      Puffin's Avatar
      Join Date
      Oct 2009
      LD Count
      Lost count.
      Location
      Vancouver, BC.
      Posts
      6,336
      Likes
      2063
      DJ Entries
      212
      I think I can help but I'm not quite sure I understand the question. You want to have one main image (the first DIV layer), and then a group of link images in another DIV?



      If so, the code's pretty basic; although it doesn't go into the <style> tags, it goes after the </style>.

      Code:
      <div style="position:absolute; top:#px; left:#px; width:#px; height:#px;">Image goes here.</div>
      
      <div style="position:absolute; top:#px; left:#px; width:#px; height:#px;">Your navigation stuff goes here.
      The "#" can be replaced by the dimensions you want.
      "Top:" is how many pixels from the top the div layer is.
      "Left:" is how many pixels from the left of the screen the div layer is.
      "Width" is the width of the div layer, and "height" is the height, obviously.

      You can play around with the numbers. Since you want the navigation div to be on the right of the picture's div, it should have a higher "Left:" number.
      Last edited by Puffin; 05-19-2010 at 11:38 PM.
      Loaf likes this.
      We all live in a kind of continuous dream. When we wake, it is because something,
      some event, some pinprick even, disturbs the edges of what we have taken as reality.

      Vandermeer

      SAT (Sporadic Awareness Technique) Guide
      Have questions about lucid dreaming? DM me.

    3. #3
      Lucid Master of Flight Achievements:
      Created Dream Journal Made lots of Friends on DV 5000 Hall Points Veteran First Class
      MementoMori's Avatar
      Join Date
      Dec 2009
      LD Count
      untouchable
      Gender
      Location
      The sky
      Posts
      1,362
      Likes
      211
      DJ Entries
      7
      is there any html already there to look at and learn from. A quick mind can look at pre-existing HTML for a page and pull it then reassemble it while learning the whole time. Youssarian is your man to ask, he'll be able to help you here for sure.

      "MementoMori, the lucid machine"

      "There's nothing better than knowing what it's like to fly like superman. Being fully aware of the air whipping by you, controlling every movement of every single atom in your body with a single thought. It's real freedom, and there's not a word good enough to describe it, so I'll just call it dreamy for now."

    4. #4
      Banned
      Join Date
      Oct 2009
      Gender
      Location
      Nowhere
      Posts
      2,941
      Likes
      601
      DJ Entries
      45
      Demara, that works perfectly. Thank you so much.

    5. #5
      Bird Brain Achievements:
      Tagger First Class Populated Wall 10000 Hall Points Referrer Bronze Veteran First Class Vivid Dream Journal
      Puffin's Avatar
      Join Date
      Oct 2009
      LD Count
      Lost count.
      Location
      Vancouver, BC.
      Posts
      6,336
      Likes
      2063
      DJ Entries
      212
      No problem. Oh, just one more thing: What Mori was talking about, you can do by going to a page of your choice and right-mouse clicking, then clicking 'view source'. It'll bring up all the coding for that page.
      We all live in a kind of continuous dream. When we wake, it is because something,
      some event, some pinprick even, disturbs the edges of what we have taken as reality.

      Vandermeer

      SAT (Sporadic Awareness Technique) Guide
      Have questions about lucid dreaming? DM me.

    Bookmarks

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •