Redirect from an HTML page?

Is it possible to set up a basic HTML page to redirect to another page on load?

How to increase the gap between text and underlining in CSS

Using CSS, when text has text-decoration:underline applied, is it possible to increase the distance between the text and the underline?

Animation of text getting written to be made in Bootstrap

I am using a code that writes words when page gets loaded.I want to make it mobile compatible.Could anyone suggest ways to do so.

In my HTML page I have tables. I want the width of the columns to be changed dynamically by user.

And I want to save that width for each user. So that, when a particular user opens the page, he sees the column width as set by him.

html indenting standard, tab or two spaces? [closed]

Many websites, for example html5 boilerplate use two spaces. Visual studio default projects such as ASP.NET MVC 3 use a tab. Will one become the standard way of indenting html?

How can i change the content a table tag in html with values retrieved from database upon filtering it with buttons [on hold]

I am trying to change the data fetched by mysql in a table tag when a button is click. It's like filtering the data in the table by active and inactive

HTML5/CSS3 Guides or tutorials [on hold]

Are there any highly recommended resources for getting started with HTML5 and CSS3 for designing web applications?

Seems to be the wave of the future..Lets hear everyones thoughts

how to add mentioned pages using javascript

PFA the images, You need to develop the Front end for the attached two JPG as per the sample link http://union.co.

How do you make a web based email with html? [on hold]

I just started coding last year and I was wondering how do you make a web based email with html...If anyone could help me it would be amazing thank you!!!

How to fix Bootstrap Navbar height after collapse

I want to fix the navbar height when page collapse. Please see the red Circle in the url attached picture below. Sorry for my bad English. http://i.stack.imgur.com/jDl0a.jpg

play music with html

my music is keept on desktop with this name

doli mix - arcax(Mus.Ge).mp3 

how to write code to play this music in html?

How to apply hover effect (increase font size) without affecting the overall inline text?

How to apply hover effect (increase font size) without affecting the overall inline text? I'm fairly new to css. Your help will be appreciate!

line height is not working

don't post if value equals something

So like if the person chooses the answers

Please select an answer

then it will not continue to the next page (ignore the 'action' and 'post' basically)

How do you write <p></p> and display it on your site? [on hold]

Read the title, it wont display properly on here.

Edit How do you write <p></p> and display it on your site?

XPath for Current Page URL

What is the actual XPath for getting site URL? I mean if site URL is

http://stackoverflow.com/question

What is the actual XPath for getting this link?

Browser Link Save Changes to SASS files from browser

Is it possible to save css changes that I do in Chrome to the correct places in my sass file in Visual Studio 2015?

I cannot find any information on this. Thanks in advance.

Can't get computed style of position that uses calc() in Safari

With an element that uses calc() for positioning (e.g. div { left: calc(100% - 50px); }) Safari returns nil for window.getComputedStyle(elem).left

Is there a workaround for this?

Moving html element towards mouse cursor

I have a html element: <img src="./pic/char.png" width="30" height="30" alt="me">
How would I constantly move this html element towards the cursor using javascript? Thanks in advance :)

How to convert selenium webdriver xpath value into css

The current code has long HTML Xpath values that need to be converted & shortened to a css value:

driver.findElement(By.xpath("html/body/div[1]/div/div[2]/div/form/div[3]/div[2]/button")).click();

Keep div position inside div on resize

I'm trying to achieve an effect like in this lib: https://timseverien.com/taggd/

Only without jQuery, how can I calculate position of the dot?

Handling Multi Users in angularJS

Can any one help me in handling multiple users in angularJS. For example , if username is "admin" different view options should come and if username is "user" different view option should be there.

Thank you.

PHP Code Using getID3() To Set Album Art For A Mp3

I just installed getID3() but I'm not sure how to go about setting the album art of a mp3 stored in same server. While you're at it, tell me how to extract bitrate also with suitable example.

Change a text input's value with css?

Is there anyway to change a text input's value (the default text that displays) with css?

Im optomizing a site for mobile and I want the text 'search this site' to be shortened to 'search'. Thanks

How to remove hover effects from my WordPress website

I cannot figure out how to remove the mouse over effects from both the logo and 'try apptive free' menu button on my website www.getapptive.com. What am I doing wrong?

www.learntosalsa.com/blog

CSS Sub Menu on site is not functioning as expected

When I hover on menus the sub menu appears but disappears before it can be used, I've tried adding margins and z-index in various places but can't seem to find the exact problem.

www.stlymbnwyboutique.com

How to change the default hyperlink color in ASP.NET Core

Where in my ASP.NET Core project using VS2015 can I go and change the default color of hypelinks? Site.css does not seem to have a class where I can make that change unless I'm missing something there.

Convert PDF to HTML file Java API

I want to convert a pdf file to html file using java application. The PDF file contains some images , text etc. Doesn anybody know a good java API? (please don't suggest Aspose). I tried Apache PDFBox but not satisfied

How to allow attachment to be displayed in a iframe

I want to display an attachment in a iframe, I tried adding <WebPartPages:AllowFraming runat:"server"/> in the Master Page but it didn't work, do you have any suggestions about how to approach the problem.

Css code for a div tag

Write the CSS code for a div titled 'content' that is 500 pixels in width, by 400 pixels in height. it should have a background image 'background.png' and be spaced 100 pixels from the left side of its parent div 'container'.

Mouse-wheel zoom to open new page HTML

I'm working with an HTML page that has an svg image in it, how do I make it so that when you use your mouse-wheel scroll to zoom in on a part of the image, a new HTML page opens up?

Correct way to set height HTML CSS

What is the correct way to set height/width using HTML&CSS? What units are mostly used and by what do I decide which unit I use? How do I decide if I use pixel, vw, vh, em or percents?

How to get total of my cart in Volusion

I am trying to create my own template to Volusion shop. On the masterpage i've got "Total" field which is sum of prices of all products in my cart. How can i get this value in any way? Maybe some javascript?

what is a general HTML tag for displaying all media types

i am trying to create an online Schooling web site where students can view there course wares. And these course wares can be in form of PDF, video or audio. it can also be a combination of all the above file types.

CSS3: Detecting device orientation for iPhone

So this declaration works fine for iOS 4 and 4.1, but not for older versions. Any advice?

@media screen and (device-width:320px) and (orientation:portrait) {
    /* iPhone Portrait Styles Here*/
}

@media screen and (device-width:320px) and (orientation:landscape) {
    /* iPhone Landscape Styles Here*/
}

How to disable resizable property of textarea?

I want to disable the resizable property of a textarea.

Currently, I can resize a textarea by clicking on the bottom right corner of the textarea and dragging the mouse. How can I disable this?

SyntaxHighlighter: How to remove the lime-colored question mark or at least change its color?

Well, the green question mark does not go with my website color scheme. How do I change/remove it? You can see it here: http://alexgorbatchev.com/SyntaxHighlighter/manual/installation.html

Thanks!

how to change navbar bootstrap height and make the text keep in the middle?

There're so many ways I've tried to edit bootstrap navbar. Actually, for changing the color, and costuming its height had already done. However, the texts left behind.this is the case.

Intelligent Text Area

I am making an HTML Editor in my website , so I have used a text area to have all the code of HTML there now I want to have intellisense to come when user is writing HTML in that . How can I achieve this ?

Using .otf fonts on web browsers

I'm working on a website that requires font trials online, the fonts I have are all .otf

Is there a way to embed the fonts and get them working on all browsers?

If not, what other alternatives do I have ?

How to fit a background image to the screen?

I tried this css code:

background: url(bg.jpg) center center no-repeat fixed;
background-size: cover;

But still the background image's height is larger than the viewport. Why is this happening? Please don't just give me the codes, explain too.

Best way to center a <div> on a page vertically and horizontally?

Best way to center a <div> element on a page both vertically and horizontally?

I know that margin-left: auto; margin-right: auto; will center on the horizontal, but what is the best way to do it vertically, too?

Flex box Safari Issue

I have a layout using flex - and it's working fine in Chrome, but in Safari my child items are all one per line. Ive looked at numerous examples and can't see what's causing this - any help would be appreciated! Code: http://scratchpad.io/frequent-letter-9578 Thank you!

How to customize smart app banner for android in branch.io?

I used the code provided by branch metrics in wordpress to create a smart banner, but I am unable to change the color, height and position of the banner. I also need an arrow on the banner!! Is there a plugin for this purpose in wordpress!

Anchor tag inside textarea in php not working [on hold]

Hello Everyone I want to put anchor tag inside textarea, I have some text inside textarea I want to make it as anchor tag.

<textarea><a href="http://www.google.com">Google</a></textarea>

How to create in CSS?

I need to create this wheel-lines in css or css3 only. How to create 24 lines.

to blocked someone from wifi modem without knowing the username and password of the modem

How to block a particular node without any interference of modem? **if username and password cannot be cracked

It's like I'm connected to someone else's wifi modem n i want to block that person from being connected to his wifi modem how can i do it?

HTML - Scrollbar for table?

So have system: https://jsfiddle.net/o6xf5a6d/

The problem with that is, if I added overflow:scroll to <tbody> then nothing happens.. How could I fix that?

How to create drop down like this? [on hold]

how to create drop down like this? line and with arrow down indicator see attachment ??

Response will be highly appreciated

How to make the size of the div to the number of letters

Hi guys I am working on a chat program...

div image

I want this div's size like :

wanted div image

URL conversion to a string in PHP

I found it many times that a url or link to a page is replaced with another string name like

         url=http//:www.google.com
         and it is converted into something like user_1604

How is that conversion done? Give your answer with PHP code.

Div positioning flooding menu

I'm trying to position a div that contains my google calendar but it keeps flooding my menu.

How do I make it so that the div is positioned more down on the page?

http://lichfieldrooms.uk/calendar.html

How to create custom select box?

I need to create custom select box, but I don't know how to stylize it.

Anybody know, how to create select like?

Is it possible?

Format a Word in php

I have retrieve value from mysql database in php, The value is paragraph. I want to format(BOLD) the words which is comes after 'From' and 'To' Eg : If i get from db is - first name changed: From abc To xyz. Here I want to format (Bold) exactly 'abc' and 'xyz'

How can I hide an HTML table row <tr> so that it takes up no space?

How can I hide an HTML table row <tr> so that it takes up no space? I have several <tr>'s set to style="display:none;", but they still affect the size of the table and the table's border reflects the hidden rows.

How do i start coding and where [on hold]

I have learnt HTML until now only but i am leaning CSS and the rest.My problem is that I am learning it alone and I do not know how and where to start it from.I tried starting to code on Notepad but it keeps on getting saved in the Internet Explorer.

How do i start coding and where

I have learnt HTML until now only but i am leaning CSS and the rest.My problem is that I am learning it alone and I do not know how and where to start it from.I tried starting to code on Notepad but it keeps on getting saved in the Internet Explorer.

css background image not displaying in html table

i have added this style to a table

background-image:url(square_image.png); background-size:auto; background-repeat:no-repeat;

However the image is not being displayed in the background.

The demo Jsfiddle link here

HTML Textarea horizontal scroll

I would like to provide a horizontal scroll to a textarea in my HTML page. The scroll should appear without wrapping, if I type a long line without a line break. A few friends suggested using overflow-y CSS attribute, which did not work for me. The browsers that I use are IE 6+ and Mozilla 3+.

Check if an element is visible in javascript [duplicate]

This question already has an answer here:

• How to tell if a DOM element is visible in the current viewport? 20 answers

Hi guys:)How can I see what of ten elements is visible in viewport?

