?
Solved

CSS formatting questions

Posted on 2015-01-09
2
Medium Priority
?
92 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
2 Comments
 
LVL 53

Accepted Solution

by:
COBOLdinosaur earned 2000 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

Get real performance insights from real users

Key features:
- Total Pages Views and Load times
- Top Pages Viewed and Load Times
- Real Time Site Page Build Performance
- Users’ Browser and Platform Performance
- Geographic User Breakdown
- And more

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.
JavaScript can be used in a browser to change parts of a webpage dynamically. It begins with the following pattern: If condition W is true, do thing X to target Y after event Z. Below are some tips and tricks to help you get started with JavaScript …
In this tutorial viewers will learn how to position overlapping items using z-index in CSS. They will also learn the restrictions on the z-index property.  Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Red.…
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)
Suggested Courses

752 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