css

[Solved] Client wants following css button [closed]

by

You can do it like this using css linear gradients. See below example. button { padding: 20px 40px; font-size: 16px; color: #FFF; padding-left: 10px; border:none; background: linear-gradient(to right, rgba(255,38,0,1) 0%, rgba(246,41,12,1) 74%, rgba(255,255,255,1) 75%, rgba(255,255,255,1) 77%, rgba(255,111,0,1) 78%, rgba(255,111,0,1) 87%, rgba(255,255,255,1) 88%, rgba(255,255,255,1) 89%, rgba(247,255,0,1) 93%, rgba(247,255,0,1) 100%); } button:focus { outline:none; } <button>Explore</button> solved … Read more

[Solved] If I built an app with a CSS framework, and then they change their styles, would the look of my site change with? [closed]

by

Question 1 As mentioned in the question, say one of these front end libraries were to update their UI components, would these changes reflect in my app or is it version dependent? Oh, yes, the appearance of your site will definitely change. Suppose you had this CSS library: .ui { font-family:system-ui; } body { background-image:url(“/some/image/and/the/file.jpg”); … Read more

[Solved] Website posting and login [closed]

by

You seem to be talking about a Content Management System. I’d suggest you look at some of the (many) options out there e.g. WordPress or Drupal – neither is perfect but both are widely supported. 2 solved Website posting and login [closed]

[Solved] Why should not be id repeated? [duplicate]

by

Like others before me have said, you are using the id tag which is a unique identifier. Whereas you should use a class to apply styles across multiple elements. See what the W3C defines an id as: (http://www.w3.org/TR/html401/struct/global.html#h-7.5.2) Element identifiers: the id and class attributes Attribute definitions id = name [CS] This attribute assigns a … Read more

[Solved] Is there CSS elements that block hyphens from working? [closed]

by

There was a discussion on SO about this these days: The words “Navigation” and “Databases” in your h1 are not hyphenated because they start with a capital letter, which most browsers apparently interpret as not-to-be-hyphenated nouns. You might want to spell them as “navigation” and “databases”, wrap <span> tags around those and apply text-transform: capitalizeto … Read more

[Solved] swapping div content using jquery [closed]

by

Here’s my take: http://jsfiddle.net/bxmaqtd3/ When the button is clicked on the left, we need the div on the right to change content. My solution uses jquery show() and hide() to show and hide divs which contain slide content. You will need to include all the content in your html with unique IDs (i.e. #slide1, #slide2, … Read more

[Solved] How to put a text heading [closed]

by

HTML: <h1>{ Hello World }</h1> CSS h1 { display:inline-block; width:400px; height:150px; text-align:center; background:url(“http://placehold.it/400×200”) 0 0 no-repeat; padding-top:50px; margin:0; } JSFiddle solved How to put a text heading [closed]

[Solved] div with rounded sides and pointy corners [closed]

by

like tv screen #tv { position: relative; width: 200px; height: 150px; margin: 20px 0; background: red; border-radius: 50% / 10%; color: white; text-align: center; text-indent: .1em; } #tv:before { content: ”; position: absolute; top: 10%; bottom: 10%; right: -5%; left: -5%; background: inherit; border-radius: 5% / 50%; } FIDDLE: http://jsfiddle.net/arjun_chaudhary/LBaNY/ solved div with rounded sides … Read more

[Solved] Popup text box in HTML with javascript

by

Does this meet your requirements? function showPopup() { document.getElementById(‘2’).style.display = “block”; } function syncValueWith2() { document.getElementById(‘2’).value = document.getElementById(‘1’).value; } function syncValueWith1() { document.getElementById(‘1’).value = document.getElementById(‘2’).value; } <textarea onkeyup=”syncValueWith2()” id=”1″></textarea> <br> <textarea onkeyup=”syncValueWith1()” id=”2″ style=”display: none;”></textarea> <input type=”button” value=”Show Popup” onclick=”showPopup()”> solved Popup text box in HTML with javascript

[Solved] what does #someDiv mean? [closed]

by

‘#someDiv’ is a CSS3CSS selector which is semantically equivalent to getElementById(‘someDiv’), in that it will select the element with ID ‘someDiv’. So: document.getElementById(‘someDiv’) == // bracket notation will return a DOM element $(“#someDiv”)[0] // leaving it out will return a jQuery object $(“#someDiv”) 4 solved what does #someDiv mean? [closed]