address suggested by google map in js model popup issue

I am using google geolocation on popup. Its working but drop down of result is getting hide behind the popup. Sharing screenshot. Is there any solution for this issue?

Ionic 2: avatar wrong shape

Why is my avatar image rendering like this? I'm just assigning a photo to the standard markup from the Ionic docs V2.

Thanks.

Jquery color picker support transparent, none, inherit and initial property

I finding Jquery Color Picker Plugin support with transparent, none, inherit and initial property. For example with input <input type="text" name="<?php echo $color;?>" value="none" /> the color value maybe is : transparent, inherit, none , #000, #fff With some jquery plugin colorpicker will be bug ! Some jquery library i using http://www.dematte.at/tinyColorPicker/

Can you wrap text on an @ symbol?

Is there any way to wrap text just before or after the @ symbol in an email address? HTML or CSS, or perhaps js/jQuery are all possibilities for a solution. I'm trying to tidy up an admin page of a website and reduce the width of some columns without losing visual data, and this is the prime candidate!

Is there a way to track changes to the DOM and CSS Inspector in developer tools?

When you make changes to the DOM or CSS when using the developer tools of a browser, is there a way to view all the changes you have made in one place?

I can't see a way to do this in Safari or Firefox Developer Edition. If possible, would it require an external plug-in?

<style> attribute inside nodemailer ejs (email-templates) email template

I am using node email-template to create email templates for sending email. However I want to add style attribute inside template like below:

<style>
table{ //some style}
</style>
Hello,
  <table> </table>
Thanks,

How to add styles without giving inline css.

How can I combine two :not()s?

I'm trying to do something like this:

:not(h1) > a,
:not(figure) > a {
    background: #859900;
}

But it doesn't work, because figure>a catches :not(h1)>a and h1>a catches :not(figure)>a. How can I combine those?

Svg and buttons

I have this SVG of the world map:

http://codepen.io/itailitai/pen/ZOpJWJ

and this CSS:

.worldmap {

  margin: 0 auto;
   background-color:#091e2e;

}

I was wondering, Can I make the circles filled with white a button?

Make a div into a link

I have a <div> block with some fancy visual content that I don't want to change. I want to make it a clickable link.

I'm looking for something like <a href="…"><div> … </div></a>, but that is valid XHTML 1.1.

Automatically show bottom instead of top of an HTML page

I would like to show users who load the site the bottom of the page and not — as normally — the top.

More specific example: I have an iframe element which points to a site with some text. The bottom of this site should automatically be shown.

How can I realize this?

Repeating css image as content

I need to have an image repeat and be visible both on the screen and while printing. So far using

body {
    background:url(images/confidential.png) repeat;
}

@media Print {
    body:before { 
         content: url(images/confidential.png);
         position: absolute;
         z-index: -1;
    }
}

works with the exception of the repeat when printing. Suggestions? Thanks.

update webpage dynamic with d3.js

To notify the user with date and time using d3.js. I am using JSON data where in my case the data from the server changes dynamically. if there is a change in my data in json, I would like to display the last modified date and time as, for example : last modified josn data: 11/06/2016 at 19:21 CET

Custom CSS Font is not working

For some reason my font is not loading. The folders look like this:

HTML (includes CSS and HTML file) > fonts > AGENTORANGE.tff

@font-face {
  font-family: 'AGENTORANGE';
  src: url('fonts/AGENTORANGE.tff');
}

nav ul h1 {
  font-family: 'AGENTORANGE';
  overflow: hidden;
  padding:20% 10%;
  font-size: 40px;
  background:lightgray;
  display: inline;
}

I'm using Chrome too

HTML CSS How to: Create an opaque Text box on top of an image?

I am a newbie to both html and css and for the life of me I cannot get this right. Can someone please assist me in coding this?

spinner in input number hides on Mobile and tablets

I'm having a trouble displaying up/down spinner on mobile and tablet devices. I have already written some Css to do the trick but it doesn't work :

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button {  

   opacity: 1 !important;

}

How should I display the spinners of input number on mobiles and tablets ?

Thanks

Flexslider Fonts

The direction-nav fonts are not showing up in Flexslider. I put the Flexslider font folder in the same location as the flexslider.css file, moved it up a location and then another; still no arrows.

Any suggestions?

Path: assets/css/flexslider.css Path: assets/css/fonts

src: url ('assets/css/fonts/flexslider-icon.eot');

premium word in angular displayed incorrectly in the UI as premlum

I have a word named "Premium" but in the User Interface, it appears as "Premlum" I use html5 and angular, how to rectify this problem? My problem as shown above is, i turns to "l" (lower case L).

I have the following code in my html5 <h1> {{ model.houseName}} premium </h1>

What characters can be used for up/down triangle (arrow without stem) for display in HTML?

I'm looking for a HTML or ASCII character which is a triangle pointing up or down so that I can use it as a toggle switch.

I found ↑ (↑), and ↓ (↓) - but those have a narrow stem. I'm looking just for the HTML arrow "head".

How to force desktop view on landscape mobile devices -on Bootstrap?

how can i force website to view responsive only when mobile browsing is portrait ,i want it appears in landscape view with same desktop view i'm using bootstrap

@media only screen and (orientation:portrait){

some css here

}

with css but i think it need some changes with bootstrap any help ?

Style is not being applied to H1 element in CSS

I'm facing a strange problem, the style is not being applied to the H1 element.

Code:

p h1 {
  color: red;
}

<p>
  <h1>This is a header</h1>
</p>

Menu 'border-right: none' not working

I have added menu separators on this page http://79.170.40.241/refthecoffeefactory.co.uk/home

I have also added the following to remove the boarder on the far right of the menu, although it doesn't seem to work.....

#navigation ul.nav > li.menu-item-56 {
    border-right: none !important;

}

Any ideas as to why?

cssview Chrome extension and local HTML file

Added the extension cssview to Version 50.0.2661.102 Ubuntu 14.04.

It works OK except if I have a local html file with a local style.css. I think it's pretty standard - in the head tag, files are in the same folder and CSS work fine otherwise:

But cssview does not work for the local files. Wondered why? Thanks

Portfolio hover effect not working iphone & ipad

In my HTML template, portfolio hover effect not working iphone & ipad.I tried double tapping in ipad & iphone,but it does not works. But in other devices its working fine. I am newbie,I even dont know is it css or javascript related problem. Do I need any custom code for iphone? or some code conflicting with this? TIA.

Diff Markdown to HTML

I'm looking for a tool/solution to get differences between two Markdown scripts.

I would like to track changes on each lines, and get a report in HTML.

I'm converting a word document to markdown script, and I would like to adapt the "track changes" functionality in my Markdown scripts.

Does anybody knows a solution ?

Compact JavaScript count-down timer

I would like to make an timer with javascript that counts down to an date given for example I give it the date Friday 24 June 2016 1:47:28 pm GMT+2 That means it will count down 7 days till then and hit 00 00 00 00 when its done, but how? please help me. enter image description here

How to fix CSS animations on mobile safari

I've already looked at several previous posts on this topic and tried at least five fixes. None of the suggested solutions are working. I don't understand why these fixes are working for other people but not me? Has something changed since these questions where answered. My CSS animations look terrible on iPhone 5s, Ipad 2 and iPhone 6s. Is there a good solution?

How can i pass a computed date value from success function of ajax to input type text

success:function(data){  
   $('#inputMonthsDue').val("<?php $effectiveDate = strtotime('+"+data[15]+" months', strtotime(date('Y-m-d')));  echo date('Y-m-d',$effectiveDate) ?>");
   $('#inputContractDue').val("<?php $effectiveDate = strtotime('+"+data[16]+" months', strtotime(date('Y-m-d')));  echo date('Y-m-d',$effectiveDate) ?>");                                        
}

i have this code to pass to an input type text but it returns "1970-01-01" guys please help

Enable/Disable "content_scripts.css" in Chrome Extension

For example:

  ...
  "content_scripts": [
    {
      "matches": ["*://*/*"],
      "css": ["style.css"]
    }
  ]
  ...

I would like to inject this stylesheet by default. Which is business as usual.

