Tag: Css

How To Make Html Link Disable In CSS?

Example: <style> .not-active { pointer-events: none; cursor: default; } </style> <a href=”https://tutorialstown.com” class=”not-active”>Tutorialstown</a>

Posted in: CSS, HTML, Solutions

Difference Between ID & Class Selector In CSS

Css ID selector is denoted by hash (#) symbol. Css Class selector is denoted by dot (.) symbol. Css ID selector is used to select only unique Html element. Each element can have only one ID . Css same Class selector is used to select more than one Html element OR multiple Html elements in a […]

Posted in: CSS, HTML, Solutions

Difference Between Visibility & Display In CSS

Both Css properties visibility:hidden and display:none are used to hide Html element(s). When you use visibility:hidden, the Html element becomes invisible but its space is allocated on the page. With display:none the Html element becomes invisible and there are no space is allocated for it. Example: <!Doctype> <style> #visi { visibility:hidden } #disp { display:none […]

Posted in: CSS, HTML, Solutions

Open Dropdown Menu On Hover In Bootstrap

You have to write the following Css to override bootstrap’s dropdown class. Example: .dropdown:hover .dropdown-menu { display: block; margin-top: 0; }

Posted in: CSS, HTML, Solutions

Print selected web contents in JavaScript

Example: Css @media print { .no-print { display:none } }

Posted in: CSS, HTML, JavaScript, Solutions

Auto detect input writing position in JQuery

When we write right to left  language characters in textarea the direction of the writing will automatically be changed from right to left and vice versa. Example: JQuery <script src=”https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js”></script><script> $(document).ready(function() { $(“#txt_post_contents”).on(“mousemove mouseleave keyup”, function () { var post_contents = $.trim(document.getElementById(“txt_post_contents”).value); if(post_contents.length == 1||post_contents.length == 2){ var langType = new RegExp(“[\x00-\x80]+”); var AsciiPostContents = langType.test(post_contents); if(AsciiPostContents){ $(“#txt_post_contents”).css(‘direction’,’ltr’); } […]

Posted in: HTML, jQuery, Solutions

Styling and auto extend textarea in JQuery

Get JQuery from CDN in html head. Example: <script src=”https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js”></script>

Posted in: CSS, HTML, jQuery, Solutions

Which are valid characters in CSS class names/selectors?

Basically , a name must begin with an underscore (_), a hyphen (-), or a letter(a–z), followed by any number of hyphens, underscores, letters, or numbers. There is a catch: if the first character is a hyphen, the second character must be a letter or underscore, and the name must be at least 2 characters long. You […]

Posted in: CSS, HTML, Solutions
Have a natural attraction for women cosmetics and replica watches uk clothes, no
more than two for men the most attractive one, is to make their own driving experience, happy and can serve as the facade of the car, another is to highlight the taste edify sentiment rolex replica watch. The replica rolex is undoubtedly the most fashionable accessories, wear a suit to attend the activities, but also get a decent match on the replica watches .