Solved

CSS formatting questions

Posted on 2015-01-09
2
68 Views
Last Modified: 2015-01-16
I'm using a scheme (CSS recipe of sorts) found on the web for allowing styling of the
options in a look-alike dropdown select list  using CSS and <ul>

i have three questions i need help with (in order of priority)
1.  How to eliminate the "linebreaks" that appear AFTER an option is chosen that display in the "selected" choice

2a.  I tried CSS  span:nth-child(1){left: 0px;}   (etc.)    to column-ize the dropdown options for selection,
but when i did, altho the "tab stops" yielded the desired multiple columns,  each word WITHIN each tabstop is positioned with a wordwrap to place the words under each other in a narrow column manner.  How to have the words within each tabstop appear normally?
2b. After selection, the position/origin is outside of the enveloping container. How to resolve.

3.  Javascript:  how to set the (form input field)  .value  of the chosen option, once clicked on?

URL for Questions #1 & 3:      CHOOSE SIZE   is the dropdown in question
http://rugsforyourhome.com/detail1-TMI2c.php?PID=1&SID=8&CID=25&mcnid=25#

URL for Question #2:      http://rugsforyourhome.com/detail1-TMI2d.php?PID=1&SID=8&CID=25&mcnid=25
0
Comment
Question by:willsherwood
  • 2
2 Comments
 
LVL 53

Accepted Solution

by:
COBOLdinosaur earned 500 total points
ID: 40540980
If you want to re-invent the wheel and try to put a square peg into a round hole.  It would be best to not use junk you find on the internet.  90% of what you will find is garbage and near to 100% has limitations and flexibility issues.  The select like some other elements have properties that are inherited from the operating system rather than being native to the browser.

If you must do something like this then be prepared to spend a lot of time doing trial and error to workout the necessary hacks to get around the code you have which is already a horrible hack.  Then be aware that what you do may have issues with some browsers, operating systems and devices; and even after you get it working it may get broken by a change in the specifications or a change in browser support for standards, to say nothing of what can happen if a new version of an operating system includes property changes for the select.

Good luck, but you are basically trying to build something w/ith the foundation sitting in q/uicksand.

Cd&
0
 
LVL 53

Expert Comment

by:COBOLdinosaur
ID: 40540989
BTW even if you find a solution it may not work reliably because the markup has almost 100 validation errors and the page is not stable anyway.

Cd&
0

Featured Post

Do You Know the 4 Main Threat Actor Types?

Do you know the main threat actor types? Most attackers fall into one of four categories, each with their own favored tactics, techniques, and procedures.

Join & Write a Comment

As a result of several questions about how to use Bootstrap I thought it would be a good idea to write down the development aspect of creating a Bootstrapped website in as little time as possible. Part 1 of this article will only concentrate on g…
Introduction If you're like most people, you have occasionally made a typographical error when you're entering information into an online form.  And to your consternation, the browser remembers the error, and offers to autocomplete your future entr…
In this tutorial viewers will learn how add a scalable full-width header using CSS3. Create a new HTML document with an internal stylesheet. Set a tiled background.:  Create a new div and name it Header. Position it with position:absolute at the top…
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …

746 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

12 Experts available now in Live!

Get 1:1 Help Now