I would also like to enable/disable, when the user when the user clicks on the icon in the toolbar.

Any pointer would be helpful. Thanks!

How do i change the header of my website when you scroll down?

I want so that when a user scrolls down the header changes its background and the header stays at the top of the window. I don't know if this needs javascript or you can do it in css.

The example of what i want it too look like is at https://anvilnode.com/

scrollable div inside container

I have the following HTML: http://jsfiddle.net/fMs67/. I'd like to make the div2 to respect the size of div1 and scroll the contents of div3. Is this possible? Thanks! UPDATE-1: This is the more advanced case that I oversimplified when I asked the question: http://jsfiddle.net/Wcgvt/. I need somehow that header+it's sibling div to not overflow the parent div's size.

How to break table using media query?

Hi I'm having trouble with breaking table, to be more responsive. Please take a look at this pictures, and tell me how to do it with css.

Existing table to break

The desired result

I'm using bootstrap navigation bar and it doesn't work on iphone devices?

The navigation bar icon on the mobile device doesn't collapse when touched the hamburger icon. I was wondering is how can i fix this so it's mobile friendly on iphone devices. It works fine on android devices.

Musicians

Home

About

Shows

Media

Gallery

Audio/Visual

Beats Coming Soon

Contact

Integrating C executable with a GUI

I have a C program and I have created an executable file for the same.

Now, I want to integrate this with a GUI which could be of html or php.

I want this C executable file to be executed with a button click on the html.

Could you let me know the options for the same?

Text Box with changeable font

How to make in HTML text box with possibillity to change font like on the image below

I was searching and I don't found, so please help me. (I'm not good at English. Sory)

Line touching or in rectangle or circle

I want to find out if a line (with x1, y1, x2 and y2) is colliding with an object (if any part of the line is touching or within that object). The object may be a rectangle (with x, y, width and height) or a circle (with x, y and radius).

The most efficient way of doing this would be much appreciated.

Custom scrollbar only in one div

I want to have a custom scroll bar in Chrome. So, I'm using this sass: ::-webkit-scrollbar { width: 0.5em; height: 0.5em; } ::-webkit-scrollbar-thumb { background-color: rgba(255,255,255,.1); border-radius: 3px; &:hover { background: rgba(255,255,255,.2); } } My problem is that I want this scrollbar style only in an specific div. But if I do: #boardslist { ::-webkit-scrollbar { width: 0.5em; height: 0.5em; } ::-webkit-scrollbar-thumb { background-color: rgba(255,255,255,.1); border-radius: 3px; &:hover { background: rgba(255,255,255,.2); } } } is not working. Any ideas?

How do I give my web sites an icon/favicon (In the title)

How do I set the icon like this (in the title) that appears on the iPhone, Andriod, Windows etc. for the web sites I create

EDIT: I know it is an favicon but i Wanna know how to add it and how to use it in my website.

EDIT2: I did not try anything before because I am a starting developer

Google calendar embedded but looks terrible

I have embedded a google calendar but I cannot set it so that it is positioned in the center of the page and also not flooding over the top menu.

How do I go about rectifying this?

You can see what I mean by going here:http://lichfieldrooms.uk/calendar.html

Html to PDF using wkhtmltopdf

I am trying to creat my reporting system using html and transforming it into pdf. I am using wkhtmltopdf, and what i have done is creating the report in a url and calling in using wkhtmltopdf, but when url takes to long to load the conversion fails.

Does anyone have experience with converting html to pdf? or is the technology not ready yet?

How to make a radio button look like a toggle button

I want a group of radio buttons to look like a group of toggle buttons (but still function like radio buttons). It's not necessary that they look exactly like toggle buttons.

How can I do this only with CSS and HTML?

EDIT: I will be satisfied making the little circle disappear and changing the style when the button is checked/unchecked.

ng-model can i check its own value?

I have been playing with angular and I am currently in a pickle. I want to check to see if the ng-model value is greater then 0 to apply a different css style. Can this be done?

`<span ng-model="users2" ng-hide="!myVar" ng-class="{'test2': users2 > 0}"  style="font-size:28px; color:purple" >`

any help would be appreciated? Thanks!

Displaying Email Content from IMAP in a lightbox

i wrote a script which imports the email bodies into a database. So far so good.

Now I have a display issue, cause the Email correspondance is mixed html/text. How can I tell javascript or php to convert the text part to html to show the whole email in a correct way?

Would be great if you could help me...

How do I Code "a new tab spam" in HTML'S Javascript [duplicate]

This question already has an answer here:

• Open a URL in a new tab (and not a new window) using JavaScript 25 answers

For every 1 second, I want a new tab to open on page load. I'm doing a prank for a friend in case you're weondering.

How do I display old and actual price of Product correctly in nopCommerce?

I'm using MyStore Theme for my webshop. I have a product with old price and actual price. But it's not showing correctly in the web browser.

As highlighted in the picture bellow (second product soccer ball).

Create figure in CSS

I need to create a figure like this with CSS codes. The black could be completly covered with a background-image or a softer backgroundcolor with text (quotes) on it.

Is this possible to create with CSS? I can't find this figure with the css generators online.

Any tips appreciated.

Html how do I get this folder

I have two folders in my website like

In my file inside Cidadao I want to get a file from assets. I´m trying this:

<link rel="stylesheet" href="site/assets/plugins/bootstrap/css/bootstrap.css">

but this is not working.

Is PHP absolutely necessary to make a contact form?

I'm writing up my first website and I am down to the last part; the contact form. Everything has been just HTML5 and CSS so far. From the searches I've done online it would seem that PHP is necessary to make contact forms. Is that true? If not what are some other ways? I'm guess making a contact form with just HTML5 and CSS isn't possible.

Is it possible to dynamically scale text size based on browser width?

Here is the project this is for: http://phlak.github.com/jColorClock/. As you can see, right now the text size is just set to a static size. I'd like the text to always be ~90% of the width of the window but to also scale the vertical size accordingly. Is there a relatively easy way of doing this?

Getting lines in IE10 while scrolling and on hover please find the screen shot

Getting lines in IE10 while scrolling and on hover for all elements in popup

Page loads with layout pushed up

When my pages load, it's as if the content is pushed up and then when loaded it pushes back down.

It makes my website feel clunky. I'm stuggling to figure out how to make it stay where it is while loading.

Can anyone help?

Thank you

http://www.customlogoshop.com/logo-design

Where is rel="modal:close" documented?

I came across the code;

<p>Thanks for clicking.  That felt good.  <a href="#" rel="modal:close">Close</a> or press ESC</p>

