css Questions

how to hide tab when clicked on a select option – Twitter bootstrap

June 27, 2016
Saugat Thapa
4 Answers

<ul class="nav nav-tabs"> <li class="active"><a data-toggle="tab" href="#song">Song</a></li> <li id="image-tab"><a href="#image" data-toggle="tab">Image</a></li> </ul> <div class="tab-content"> <div id="image" class="tab-pane fade "> <input class="btn btn-default btn-sm" type="file" name="userfile" id="image"> </div> </div> <div id="song" class="tab-pane fade in active"> <div class="form-group"> <input id="song-link" placeholder="Paste Soundcloud…

VIEW QUESTION

Standardized way of graying out normal HTML text – Twitter bootstrap

June 27, 2016
Andrew Grimm
3 Answers

Is there a standardized way of graying (greying) out text that is meant to be ignored, either in HTML, or bootstrap? I tried looking at both how Slack styles the "(edited)" text, and how Twitter itself (twitter.com) styles timestamps, and…

VIEW QUESTION

Adding a background image just below the navigation bar – Twitter bootstrap

June 26, 2016
Yoshita Arora
4 Answers

I want to add a background image (having a full window sized width) just below the navigation bar. It should not cover the whole page length, but starts just below the navigation bar menu, and goes down till a particular…

VIEW QUESTION

Background image is not showing up – SEO

June 26, 2016
Janath
3 Answers

I'm developing a sub page for my website. I have a nav bar and footer. I just want to add a background image behind the nav bar just like this. I tried .. <div class="seo-content"></div> .seo-content{ background: url("/images/ss.jpg"); background-size: cover;…

VIEW QUESTION

How to prevent Twitter Bootstrap changing margins as width of page is extended

June 25, 2016
Dan
2 Answers

I was practising with the Bootstrap 3 css. I planed on having a fixed footer and a fixed navigation bar on my webpage. So to do this I used margins of 5% to make the content in the middle of…

VIEW QUESTION

Silverstripe better form looking on templates – Photoshop

June 23, 2016
StefGuev
3 Answers

I have a designed template on photoshop from a client. My interrogation... When I saw the template is: Can I put 2 fields side-by-side? I want to have f_firstname and f_lastname on one row... Is there anyway to inject tags…

VIEW QUESTION

Why Doesn't The Text-Indent Accessibility Trick Get Penalized By Search Engines? – SEO

June 22, 2016
CSS Apprentice
2 Answers

I was trying to figure out the best accessibility techniques for screen-reader only text (color: transparent, opacity: 0, etc.) and came across a thread that got me thinking. 2 quotes from that post: "[hidden text] risks search engine penalties -…

VIEW QUESTION

Size of fixed position alerts in bootstrap – Twitter bootstrap

June 19, 2016
user2064000
2 Answers

I'm trying to design a web page using Twitter Bootstrap with a "floating" (fixed-position) alert at the top, like so: HTML: <div class="container"> <div class="row"> <div class="col-sm-12"> <div id="top-message" class="container row col-sm-12"> <div class="alert alert-danger"> Hi there! </div> </div> </div>…

VIEW QUESTION

replace caret png by fontawesome caret in css file – Twitter bootstrap

I would like to replace the background image in my menu with a string that uses a FontAwesome character. It is a ready-made menu, a module in Joomla. It looks like this: Here is the CSS: .responsiveMenuTheme5m.isMobile > li.deeper >…

VIEW QUESTION

Issue when trying to make some elements one line – Twitter bootstrap

June 15, 2016
anon
2 Answers

I'm making a bar with some fields, I want it to looks like this: But yet it looks like this: As you can see, there are some problems The button is not on the same line Elements are not vertically…

VIEW QUESTION