Skip to content
  • Categories
  • Recent
  • Tags
  • Popular
  • World
  • Users
  • Groups
Skins
  • Light
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse
Code Project
  1. Home
  2. Web Development
  3. How to replicate list boxes across a Web page?

How to replicate list boxes across a Web page?

Scheduled Pinned Locked Moved Web Development
htmlcsscomdockerarchitecture
2 Posts 2 Posters 0 Views 1 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • M Offline
    M Offline
    Member 8761667
    wrote on last edited by
    #1

    Hello I have a crude 'test' Webpage here: http://www.bayingwolf.com/New1/dropdown/test2.html[^] I am only concerned about the 'Timetable' drop-down box and replicating it in a visible container across the page: Timetable Timetable Timetable Timetable I was hoping to use this as my container to hold the four drop-down boxes: HTML

    and this in my women_test.css:

    .holder_content_middle {
    margin-top:-10px;
    margin-bottom:16px;
    margin-left:26px;
    border-style: solid;
    border-width: 5px;
    border-color: BD2CBB;
    }

    but I still can't get the drop-down list boxes across the page framed by that bordered container - I have spent hours trying to achieve it without success. I would be grateful for any assistance. Thank you.

    V 1 Reply Last reply
    0
    • M Member 8761667

      Hello I have a crude 'test' Webpage here: http://www.bayingwolf.com/New1/dropdown/test2.html[^] I am only concerned about the 'Timetable' drop-down box and replicating it in a visible container across the page: Timetable Timetable Timetable Timetable I was hoping to use this as my container to hold the four drop-down boxes: HTML

      and this in my women_test.css:

      .holder_content_middle {
      margin-top:-10px;
      margin-bottom:16px;
      margin-left:26px;
      border-style: solid;
      border-width: 5px;
      border-color: BD2CBB;
      }

      but I still can't get the drop-down list boxes across the page framed by that bordered container - I have spent hours trying to achieve it without success. I would be grateful for any assistance. Thank you.

      V Offline
      V Offline
      vbmike
      wrote on last edited by
      #2

      If you make a plain html template, put a div in the body with the class mentioned, and use your class attributes like above in a style element in the header it does just what I think you want: a box with a border around it ( I did add a width and height to the div so I could see it ). First thought is that maybe a subsequent css file called for in the html file is overriding your class settings? Try placing your css file with this class above as last in your style element section of your html file and see if that changes anything. :)

      vbmike

      1 Reply Last reply
      0
      Reply
      • Reply as topic
      Log in to reply
      • Oldest to Newest
      • Newest to Oldest
      • Most Votes


      • Login

      • Don't have an account? Register

      • Login or register to search.
      • First post
        Last post
      0
      • Categories
      • Recent
      • Tags
      • Popular
      • World
      • Users
      • Groups