Clicking is actually executing a modal:close command on a modal div. (See http://jquerymodal.com/).

Does anyone know where this is documented?

How To Make <p> Tag Appear At X Time And Disappear At X Time

I am trying to make text appear after 1 min of the user being on the site and going away after 2sec.

I know how to make it fade out:

setTimeout(fade_out, 2000);

function fade_out() {
  $("#msg").fadeOut().empty();
}

But I need help on making it fade in.

I don't understand JS that well so please try to include a example.

Trying to get button on top of and in the center of 4 others

Hi I'm Trying to get button on top of and in the center of 4 others buttons and i just get this: the 4 buttons

the css:

.wrapper {
text-align: center; }

.button {
position: absolute;
z-index: 5;
top: 50%;
}

.baseHomeButtons {
display: inline-block;
width: 100%;
height: 50%;
background-color: #4CAF50;
border: none;
color: black;
text-align: center;
text-decoration: none;
font-size: 20px;
cursor: pointer;
}

Validation Checking for all Alphanumeric is not executing?How it will be execute the code is in body

Validation Checking for all Alphanumeric is not executing?How it will be execute the code is in comment

{

function validateForm() { var x = document.forms["myForm"]["fname"].value; if (x == "") { alert("Name must be filled out"); return false; } var numbers=/^[0-9]+$/; if(!x.match(numbers)) { Alert(“Only numerics are allowed”); return false; }

Name:

}

what is the best way to find out actual box-shadow values?

I need to find the actual box-shadow element values of a css style rule that is written by the server. More specifically I need to know if the element has a visible shadow or not. which means, there may be a case where the shadow rule is not "none" but not displayed because the rgba value has 0 opacity, or the blur is 0 and the spread is negative.

any ideas?

Change Text Align On Click

I am looking to have a button that shifts the text alignment to the left side whenever it is clicked. This is the function I currently have that doesn't seem to be working:

function myFunctionLeft() {
document.getElementById("myAnchor").style.left = "-15px";
document.getElementById("myAnchor").style.align = left;

Is there a different way I should be trying to move the text align to the left?

Bootstrap table layout

I'm trying to achieve the setup illustrated below with Bootstrap 3, but I can't quite find a way to do it, especially to keep it responsive. I looked at panels and tables, etc. but then tend to not have really worked out great so far.

How to implement search box function for static website in code?

I have almost finished my own website, and I am wondering how simple I can implement search function in current page. It's static and only need to show list items which include users' input. Some answers from stackoverflow advise Google API, but it will show Google logo in the search box, that's not work for me.

Is there any 3rd party API or some simple code can satisfy my requirement?

How can I make the cursor a hand when a user hovers over a list item?

I've got a list, and I have a click handler for its items:

<ul>
  <li>foo</li>
  <li>goo</li>
</ul>

How can I change the mouse pointer into a hand pointer (like when hovering over a button)? Right now the pointer turns into a text selection pointer when I hover over the list items.

How do i create transparent triangle with thin gray borders css

I want to create a triangle that is white but has got thin gray borders. I have tried this code

.arrow-down {
  width: 0;
  height: 0;
  border-top: 20px solid #f00;
  border-right: 20px solid transparent;
  border-left: 20px solid transparent;
}

<div class="arrow-down"></div>

But it gave me triangle filled with red.

random no. generation in MySQL database table??how to fix this?

Here is the code I used:

$inserttimesheet = mysql_query("
    INSERT INTO `employeetimesheets`(employee,date_start,date_end,status)
    VALUES (".$emp_Id = $_SESSION['employees'].",'$start','$end','Pending')"
);

while ($timesheet = mysql_fetch_array($restimesheet_id)) {
    $timesheet_ID = $timesheet['id'];
} 

How can I make smooth transitions between webpages of the same website by sliding only part of the screen

In my webpage right now I have three buttons each filling a third of the page width and all the page height. i want to make it so if I click on the first button the second two slide off to the right and the first button remains on the screen, I've done a bit of research and come up with nothing. if you need more information let me know thanks in advance!

Is it possible to make countries clickable on a map?

Say a webpage renders a realistic world map, so the countries have jagged borders. To my knowledge, it would be next to impossible to draw divs that exactly match the country shapes using common CSS.

Is it possible to make the individual countries clickable, exactly following the borders?

Wordpress Collapsible Sidebar

I am designing a Wordpress theme. The widget sidebar is displayed within its own div, which has a class sidebar-content. How can I make this whole sidebar normally hidden, but sliding into place with a button link? I am assuming that there is already a javascript library that will do this. There may also already be a suitable plugin, but I am probably searching the repository and github with the wrong search terms.

Is it possible to put an entire form into ONE AngularJs directive?

I have seen many examples of people using a combination of HTML and directives to create an AngularJS form (like here), but I am trying to create a standalone widget, that has all of the HTML for the form in the templateURL field of the directive, so I can just insert this one line directive anywhere into another HTML file and have a form. Any suggestions?

Hide background image in certain media query values

I'm trying to hide the background image I'm using only in mobile view.

html{
background: #fff url('//www.xxxxxxxxx.xxx/gray.jpg') center top no-repeat;
background-attachment: initial;
background-size: contain;
background-position-y: 0;
}

But when I do this:

@media (max-width: 425px){
background: transparent !important;
}

The background doesn't recognize the query rule set for HTML. How can I do this? What am I doing wrong?

my responsive design doesn't work on tablet/mobile

For week's now I can't figure out why my site is designed to be responsive, is everything right and laptop works perfectly even when put in a small size and then step into my mobile and is not responsive.

I've tried uninstalling the plugins, I changed the theme and not find out why.

Can you held me?

The website is: moinhodocomandante.com

Thanks for your atention, Catarina

What is the point of CSS collapsing margins?

The CSS2 box model tells us that adjoining vertical margins collapse.

I find it quite annoying, being the source of many design bugs. I hope that by understanding the purpose of collapsing margins, I will understand when to use them and how to avoid them when they are not needed.

What is the purpose of this feature?

Centering a Placeholder and Input Text in a Text Field

I was wondering if it was possible to center a placeholder and the input which the user will enter in the Text Field. I imagine it would be possible yet I cant figure it out. could anyone help? my code for the Text Field in question is below...

<input type="text" style="font-weight:bold:" name="kword" id="kword" autofocus ="on" placeholder="Enter Keyword(s)" autocomplete ="on"/>

Thanks

Changing Foundation's topbar breakpoint with custom CSS?

I'm trying to move from Bootstrap to Foundation, but I'm having an issue in trying to identify how to exactly change the breakpoint for the topbar in Foundation. I'm using a a CDN version of the minified CSS for Foundation, so I do NOT have access to the settings SASS file to modify this. Is there a quick CSS override workaround? So far my searches on here, and Google, haven't turned up a working solution.

Preventing other adware from popping up off of your website

I have a lot of affiliates that promote my product on their website. A few weeks back all of their referral traffic to our cart started dropping dramatically. Upon some monitoring we noticed a pop up redirecting the traffic to a competitor page or some other site wanting to capture that traffic. Is there a way to help these small mom and pop website owners to install code that can help prevent this from happening?

CSS: Prevent parent element getting :active pseudoclass when child element is clicked

JSFiddle

When you click the button, you see that :active pseudoclass is triggered for the parent div. Is there a pure CSS (or some JS library) way of :active pseudoclass not toggling on button click?

I tried z-index, position: absolute & fixed and no success.

Need help setting a texture background to a container div

I'm fairly new to development, and i'm trying to set a texture background to a container div. My CSS is below.

.container {
background-image: url(..img/texture-one.png) repeat;

}

My problem is, the image isn't showing up. If I make an img tag in my html, the image shows up using the same path. Sorry if this questions sounds stupid, i'm still learning and would much appreciate the help! Thanks!

CSS style for QEdit calendarPopup

Is there a way to style the text (month and year text color at the top specifically).

As far as I understand the popup is created dynamically when you click the dropdown button

I tried using the following code:

QDateEdit::down-down {
    color: black;
}

and

QCalendarWidget {
    color: black;
}

This doesn't work. Is there even a way to style this popup with stylesheet?

How can I make the cursor of a user jump to a specific coordinate on the page when they hover over an image? [duplicate]

This question already has an answer here:

• Move the mouse pointer to a specific position? 8 answers

I'm trying to make a script that will change a user's mouse position when they hover over an image, like if I hover over the image, their mouse is dragged lower to a certain text, is there any way to do that?

Navbar doesn't fit to top

I'm stuck with positioning.

body{
margin: 0;
padding: 0;
font-family: 'Consolas';
letter-spacing: 2px
}

.navbar {
background-color: #595959;
color: #ffffff;
list-style: none;
text-align: center;
padding: 20px 0 20px 0;
}

As you can see, even I set margin/padding to 0. it doesn't fit to top. ( I mean this grey line above the navbar.)

background image cover to whole page

I want to set image as my whole page background and also want to make it as responsive. I have tried:

CSS

background-image: url('../images/img1.jpg'); 
background-repeat: no-repeat, repeat;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;

but issue is still there when I open in small device; image was not set as per it was.

Please help me for this fix this issue

filling empty space by the elements

I have module adding image, all image is scaling to 25% width and have float:left. When I add rectangular image in middle there is empty space. This is rectangle (2) in my image, I want to square (5) go to empty space.

Could you give me any tips how I can do this?

Disable some hovering bg color & modify a bg color on Tb's compose window

This background color is what i need for all "To" "From" "Paragraph" & "Font type (times new roman)" backgrounds. Hovering on "To" darkens it, i don't want it darkened, no action upon hovering. & Paragraph & Times new roman background intensity remains static. Those colors are "grey" shades, imposed by tb on my general background:

MsgHeadersToolbar, #FormatToolbar { background: #F7E7FE !important; }

Screenshot

CSS tooltip tail with image

Tooltip tails in CSS are possible, see for example here. I am looking to do similar CSS tooltip tails, but with a background image. See for example Twitter's card tooltip (look in the top-left corner):

How can I do image tooltip tails?

HTML: Changing colors of specific words in a string of text

I have the below message (slightly changed):

"Enter the competition by January 30, 2011 and you could win up to $$$$ — including amazing summer trips!"

I have current have <p style="font-size:14px; color:#538b01; font-weight:bold; font-style:italic;"> formatting the text string, but want to change the color of "January 30, 2011" to #FF0000 and "summer" to #0000A0.

How do I do this strictly with HTML or inline CSS? (I'm working in Mailchimp)

Convert hex-timestamp back

I often see timestamp values in a form-field written in hex:

<input type="hidden" name="timestamp" value="b1a38fee9509c100228be1dc5d379cd9">

How can I calculate them back to something readable? First I thought about making Byte-Chunks and then calculating them into decimals, but that didn't make much sence to me:

b1   a3  8f  ee  95  09  c1  00  22  8b  e1  dc  5d  37  9c  d9
177 163 143 238 149 009 193 000 034 139 225 220 093 055 156 217

Thank you

LESS: Selecting one of several parent selectors

I'm almost certain there's no way to do this since I've searched a looot, but anyway hopefully...

I have this LESS code:

.parent-one, 
.parent-two {
     .child-of-both {color: #fff;}
     .child-of-one {color: #222;}
}

I want the "child-of-both" to be outputted as it is, meaning for both parents, but "child-of-one" exists only in the "parent-one" and ".parent-two" be ignored, so the output needs to be only:

.parent-one .child-of-one {color: #222;}

Is it possible ?

How to change the style of a Select box' optgroup label

I have a simple select box with an optiongroup in my application.

<select>
   <optgroup label="Swedish Cars">
     <option value="volvo">Volvo</option>
     <option value="saab">Saab</option>
 </optgroup>
  ----
  ----
  ----
</select>

When it gets displayed in browser, the option group label is displayed with bold and italic; I want it to be displayed without any of those styles.

Apply style to a specific element does not work with Safari

I am trying to apply the below CSS to a specific element on the HTML page, it works perfectly on Chrome; however, in Safari it does not.

CSS:

  #customNav > .toolbar-background {
  background: none;
  border:0;
  }

HTML:

<ion-navbar id="customNav" *navbar>
 <div class="toolbar-background"></div>
</ion-navbar>

Anyone knows how I can make it work for Safari too?

How do i get the value in an anchor tag?

For getting value in input tag we can use <id>.value like

<input type="text" #solutionInput (keyup)="0"><br>
<solutionDetail [solutionName]="solutionInput.value" > </solutionDetail>

where 'solutionInput' is <id> here.

For an anchor tag, how can we get the value "CEP" as in below?

<a href="#" data-toggle="modal" data-target="#myModal1"> CEP </a>

Rotate image by css, but crop it to be always same square

I would like to have rotate and zoom efect on pictures here http://cpband.itvp.eu/ , but i would like to keep them croped in the same box. like here http://cpband.itvp.eu/test.php

trick should be in overflow: hidden; , but I am not able to figureout how to make it work.

Thanks for the tips!

Putting @import at the bottom of CSS

I have learned that it is generally not recommended to use @import for page performance. If I put @import at the bottom of my css file and use the style not for the elements at a page load but for the elements for later user interactions, will there still be any performance cost? For example, if I use the style @imported for a popup that user clicks to display, is @import still a poor choice?

Is it ok to override CSS property of class in the same stylesheet?

Just a simple question: Is something like this ok ?

for example:

#formbox textarea,
#formbox input,
#formbox select {
    padding: 5px;
    border-radius: 3px;
    border: 1px solid #CCCCCC;
    margin-bottom: 25px;
    width: 220px;
}

#formbox select {
    width: 232px;
}

#formbox textarea {
    width: 300px;
    margin-bottom: 0;
}

I assigned width and margin-bottom property for select and textarea twice, is it ok, or should i just separate #formbox textarea, #formbox input, #formbox select and copy&paste properties that are the same for them ?

Include only part of font-awesome

I need font-awesome to have spinner icons.

I could include the whole font-awesome library. But wouldn't that be an overkill for just one icon? Is there a way to include just one icon or component? The problem seems to be, that the library is not modularised to different files. For example, if using scss, all icons are in _icons.scss file, rather than each icon in their own file. If you use pure css, then everything is in one file.

How to get actual URL in javascript in UIWebView?

During a simple web html page load in browser, I want to do something with the actual URL. In javascript it is usually done via var url = window.location.href; but Mobile Safari ‪‎UIWebView‬ is giving me the URL value for window.location.href as applewebdata://A0E0D8E6-692C-41BA-B13D-970BCC145DC6.

Note: I am not an iOS developer. I just want actual URL in my web page javascript code.

CSS height:auto for all types except SVG

don't know if it is possible, but I'd like to scale all images on my site with the following:

.myClass img {
    height: auto;
}

However, all *.svg-files shouldn't match that pattern. Is there a way to do this via native css?

I found something like this:

.myClass img[src$=".svg"] {height: auto;}

But that seems to trigger only for svg-files. Trying to use != seems to be syntactically incorrect.

make a right drop submenu css (jfiddle included)

I need help editing this menu and make that sub-menus will be with right arrow and open to the right.

(look at code>>>means HowRightArrowDrop? should be with right arrow and should open "Example" to the right). i have no knowledge in CSS, so i don't know if it's hard to implement or not. thanks for help!

jsfiddle: https://jsfiddle.net/Dorel/y9462ne4/

box-shadow is not recognized

I have this CSS code for a textbox class and I'm on working on linux. It's saved in a .css file and i'm using gedit. But the box-shadow property isn't recognized. All the others have that different font which shows a keyword or so. But not box-shadow. Any ideas please? It seems to work on windows when i use notepad++.

.textbox 
{ 
    background: white; 
    border: 1px solid #ffa853; 
    border-radius: 5px; 
    box-shadow: 0 0 5px 3px #00FFFF; 
    color: #666; 
    outline: none; 
    height:23px; 
    width: 275px; 
} 

Twitter-like hover card with image dent

Twitter displays a card when hovering over a user (see screenshot below). Notice there is a little triangle 'dent' in the top-right corner of the banner, and this triangle is an extension of the banner image.

How can this image dent be replicated? It seems that Twitter uses SVG. Is there a clean CSS solution?

How to place an Html form over an Image

I wanted to place a form over a mobile phone image. I tried everything I could think of (I'm new to html and Css).

Here is a link to my work PicText .

This is the Image

By the way, it is on the middle phone(the Iphone) I am trying to place the form on.

Centering issue with HTML & CSS

currently my issue is this: http://prntscr.com/bhafke Browser: Chrome

For some reason, it's not centering properly. Below you'll find my code:

HTML:

<body>
    <div id="wrapper">
        <h1>Test Text</h1>
    </div> <!-- wrapper div end -->
</body>

CSS:

#wrapper {
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
}

Change the bootstrap container class according to size

I have a div with a class="container" in bootstrap which contains my horizontal menu, but I want to display my menu full width when the screen size is larger than 960px, So I removed the "container" class and set the div to 100%.

But when it is open in any mobile device I want to switch to container class again. So it can maintain a proper margin.

Is it possible to achieve without the help of javascript?

Thanks, Anchal Bhargava

Set selected option of select box

I want to set a option that was selected previously to be displayed on page load. I tried it with the following code:

$("#gate").val('Gateway 2');

with

<select id="gate">
    <option value='null'>- choose -</option>
    <option value='Gateway 1'>Gateway 1</option>
    <option value='Gateway 2'>Gateway 2</option>
</select>

But this does not work. Any ideas?

text not staying on single line

I have text links rotated so they read vertically on the left/right of the page. However, they go on two lines when not given a set width. The text is generated by the title of the links (Wordpress) not hard-coded css [class*="navigation"] .nav-previous, [class*="navigation"] .nav-next { position:fixed; z-index: 999; top: 50%; bottom: 0; transform: translateY(-25%); text-align: center; } [class*="navigation"] .nav-previous { left: 0px; } [class*="navigation"] .nav-next { right: 0px;} [class*="navigation"] .nav-previous a, [class*="navigation"] .nav-next a { position: absolute; text-transform: uppercase; display: inline-block; background-color: #fff; padding: 22px 10px 0 10px; }

How to make submit button save information

I have created a submit button in my html page and uploaded it to the internet already, but i need the button to save the information in the form somewhere on my website or send it to me via e-mail, and redirect the user to another page. I have tried the "mailto" function but it asks the user to send the e-mail by himself and i don't want that to happen i just want to to be sent or saved directly after he presses submit button.

How Can I Make List Items "Tabbable" (Use Tab Key To :focus On Them)

How can I make List Items tabbable? (meaning: using the TAB key to :focus on them). I need to know for Handicap Accessibility purposes.

jsFiddle attached, I added 2 text fields to give a point to TAB from; if you tab from the textarea it goes to the next one, then skips over all the list items.

jsFiddle: https://jsfiddle.net/h815zLnp/

Slider DIV with unknown link?

I have created a slideshow but for some reason when I am clicking on the image to go to a next slide (as it should do) it takes it to another URL on a website I am creating.

I cant seem to find how I have managed to create a link to the page when clicking on it?

Here is the link to the page.

http://lichfieldrooms.uk/gallery.html

How to customise button ( CSS, HTML)

I want to make a button with a picture that will be shown inside and outside the button like this:

I don't want to use image for the button, because i will have to make at least 5 images. Is there any way to do this with css?

I am using ASP.NET & C#

Thank you

add space at the top with ChartJS

I'm trying to have something that looks like this:

In order to do that, I have to "lock" some space at the top of the chart in order for the "3" at the top to have it's own space.

So I was looking for a way to add some padding but couldn't find a way to do this.

Lock bootstrap modal to bottom-right corner?

I'd like to lock a Bootstrap 3 modal to the bottom-right corner of the window, like this:

I have tried to move it using top: x%; left: x% CSS, but that completely breaks responsiveness. How do I lock it to the bottom right of the window, regardless of window size?

Thank you in advance.

Detect if a browser in a mobile device (iOS/Android phone/tablet) is used

Is there a way to detect if a handheld browser is used (iOS/Android phone/tablet)?

I tried this with the goal to make an element half as wide in a browser on a handheld device but it doesn't make a difference.

width: 600px;
@media handheld { width: 300px; }

Can it be done and if so how?

edit: From the referred page in jmaes' answer I used

@media only screen and (max-device-width: 480px).

Font Awesome Icons showing as squares between navigation [Chrome Only]

There is an issue with our main website in a very remote circumstance.

If the user clicks on a link, then very quickly clicks the Back Button on Chrome, the Font Awesome icons will appear as squares.

We are using a locally stored instance of Font Awesome, and this issue only occurs maybe once every 5 attempts, but I would still like to fix this issue.

Screenshot

Can't edit background image in iframe

I have a page with the body tag and the HTML tag styled with a css background image. It is a SVG. Now I noticed that when I go to a page that has an IFRAME in it that holds our tiny wysywyg editor in it. The frames body tags ALSO has out site background image and you can't read what you type in it lol. I have tried everything but I can't get the frames background-image to NONE unless I change it for the whole site. to

How to fix a stuttering HTML5 video on desktop view?

At this moment I've implemented a background HTML5 video in my site, and for some kind of reason it stutters like crazy on desktop browsers like Chrome and FireFox.

However, when I check the HTML5 video on my iPhone 6 Plus (Safari and Chrome) it works perfectly fine and runs incredibly smooth.

Site: http://www.happiness-design.com

Can anyone please help me in fixing the stutter on desktop?

Thanks in advance, Chris

How do I have one font for the first word and a different font with separator on the second word?

I am building a site where all of my H1's are a mix of font a for the first word and font b for the second, with a separator between the 2. Any idea how to go about this? A mixin in sass perhaps? I am attaching an image of the desired effect.

Attached is a link to the example:

Javascript animation issue

I have seen this animation on android and I have done a mental project to how to do it in javascript.What I don't understand is how to select the previous "card" and the next "card" to apply them animation when the card that is moving "touches" the edges of his father.Have you got any ideas?

https://drive.google.com/file/d/0B6zPGxCIHPIjbVRHU19xSFVNUDg/view?usp=drivesdk

Bootstrap : align button text left

How can I align text to the left within a bootstrap button? I have multiple buttons with text of varying length, and all the button need to have same width. I have achieved this using the class col-xs-11.

Sample button code below:

<input type="button" value="Applicant/Subsidiary" id="mybutton" name="test" class="primary-btn col-xs-11">

Is it possible to achieve this without creating a custom style, other than what is provided by bootstrap? I'm using Bootstrap v3.0.1

Javascript auto popup (without clicking a button)

I was just wondering if it is possible to display a javascript message (either popup or something nice) which is triggered by something which isn't a mouse click, so for example:

<?php if(a == b) {
    Then auto pop up something
}

I have had a look around and cant seem to find anything, also how do people make like stylistic popups like.. i guess maybe CSS but really fancy ones which cant be done with CSS any ideas?

Thanks a bunch :)

Add amont to Paypal button

I use a custom button for Paypal payment but i don't find how i can add amount like this https://www.paypal.com/us/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=XXX&amount=1 https://www.paypal.com/us/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=XXX&amount=2 https://www.paypal.com/us/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=XXX&amount=5 Parameter amount not work Any solution for add a custom amount in link ? Or if you have an api for add multiple payment methods ? Thank

How to animate handwriting text on the web page using SVG?

I am trying to animate a text that I created and saved as SVG. So far I was able to animate the stroke only, but it is not what I am trying to achive. Here is the link to the example what I need:

[http://codepen.io/se7ensky/pen/waoMyx][1]

[Handwritting animation][1]

I will really appreciate if some one can explain how I Can implement this.

Here is what I have so far:

  [my hand writting animation][1]

Polymer - Paper Toggle Button Layout

I'm learning Polymer. Currently, I have a paper-toggle-button element in my app defined like this:

<paper-toggle-button checked="{{ isEnabled }}">enable?</paper-toggle-button>

When this is rendered, it renders is like this:

[switch] enable?

My question is, is there a way to put the label to the left of the switch? In other words, I want to show the control like this:

enable? [switch]

How can someone do that?

How to assign javascript function to an element attribute

I want to assign a javascript function to an HTML attribute. for eg:

 <li data-ng-repeat="job in jobList" class= foo(str) data-filter = "foo1(str)">

i want to do this because the class name and data attribute changes by job. finding the <li> element and changing is not possible as it is a list of elements.

i tried using

class=foo(str)
class = javascipt'foo(Str);'

not able to get it right.

Bootstrap menu, the slide is not closed bugs

enter image description here

In addition to Android touch the body of a menu to the menu bar closed The ios ( Safari) does not close when you touch the body.

And one more thing this is a common symptom in the ditch Android ios When you open one of the menu tree, select a different menu tree menu closes automatically There is no movement in the menu tree tag .pc browsers behave normally. What's the problem?

different meanings of "html5 experience"?

I often see job postings looking for HTML5 experience. What does this mean exactly? Does this refer exclusively to features added to HTML5 that didn't exist in HTML4? Or does this commonly imply or suggest other aspects of related tools or infrastructure that uses or is associated with HTML5? For example, this video refers to "HTML5 apps" which seems to encompass a larger domain than simple HTML markup additions:

https://www.oreilly.com/ideas/angular-2-and-the-future-of-html5-apps

What is the correct css for the list of results to show correctly in this situation?

What is the correct css for the list of results to show correctly? Here are the steps to view the results:

1) Navigate to http://mypubguide.com/good-pubs/east-region

2) Type "Hull" in the search input on the navigation bar and enter

3) Check: You see a list of results but the styling is incorrect, e.g., the anchor tag is not showing the text correctly and other elements look badly formatted.

How do I resolve this?

bootstrap table-responsive on iframe not working with iOS

Try this code on any browser except iOS's Safari, responsive table will show scrollbar (if screen is small enough).

But on iOS's Safari, it doesn't show scrollbar.

But if open the link directly on iOS's Safari, it work as normal(show scrollbar)

<body>
    <iframe src="http://keenthemes.com/preview/metronic/theme/admin_1/table_static_responsive.html" height="1600px" width="100%" frameborder="0" style="padding: 0; maring: 0; border: 0;"></iframe>
</body>

How to make responsive table on iOS's Safari.

Can I create a Chrome Extension without any JavaScript, or how do I use JavaScript to link?

I'm brand new to Stack Overflow, and also fairly new to coding. I know HTML and CSS, but am still early in my learning JavaScript. So, hence the title, can I create a Chrome Extension without any JavaScript, or learn it first? All I want my extension to do is link to my website when a button is clicked (which isn't working, I'm guessing because there is no JavaScript). I have all of the HTML and CSS finished, and it looks how I want it to. I just don't know about the JavaScript part. Thanks!

Video background banner (not full page)

I'm building a website with a video banner from youtube but I don't know how to achieve this.

For now I have this:

#video-background {
  position: absolute;
  right: 0;
  top:135px;
  left:0;
  bottom: 0;
  width:100% !important;
  width: auto; 
  height:50vh;
  min-height: 550px;
  z-index: 99;
}

