Hey dear people of stack, I tried to remove the borders of my table but it didn't work. In the attached code you see that it is all done inline, this is because this is a wordpress php file where I want the css in the rest of the page to remain the w
I am learning CSS and have come across to this lesson in W3school. I am struggling to understand what are the purposes of having so many column classes in grid view: .... .col-1 {width: 8.33%;} .col-2 {width: 16.66%;} .col-3 {width: 25%;} ...... And
I made a half-circle, and I want to color it according to the percentage I need. The position of the text doesn't matter for now. What I want is to have 50% of the border colored. Later I will need 70% and 80%. How do I do that? .info__radius__outlin
Is it possible to run the browser's in built spell checker on divs which aren't contenteditable? The below code works for checking spelling, but the div must be contenteditable and the spell check is only executed once the div is put into focus. <div
I was wondering how can I add an iframe between the header and the footer of my webpage, I mean in the blank between the header and footer. I tried height 100% but it overrides the header! I am using the template from http://materializecss.com/templa
I have the following DOM: <div id="parent" style="height: 200px;"> <div id="header" style="height: 40px;"></div> <div id="content" style="max-height: 100%; overflow-y: auto"&
I am trying to render a dropdown list as diabled once the on change event has been triggered. I am passing the disabled flag in a viewbag from the controller on httppost. However, the viewbag's name is displaying in teh html flag rather than just the
Please, explain how can I change 'selected' property of option? E.g.: <select id="lang_select"> <option value="en" selected="selected">english</option> <option value="ar">العربية</option&g
I have an editable div and applying it CKeditor. I want spell checker within. I have tried one plug in from :http://www.webspellchecker.net/samples/scayt-ckeditor-plugin.html It gives following error Error parsing encrypted customer ID (Invalid data
I'm making a web app which should list objects gathered from json in a tile-based list (kinda like shopping store), where every tile is a div. What is the best way to do that in Bootstrap ? I'm using Angular and I want to do it with a help from ng-re
This is mysite: http://avocat2.dac-proiect.ro/ This is code HTML: <div class="container"> <h1>Hello World!</h1> <p>Resize the browser window to see the effect.</p> <div class="row"> <div class=&qu
I have three columns like this in a row: <div class="col-lg-.5 side-nav"></div> <div class="col-lg-8.25 canvas"></div> <div class="col-lg-3.25 persistent"></div>' .5 + 8.25 + 3.25 = 12, but
What is the term of this table arrangement? and I want to make a like that using bootstrap, but I fail so many times. (also I already google it) that is why I am here to look someone know how to do it.Try like this: Demo HTML: <table class="table
I have the below code <html> <head> <title>Hello!</title> </head> <body> <div class="div1"> <h1>This is a headline!</h1> <br> <img src="header-image.png"> </div> &
This question already has an answer here: CSS text-overflow in a table cell? 9 answers I have a table and I am wondering how I can limit the number of characters displayed in the <td> entries so that if one goes over the limit a '...' is displayed,
My website has a problem. When I hover to a the fourth image, the images below falls apart, only on Mozilla but works perfectly fine with Chrome. I know its a CSS problem, I tried the -moz-border-radius but does not work. Here is the link to the webs
There are a lot of similar questions to this, but no solution covers all the bases. (Please read before closing!) My goal: If there isn't very much content on the page, the root html element will fill the entire viewport. If there is a lot of content
How to clear all input fields in a Bootstrap V3 modal when clicking the data-dismiss button?http://getbootstrap.com/javascript/#modals shows an event for when a modal is hidden. Just tap into that: $('#modal1').on('hidden.bs.modal', function (e) { $(
Here's a UPDATED fiddle with my layout: http://jsfiddle.net/RDmN4/24/ HTML: <div id="container"> <div id="header">header goes here</div> </div> <div id="flexible_height"> <!-- what i can't fig
Is it allowed for text to be placed directly in the HTML body element, by the HTML standards, like in the following piece of HTML: <body> Some text </body> Or is it only allowed to place the text in another HTML element, like in the following
I want to hide all the Divs except Last 2. Number of Divs can increase in my case. I have searched some topics, so now i became able to hide all except last 1 div. Here is my Code so far: http://jsfiddle.net/D83ZC/11/ HTML: <div class="container&q
If I use like this : a{ background: url('path') no-repeat left center; padding-left: 50px; border-bottom: 2px dashed; } this will produce like ths: but if I use margin-left: 50px; this will produce like this: How can I make like this: Your HTML have
I would like to have 3 divs that normally are shown in the page like below -------------- | | | | 1 | | | | 2 | |-----| | | | | | 3 | | | | | -------------- so html will be something like EDIT: I do think there is a better solution but to keep 1 and
I have gone through all the formats and able to work with them. All examples shown are for just displaying only.. But If it is a text field then how to change the apply the date pattern.. Eg: <input type="text" value="parsedDate"/&g
Hi below text is a placeholder that is from js ,its color is #ccc .I need the textarea color as black ,right now it is taking placeholder color . <textarea id="txt1" class="txt1 required" name="comment1"></textarea&g
I am retrieving the options of the select box from the database. I want to limit the width of the option value in the drop down box. Eg: The value in the data base is "ELEPHANT GROUP" In my drop down if i need only 8 characters long. The value t
Here is a section of code used by CKEditor on my website: CKEDITOR.config.IPS_BBCODE = {"acronym":{"id":"8","title":"Acronym","desc":"Allows you to make an acronym that will display a descri
I'm trying to get the length of the characters that I attain from innerHTML and it's kind of come down to last resort, but can't seem to find a more efficient way as the data is inside a slider that I'm trying to use to get the lower value and higher
Is it possible to move the position of a scrollbar to diffrent part of the page? Or is there any other solution for this? <div style="overflow: scroll; overflow-y: hidden"> </div> i want the scrollbar to be in another component inste
I am comparing ExtJS and YUI. They seem pretty much tied on the technical side. ExtJs costs money, not much. But YUI is free. Maybe I am missing something obvious, but ExtJs lets you define forms. I didn't see forms in YUI. Where are they?YUI doesn't