Forum Moderators: not2easy

Message Too Old, No Replies

Javascript input styled with css

         

Gemini23

4:43 pm on Oct 16, 2014 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



Can anyone help?

I have a Javascript that without any css displays the output in 4 vertical boxes (I guess from the originating source website of the javascript) and I would like them to display in one horizontal line - and also to display okay on desktop and mobile browsers.

Anyone?

Fotiman

6:47 pm on Oct 16, 2014 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



What is "the output"? Use a browser tool to inspect the generated content, and use that to determine what styles are needed. Then just add the appropriate styles to your stylesheets.

Gemini23

6:52 pm on Oct 16, 2014 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



Thanks Fotiman...

what "browser tool"

not2easy

8:04 pm on Oct 16, 2014 (gmt 0)

WebmasterWorld Administrator 10+ Year Member Top Contributors Of The Month



A few to use with Firefox are the Developer Toolbar or Firebug, you would want to look for tools specific to the browser you're using.

lucy24

8:15 pm on Oct 16, 2014 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



What does the script say? Not the whole thing! Just the lines that generate the output. It should be trivial to tweak your scripts to include a class name, and then add that class to your CSS. It will probably involve the {display} property ("inline" or "inline-block" instead of the existing "block", probably a default based on <p> or <li>).

If you can't edit the script itself, you can probably wrap the output in a div of your own, and then style the div-- including its content.

[edited by: phranque at 1:27 am (utc) on Oct 17, 2014]
[edit reason] disabled graphic smileys [/edit]