<div id="video-background">
  <iframe frameborder="0" height="100%" width="100%" 
    src="https://www.youtube.com/embed/.....">
  </iframe>
</div>

But now I have very large black borders aside of the video on bigger screens and it is not responsive at all.

Need to click Each li Element without affecting parent

I have HTML Structure like

<ul>
<li><a></a>
<ul>
    <li><a></a>
        <ul>
            <li><a></a>
              <ul>
               <li><a></a></li>
              </ul>
            </li>
        </ul>
    </li>
</ul>

I want to add 'active' class for relevant 'a' Element when corresponding li clicked.

Box-shadow of div over inner div

I have an outer div with box-shadow and I want this to appear over an inner div. But it always appears under it. The jsfiddle is here. My HTML is: <div class="wrapper"> <div class="inner"> </div> </div> And CSS: .wrapper { width: 200px; height: 100px; border: 1px grey solid; box-shadow: inset 40px 0 10px -10px #bbbbbb; } .inner{ width: 180px; height: 80px; margin: 10px; background-color: lightblue; } Is it possible to get it so that the box-shadow appears over the inner blue div? The semantics of the HTML cannot change.

I can't get my submit button to send an email, Ive tried several formats

I am using a form id= contact-form with a form loader. I have tried getting my email to submit with form action and html href however nothing has working this is what I am currently trying to get to work. any suggestions?

<form method="post" action="mailto:m_galvin1005@email.campbell.edu" >
<input type="submit" value="Send Email" /> 
</form>

I placed this form method inside of a form id. Not sure if thats where I am getting held up at

Add the CSS from the node_modules folder using angular cli

I've installed a new library with npm, so far so good. Now I want to import the css in there to my project, obviously I shouldn't link directly to the node_modules folder. So, is there a simple to do import this to my project? I'm using Angular CLI.

I have an idea, but I'm not sure if it's a good idea - I thought about installing gulp/grunt and then require the style there and output it as vendor.css into my project. Is it even possible?

Align Image with 1 line inline elements [duplicate]

This question already has an answer here:

• Vertically align text next to an image? 16 answers

I am having a problem with my image alignment. I want my image to align with inline elements in a specific way.

This is what I have now:

                ######################
                #                    #
                #                    #
                #       image        #
                #                    #
                #                    #
inline elements ######################

but I want:

inline elements ######################
                #                    #
                #                    #
                #       image        #
                #                    #
                #                    #
                ######################

Is there anyway to do with with CSS?

PayPal Multiple donations at once

Is there a way in which I can have a donation button and when its clicked it will let the user donate in one payment to multiple users?

I am wanting to do this with each user paying their own fees on their received amount? Is this possible?

For example :

Donated $5.00

person 1 gets 70% - pays the fee for paypal

person 2 gets 20% - pays the fee for paypal

person 3 gets 10% - pays the fee for paypal

thanks any help is appreciated

Reduce border padding on button in header

I have a button on my wordpress site titled 'try apptive free' in my header with a 2px border around it. The border already inherits a 10px padding. I want to bring the padding down to 5px to shrink the border distance however, changing the padding movies the 'try apptive free' out of line with the logo on the left side of the header titled 'Apptive'.

Is there an easy way to change the padding to 5px without moving the button out of line with the logo?

www.allaboutcats.wordpress.com

Right Divs Move Over One Position After Left Div Animates

I've four separate divs aligned in a row (floating left). Once the jQuery script runs and one of the left divs animates (whether sliding up or fading out) the remaining right divs move over one position only to return to their original place after the animation is complete. What can I do to ensure that the right divs remain in their place through the duration of the function?

Below is the CSS:

#panel1, #panel2, #panel3, #panel4{
        font-family: Arial, sans-serif;
        background: #2db34a;
        float: left;
        margin: 1.858736059%;
        padding: 20px 0;
        text-align: center;
        width: 29.615861214%;

Wordpress removing WooCommerce Billing details for wp-admin

I have been searching online for how to remove the billing details and address on wp-admin when placing new orders or editing orders

i found this solution:

https://wordpress.org/support/topic/hide-billing-address-from-order-on-admin-view

which was adding this CSS to a plugin called Add Admin CSS

#order_data .order_data_column_container .order_data_column:nth-child(2)
{display:none}

which works fine for editing orders but it doesnt work for placing new orders

Center HTML Input Text Field Placeholder

How can I centre the input field's placeholder's alignment in a html form?

I am using the following code, but it doesn't work:

CSS ->

input.placeholder {
    text-align: center;
}
.emailField {
    top:413px;
    right:290px;
    width: 355px;
    height: 30px;
    position: absolute;
    border: none;
    font-size: 17;
    text-align: center;
}

HTML ->

<form action="" method="POST">
    <input type="text" class="emailField" placeholder="support@socialpic.org" style="text-align: center" name="email" />
    <!<input type="submit" value="submit" />  
</form>

How to link all buttons to another page using onclick class or by tagname

I have a problem where I cant seem to get all the buttons on my page to link to another page, it does work with an ID or using a specific element for example:document.getElementsByTagName("button")[0].onclick But doing document.getElementsByTagName("button").onclick (so all buttons) or doing document.getElementsByClassName("theButtons").onclick doesnt work. My Javascript code: window.onload = function(){ document.getElementsByTagName("button").onclick = function () { location.href = "../index.html"; }; }; <button class="theButtons">click me</button> <button class="theButtons">click me</button> <button class="theButtons">click me</button>

Show hidden text on hover with animation

I have the following structure: HTML: <ul> <li> <span>asd</span> adsafsadlvjnsd </li> </ul> CSS: span { width: 0; } li:hover span { width: 60px; } This means that the content in the span is initially hidden but shown when the item is hovered, currently if the content on the li is too big it simply pushes the content down, is there a way to only push as much content as necessary? I tried using word-break but that didn't seem to work. Also, I want to have the slide animation when hovering.

How to deal with page breaks when printing a large HTML table

I have a project which requires printing an HTML table with many rows.

My problem is the way the table is printed over multiple page. It will sometimes cut a row in half, making it unreadable because one half is on the bleeding edge of a page and the remainder is printed on the top of the next page.

The only plausible solution I can think of is using stacked DIVs instead of a table and force page-breaks if needed.. but before going through the whole change I thought I could ask here before.

set img as background

I would like to know how I can set my background as an image using

<img src="" alt="sample" width="480" height="500" border="0"> 

I know I don't have an image name that is because I'm picking an image from a dropdown menu. My problem is how do I integrate the code about to be displayed as a background image.

This is what I need to integrate it to.

.container {
  background-color: lightgrey;
  width: 500px;
  height: 500px;
  border: 2px solid;
  position: relative;
  overflow: auto;
}

How to <use> the <svg> element correctly for loading external sources?

I've followed many guides to adding external SVGs to a page... like this one : http://wearejh.com/design/inline-svg-use-element/

The code is like this:

<svg>
  <use xlink:href="https://upload.wikimedia.org/wikipedia/commons/5/53/Skull_and_crossbones.svg"></use>
</svg>

It just does not load, example here: http://jsbin.com/cipacitovo/edit?html,output

What am I doing wrong?

iframe not showing all content on iPhone - works on all other devices

I managed to get this iframe to display and be responsive on all devices expect on my iPhone. Works everywhere else. Here is the code

<div style="display:block; max-width:940px; width: 100%; margin: 0px auto;">

<div style="height: 0; width: 100%; padding-bottom: 40%; overflow: hidden; position: relative;">

<iframe style="width: 100%; height: 100%; position: absolute; top: 0; left: 0;" src="http://www.urotuned.com/smartslider/sliders/4/index.html" frameborder="0" scrolling="no"> </iframe>

</div>

</div>

Eliminate render-blocking JavaScript and CSS when they are CDN

I'm getting the infamous Eliminate render-blocking JavaScript and CSS in above-the-fold content on google's PageSpeed. The thing is that all my .js and .css resources are CDN and all of them are minified.

I was able to get rid of the .js warning by adding the async attribute to the <script> as suggested by google but I haven't found a workaround yet for the .css warnings which are foundation.min.css, font-awesome.min.css and fonts.googleapis.com/css?family=Roboto:400,300,900,100. Any suggestions? Thanks.

How can i make this in CSS and HTML?

I'm trying to make a page in HTML and CSS that looks something similar to this picture i made : Image

but whenever i try to do it , the content div goes behind the header div and i should do margin-top to get it down, but i think that it's a bad idea for responsive design...

this is the CSS code i tried :

.header{
width:83%;
height:62%;
background: url('bg.jpg');
position:fixed;
}

any help will be appreciated , thank you. =)

