Solved

CSS formatting questions

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

Free Tool: ZipGrep

ZipGrep is a utility that can list and search zip (.war, .ear, .jar, etc) archives for text patterns, without the need to extract the archive's contents.

One of a set of tools we're offering as a way to say thank you for being a part of the community.

Question has a verified solution.

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

Browsers only know CSS so your awesome SASS code needs to be translated into normal CSS. Here I'll try to explain what you should aim for in order to take full advantage of SASS.
Nothing in an HTTP request can be trusted, including HTTP headers and form data.  A form token is a tool that can be used to guard against request forgeries (CSRF).  This article shows an improved approach to form tokens, making it more difficult to…
In this tutorial viewers will learn how to style different bullet points for unordered lists in CSS. Begin with a normal unordered list; the default bullet point is a solid circle: In the CSS, create a defined class of unordered list by typing "ul.S…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)

832 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