Solved

CSS formatting questions

Posted on 2015-01-09
2
71 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

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

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…
So you have coded your own WordPress plugin and now you want to allow users to upload images to a folder in the plugin folder rather than the default media location? Follow along and this article will show you how to do just that!
In this tutorial viewers will learn how to customize the background color and font color of highlighted text using the ::selection element in CSS Begin by defining the selected text as an element in CSS by typing "::selection": Style the ::selection…
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…

919 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

13 Experts available now in Live!

Get 1:1 Help Now