Stylesheets load but are empty on page refresh in nested state

I'm having an issue where if I refresh the page in a state that is nested in my AngularJS app, the browser shows that my stylesheets were loaded, but they are empty for some reason. I am using ui-router. There are no errors in my console. I am not sure if this has anything to do with the server, but I am using NodeJS with LoopBack framework.

View my issue here

If you navigate to one of the top-level states and refresh the page, the styles will appear.

Converting HTML 5 canvas to image JPG, PNG file

I am trying to merge two pictures and convert them to the canvas, then to PNG file. But it gives me error that says:

script.js:56 Uncaught SecurityError: Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not be exported.

What should I do to fix this? Here is my code:

var merged = document.getElementById("myCanvas");
var ctx = merged.getContext("2d");
var img1 = document.getElementById("banner");
var img2 = document.getElementById("myPro");
ctx.drawImage(img2,-50,-20);
ctx.drawImage(img1,0,260);
var profile = new Image();
profile.setAttribute('crossOrigin', 'anonymous');
profile.src = merged.toDataURL();

How to make a linebreak in a paragraph in HTML

How can i add a line break to the text area in my html? I am a starting developer and i dont knwo how to do this!

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Test website</title>
</head>
<body>
    <p>Line 1
        Line 2</p>
    <p>Line 3</p>
</body>
</html>

The text: Line1 and line2 Are on the same line. How can i add the linebreak?

Can't control the width of a table cell

I've spent hours trying to figure out what's wrong on the following test page : http://www.temporary-url.com/qRu63J

I just want the black tab (top right corner) to fit the width of the text. The whole thing is a table, and I set a width of 99% on the previous cell. But for a mysterious reason, it gets an unexpected width... I noticed that if I remove the big red image, it works as expected !

Thanks in advance for your help, it's driving me crazy !

Toggle a JavaScript script

My issue is:

I have a grid display of some photos on my webpage, and I have a JavaScript script that transforms that grid into a slide-bar where you can navigate through that photos by clicking the arrows of the bar.

What I want is a button that allows the visitors to swap between the grid and the slide views (that is, a button to start/stop the execution of the script, right?).

I wonder if that is possible and how can that be done. I did not code the webpage nor the script, though.

How can I make icon small when using bootstrap?

If I want to minimize icon size, how can I make icon small when using bootstrap?

This is demo http://jsfiddle.net/AqUBu/

I'd like to minimize the size of this human icon.

<span class='badge badge-success'><i class='icon-user icon-white'></i><i class='icon-user icon-white'></i><i class='icon-user icon-white'></i></span>

CSS random div placement & responsiveness

I created a starry night animation but was wondering if anyone had a better way to place divs "randomly" with only CSS ??? Also, I'm having difficulty with responsiveness as well. Thank you for your time! just trying to learn.

check the complete code at http://codepen.io/anon/pen/MeeYWO?editors=1100

#star-bl:nth-of-type(5) {
    left: -350px;
    top: 225px;
}

#star-bl:nth-of-type(6) {
    left: 750px;
    top: 250px;
}

#star-bl:nth-of-type(7) {
    left: -450px;
}

#star-sm:nth-of-type(8) {
    left: -225px;
}

#star-sm:nth-of-type(9) {
    left: 500px;
}

#star-sm:nth-of-type(10) {
    left: -100px;
}

Cannot change background-color property of nav element in CSS

nav {
  background-color: #CC3333;
  border: 5px solid red;
}

     <nav class="navbar navbar-default navbar-fixed-top">    
                <div class="container">
                    <button type="button" class="btn btn-default navbar-btn">About Me</button>
                    <button type="button" class="btn btn-default navbar-btn">Portfolio</button>
                    <button type="button" class="btn btn-default navbar-btn">Contact Me</button>
                </div>
            </nav>

I have no idea why it is not running, so any help would be much appreciated!

HTML 5 - Facebook comments custom css

How to add custom CSS to the HTML 5 Facebook comments plugin?

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=123456789";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<div class="fb-comments" data-href="http://example.com" data-num-posts="2" data-width="470"></div>

Thanks. Uli

Prevent inserting 0 year into db - time difference

I read an article about time difference in stackoverflow URL

$datetime1 = new DateTime("2010-06-20");

$datetime2 = new DateTime("2011-06-22");

$difference = $datetime1->diff($datetime2);

echo 'Difference: '.$difference->y.' years, ' 
                   .$difference->m.' months, ' 
                   .$difference->d.' days';

print_r($difference);

This is a code to calculate time difference as you know , and i need a time diff to insert into db , but if the time diff is less than 0 years it inserts the 0 year too , how can i prevent this?

Javascript: How to navigate back and remove current state from history?

Lets imagine we have to html sites:

- login
- register

I start at login and i navigate to register, so my history stack is now:

login -> register

What i now need is a JavaScript function to navigate back from register to login

login <- register

and delete the register history entry so that the user cant use forward to get back to the register site.

Is that even possible?

Select inline elements without text siblings

I need to select inline HTML elements that are the only thing inside their parent element - that is, there is no text or other inline elements before or after them.

<p><img src="foo.jpg"></p><!-- This should be selected -->
<p>Hello world! <img src="bar.jpg"></p><!-- This should not -->

Any way to do this with CSS or jQuery? I've tried :first-child and :first-of-type but they match both of these elements.

what do <form action="#"> and <form method="post" action="#> do?

I'm reading a book on html development (which I'm fairly new at) and despite the fact that the book just had its 1st publishing one month ago (Nov. 2011), the author is an experienced coder and maybe using "#" for the action in a form is old school?

Because I'm trying to get the gist of the sample code and I cannot find an explanation of form action="#" despite searching for

   <form action="#">   

on google, on SO, and in www.w3schools.com.

Anyone know what the "#" action means for forms?

Bootstrap Css positioning an element to the right of a "container"

I have created this jsFiddle to represent my problem. https://jsfiddle.net/L3p70zd8/ <must put code to post jsFiddle link> I am building a carousel. The width of the content of the carousel is to be limited by the bootstrap container (the pink bit). However, I want the nav buttons to the left and right of the carousel to be outside the width of the container. I have achieved this on the left button using a negative margin but cannot figure out how to achieve the same result on the right button. I am open to changing the structure of the html.

BlueGriffon HELP - Images in a row that realign depending on window size

I am completely new to this so bare with if it's obvious.

I have three images in a row at full screen which I want to realign in accordance to the window size, i.e. go to two, then one (while always centred). The other images then being displayed underneath vertically.

This is what the code looks like (with the image location removed)

<div class="img_container"> <img id="img2" alt="" src="IMAGE">

#im1 {
display: block;
top: 250px;
background-color: white;
width: 250px;
height: 250px;
position: absolute;
left: 558px;
}

thank you!!

How to make a checkbox in circle shape with custom css?

How do I make a checkbox rounded with custom CSS? Something similar to the image below. I know there are frameworks like bootstrap provides this, but I don't want to use a framework for this sole purpose as I'm already using angular material.

HTML Code:

    <label class="checkbox-inline">
        <input type="checkbox" name="favoriteColors" ng-model="notification.checked"> 
    </label>

Thanks in Advance.

Print on the console the link's name

i have an HTML list with some link:

<ul>
  <li><a href="#" name="link1">link1</a></li>
  <li><a href="#" name="link2">link2</a></li>
  <li><a href="#" name="link3">link3</a></li>
</ul>

Each link has a different name.

In nodeJS, when i click the link i want to print on the console the name of the link that I clicked.

how can i do?

Rounded Corners in IE 7+ with/without javascript?

To create rounded corners on my container elements I use this css...

border-radius:12px; -moz-border-radius: 12px; -webkit-border-radius: 12px;

However, IE does not appear to recognize and interpret the border-radius property (at least version 7-8, apparently its slated for version 9).

Is there a workaround for this that's doable entirely in css (no script, no extra markup)?

For Javascript/jQuery solutions: I'd use a solution based on these if I could include a single script that would read my css, interpret the border-radius properties (including border-top-left-radius, border-top-right-radius), and apply the corners accordingly. Does this exist?

Javascript image slider transition

I'm looking for a code, which adds a transition after the picture changes. Here's my code:

<script type = "text/javascript">
    function displayNextImage() {
        x = (x === images.length - 1) ? 0 : x + 1;
        document.getElementById("img").src = images[x];
    }

    function displayPreviousImage() {
        x = (x <= 0) ? images.length - 1 : x - 1;
        document.getElementById("img").src = images[x];
    }

    function startTimer() {
        setInterval(displayNextImage, 3000);
    }

var images = [], x = -1;
images[0] = "1.jpg";
images[1] = "2.jpg";
images[2] = "3.jpg";
</script>

<body onload = "startTimer()">
<img id="img" src="1.jpg"/>
</body>

Is there any possible way to add some transition when the code changes the image?

Vertically justify content

Hopefully this isn't an unsolved task, but I'm trying to vertically justify an unknown (ish) number of divs inside of a container.

Each div should be equal distances from each other, and, additionally, the same distance from the edges. (Assuming the last part can be accomplished using ghost elements before and after)

The divs will each fill the width of the container, and the container is a set height, but the number of elements inside the container is unknown.

I'm assuming it can be done using Flexbox to some degree, but have been unsuccessful in my attempts thus far.

How do you get an indentation after ::before pseudo element?

I have a table and I want to use the CSS ::before pseudo element with a counter to add a row number to the first td of every row. My issue is that if the first td wraps the second line starts under the number, and I would like it to start inline with the text above it. Can this be done with just CSS?

Example:

Media Query why isnt my code not being accepted ie doesnt work

When resizing the browser none of the code below works

i also already have the style content before the @media content. i have no idea i ve tried everything already. but its just not working I used MAC google chrome.

<html>
<head>
<title>Responsive Web Design</title>
<meta name= "viewport" content="width=device-width">    

 <link href="responsive.css" rel="stylesheet">    


<!-- css down below -->


@media screen and (max-width: 720px;){
nav ul{
max-height: 0;
}


nav ul li {
  box-sizing: border-box ;
  width:100%;
  padding: 15px;
  text-align: left;}

.handle { display:block;

100% width image in hero unit

I'm looking to place an image inside the .hero-unit that takes up 100% of the unit. This means that it would scale according to the overal window size.

Right now i have the in there, but it looks like there's 100px padding to the right of the image. If i adjust the image max-width: 100% to something larger, it does not scale accordingly.

<div class="hero-unit">
    <img src="images/landscape.png">
</div>

Does anyone have an idea of how to remove the padding on the right, but also preserve the auto-resizing capabilities of bootstrap?

Creating a single <input> type with multiple fields

I have a current project that requires a single input type that needs to be presented as a single field with 3 parts:

[label][op][value]

Where label is the name of a filter, op is either ==, != or NULL and value is an arbitrary operand (usually a string). Ideally the input type will return all three subfields when queried. An example of the type of input I'm hoping to implement would be somewhat similar to a Chrome date field.

Implementing it in CSS, PHP or JS are all the same to me.

Thank you in advance for any help, 405nm

occasional table width expansion

One of my sites is a YouTube search engine. It has a main table with a width of 750 that works normally until the text accompanying a video in a below table is a single word longer than 48 characters (which usually happens in some really long URL), then the entire main table expands to 793 and it looks weird because the logo image at the top remains at 750 pixels (the footer at the bottom also looks funky when this happens).

Is there any way to force this table to remain at 750 no matter what the length of some long word or URL in a table below it?

How to control the div within the div?

Hover the mouse on the blue box; the blue box will rotate 170 degrees but it overlaps the parent div. I want to rotate the blue box without overlapping the parent div.

.box {
  width:250px;
  height:250px;
  background:red;
}
.box_inside {
  position:absolute;
  width:250px;
  height:250px;
  background:blue;
  transition:all 0.7s linear;
}
.box_inside:hover {
  -ms-transform: rotate(170deg);
  -webkit-transform: rotate(170deg);
  transform: rotate(170deg);
}

<div class="box">
  <div class="box_inside"> </div>
</div>

Window popups - how to get window.blur() or window.focus() to work in FireFox 4?

I'm aware that FF4 doesn't allow the use of window.blur() unless "Raise or lower window" setting is enabled in the FF configuration. It simple ignores the event.

I'm aware that some site still manage to open a pop-up window and keep focus on your current window, even when this setting is switched off. How do they achieve this?

Additionally, I don't understand why .blur() and .focus() doesn't work when both pages reside on the same domain. According to http://support.mozilla.com/en-US/questions/806756#answer-167267 this should work.

padding the space above a css button

I'm trying to add padding to the space above a button created with CSS. The button CSS already has padding in it around the text so if I try to add padding-top it just changes the size of the button rather than move it down closer to the element below it which is what I'm trying to do.

This is the CSS:

button {
  background:    #c00;
  background:    -webkit-linear-gradient(#c00, #600);
  background:    linear-gradient(#c00, #600);
  border-radius: 999px;
  color:         #f6f4f4;
  padding:       10px 100px;
  font:          normal 700 24px/1 "Open Sans", sans-serif;
  text-align:    center;
  text-shadow:   1px 1px 0 #000;
  margin-left: 80px;
}

How to get auto sum required in angularjs?

Hi all I filter count and quality, I need to total sum value can be changed to corresponding filtered data equally auto sum generate using getTotals() functionality in meanjs app. then i tried many ways but unable to get the solution if any one knows the solution please help me... http://plnkr.co/edit/IBPd8Dx6hmfWHULKrIBi?p=preview

HTML

<td><p>{{getTotals()}}</p></td>
                <td><p>{{getTotalss()}}</p></td>

PHP - How to get special characters from databse? [duplicate]

This question already has an answer here:

• php echoing angle brackets 4 answers

PHP code:

$con = mysqli_connect("localhost", "root", "root", "demoTable");
$query = "select * from demoTable";
$result = mysqli_query($con, $query);
$row = mysqli_fetch_assoc($result);
echo "demo string: ".$row["demoString"];
mysqli_close($con);

Here the string stored in demoTable is This is a demo <string>. But only This is demo is being displayed on the screen. Can anyone please tell me what is the problem here???

dynamic textbox in pressing enter key

can someone help me with my code? everytime I type in my textbox it create multiple textbox but I want to create a program that everytime I hit enter key it create another textbox.

here's my code:

<script language="javascript">
    function changeIt() {
     var i = 1;
     my_div.innerHTML = my_div.innerHTML +"<br><input type='text' name='mytext'+ i><br/>"
    }
</script>
<body>
    <form name="form" action="post" method="">
      <input type="text" name=t1 onkeydown="changeIt()">
      <div id="my_div"></div>
    </form>
</body>

How to extract meta tags of a series of URLs without downloading whole html in c#

I want to extract title , description and keywords of a seris of URLs
I have this code

 WebClient x = new WebClient();
 string  pageSource = (x.DownloadString(url));     
 query.title = Regex.Match(pageSource, @"<titleb[^>]*>s*(?<Title>[sS]*?)</title>", RegexOptions.IgnoreCase).Groups["Title"].Value;

But I do not want to download whole page because It is so time consuming for a series of URLs. Is there any way to get get these information without downloading whole page?
I should mention that I get these URLs in google search result page buy sending query to google.

SCSS mixin or function to differentiate between color or gradient

Using SCSS, I want to create a mixin, which will receive parameter and can determine whether it color or gradient and according to it create background property.

As possible parameters input:

• any colors values (#hex, rgba, color...).
• any colors SCSS functions (rgba(color, 0.1), darken(color, 15%) ...) as color.
• gradient string ("top, rgba(30,87,153,1) 0%,rgba(125,185,232,1) 100%")

Pseudo-code:

if color or SCSS color function 
  then background: color;
if gradient 
  then background: -webkit-linear-gradient(gradient);
       background: linear-gradient(gradient);
       background: -moz-linear-gradient(gradient);

I don't want to use Compass or any other SASS library.

background-size: cover; Can we reverse clip direction?

The CSS3 rule 'background-size: cover;' starts at the top left of a div and stretches the background image in aspect ratio so that it dynamically covers the width of the div.

For a particular image I have, it would look a lot better at higher width screens if 'background-size: cover;' started the image from the bottom left of the div (div has fixed height) and covered up and to the right. This way the sky of the image would not be the only thing visible on wide monitors.

After some trial and research I have come up empty. Is this possible?

Thank you