w3hello.com logo
Home PHP C# C++ Android Java Javascript Python IOS SQL HTML videos Categories
  Home » HTML » Page 4
Why some browser can not display ★ star sign?
specifying the charset doesn't always it is always set. Use your developer tool to ensure that the page is encoded using utf-8. Also, try to use the ascii code for the star to see if it would work ★

Categories : HTML

List item in jQuery Mobile navbar smaller than others
I have added simple padding on contact us Hyperlink: .contact-us{padding: 12px;} Here is footer markup: <div data-role="footer" data-position="fixed"> <div data-role="navbar"> <ul> <li><a href="#" data-icon="home"></a></li> <li><a href="#" class="ui-btn-active contact-us">Contact Us</a&

Categories : HTML

Placing a slideshow before the content and sidebar - WordPress
Do this: Above: <div class="main-content"> Is where you want to call your slideshow. If you don't want it to show on every page, use some conditional tags to control which page it appears on. See: http://codex.wordpress.org/Conditional_Tags

Categories : HTML

space at the bottom of div
The gap is coming from the actual whitespace after the image tag. You can use this to fix it: .card img { display: block; } Fiddle Or a more hacky solution: .card { font-size: 0; } Fiddle

Categories : HTML

Drop Down CSS is not working
You are not including the "select" element in the style. This will fix it: input, textarea, select{ margin-top: 15px;} I have edited your fiddle here.

Categories : HTML

CSS drop down menu with two columns issue
JsFiddle. Change the width:50% to width:100% and if you want tow column be located in one line of Meun 1. You should merge the two column of Menu 1. .column { display:inline-block; list-style-type: none; float: left; padding: 1 1 1 1; width:100%; }

Categories : HTML

CSS Control gradient stops
You add stops in modern CSS by using % and the color for that stop (I've also included older versions, e.g. webkit-gradient which used the non-standard "color-stop"): background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 21%, rgba(229,229,229,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop

Categories : HTML

Is it possible to stack unlimited divs left or right arbitrarily without a wrapper?
I have updated the JSFiddle here. It is working now. I have added extra wrappers to the left divs and right divs. <div class="left"> <div class="left">left one</div> <div class="left">left two</div> </div> <div class="right">right one</div> <div class="left">left three</div> <div class="right"> <div class="right">right two

Categories : HTML

Background-color disappears when over an element
You should set position:relative for the parent container and position:absolute for your overlapping row. .imagecontainer { position:relative; } .titlerow{ width:100%; position:absolute; bottom:0; background-color:white; /* see: http://stackoverflow.com/questions/11807286/how-to-make-div-background-color-transparent-in-css */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)

Categories : HTML

How to make a "Disclaimer" page in html?
what language/technologies are you using to build your site? If it is just pure html then it might not be realistic. Else like Ethernal said, use cookie. Only redirect the user if the cookie has been created via accepting the disclaimer. Or you can modify the code behind of your index page to check for existence and expiry of cookie, if it is not there then render the disclaimer content instead.

Categories : HTML

Inline an input and a div within a table cell
This is very simple. Just add the following CSS code: .form-control,.input-group-addon { display: inline; } <td> <div class="input-group"> <input type="text" data-tier-id="1" class="form-control notes" value="2.829%"> <div class="input-group-addon">%</div> </div> </td> https://developer.mozilla.org/en-US/docs/Web/CSS/display Hope this

Categories : HTML

Extract text from html page in Go
you could use a lib like go-query [1]. This lib can be used like jquery to grep text and doc elements from a html document. This example is taken from the github page package main import ( "fmt" "log" "github.com/PuerkitoBio/goquery" ) func ExampleScrape() { doc, err := goquery.NewDocument("http://metalsucks.net") if err != nil { log.Fatal(err) } doc.Find(".reviews-wrap arti

Categories : HTML

How to extract specific values from a HTML table and copy them horizontally to a file using PowerShell?
To have another approach there is already people who have created cmdlets to do the hard work for you by converting the table to an object. From the PowerShell Code Repository with credit going to Joel Bennett. function ConvertFrom-Html { #.Synopsis # Convert a table from an HTML document to a PSObject #.Example # Get-ChildItem | Where { !$_.PSIsContainer } | ConvertTo-Html | Conv

Categories : HTML

Mozilla and Chrome difference on CSS
Update this line to cover the whole animation div, otherwise you will have to follow the icon with your mouse for it to animate bacause it moves away. #animation:hover #socialicon { margin-right: 70px; } Full code: #socialicon { position: absolute; -webkit-transition-property: margin-right; -moz-transition-property: margin-right; -webkit-transition-duration:2s; -moz-t

Categories : HTML

Scroll Effect of another site
Regarding the cool parallax scrolling- Checked out the site on chrome dev tools and it looks like they're including this scipt: jquery.parallax-1.1.3. Don't know much about it but looks cool. Investigate here: http://ianlunn.co.uk/plugins/jquery-parallax/

Categories : HTML

How to include video tag / mp4 videos in a Jekyll blog
To use the Octopress plugin, just save the video tag plugin in a _plugins folder.

Categories : HTML

Flexbox wrap - different alignment for last row
I found a solution but it is rather "hacky" in nature (see demo here, explanation later), in the sense that it requires you to explicitly know the width of the parent container which will trigger a layout change based on @media. The reason why your code is not working is because of the confusion over how align-self works. In the flexbox model, "align" refers to alignment along the cross-axis (i.e

Categories : HTML

two column layout with same proportions of content area as window is larger then content area
There are probably several ways to do what you're asking. Here's a codepen.io pen showing one way: http://codepen.io/anon/pen/zxYgRp And I've copied the code here: HTML <div id="wrapper"> <nav></nav> <div id="main"></div> </div> CSS body { margin: 0; padding: 0; background: #ff0000; /* Old browsers */ background: -moz-linear-gradient(left, #

Categories : HTML

How to make a table column be a minimum width
If you know the sizes you want your column and they are fixed, I suggest using a fixed table layout. It allows you to specify the fixed % each column takes. Here's a link that helped me in a similar situation http://css-tricks.com/fixing-tables-long-strings/

Categories : HTML

background in hexagon overflow
I have used an example from a csstricks article, that achieves what you are trying to do using clip-path -webkit-clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%); http://codepen.io/Vall3y/pen/GgRVva Here's the full article http://css-tricks.com/sketchy-avatars-css-clip-path/

Categories : HTML

Overlapping containers with use of rows?
What you're looking for is called Parallax Scrolling. There are several tutorials out there, and a full implementation would be difficult to include in one answer here. Here's a good resource from David Walsh on this Basically, this is a combination of background-attachment: fixed and overlapping div elements, and some javascript to flop the selected image when it's hidden. I hope that helps.

Categories : HTML

Highcharts legend paging position
To position legend at the bottom, I added maxHeight and changed layout to horizontal (as this suits my needs best), etc: legend: { layout: 'horizontal',//change to horizontal //align: 'right',//removed alignment verticalAlign: 'bottom', maxHeight: 50,//this was the key property to make my legend paginated //y: 40,//remove position navigation: {

Categories : HTML

clearRect behaving strangely/not working
The problem is here: ctx.clearRect(0, 0, canvas.height, canvas.width); Change it to: ctx.clearRect(0, 0, canvas.width, canvas.height); Correct Syntax is: context.clearRect(x, y, width, height)

Categories : HTML

Regex pattern for matching ampersands between quotes in href attributes
I don't know what Language you will use, but in almost every language there is a function for replacing letters or substring in strings. For example in JavaScript: var str = "hello world!"; var res = str.replace("world", "stackoverflow"); >> "hello stackoverflow!"

Categories : HTML

Style sibling selector with a:visited
There are limits to what the :visited selector can style: https://developer.mozilla.org/en-US/docs/Web/CSS/Privacy_and_the_:visited_selector It might seem that you've run up against one.

Categories : HTML

Making sidebar and content extend to sticky footer
If you support IE9 and up, you can use calc. #wrapper { position: relative; height: calc(100% - {yourFooterHeight}px); } #wrapper > * { height: 100%; } Example body, html { position: relative; width: 100%; height: 100%; margin: 0; padding: 0; } #wrapper { position: absolute; top: 0; left: 0; width: 100%; height: calc(100% - 100px); } #wrapper > * { heig

Categories : HTML

Refresh browser without "Confirm Form Resubmission" in perl
The usual technique for preventing this is the Post/Get Redirect pattern. This doesn't stop browsers from behaving as they do, but it redirects users to a new page after a successful POST, so that if they refresh they are not repeating the POST, but repeating the GET instead, which doesn't cause a warning. Here is an example of the flow: GET "Products/Create" User types in some information POS

Categories : HTML

How to play/pause html5 video with spacebar
Here's the changes to your javascript: $(window).keypress(function(e) { var video = document.getElementById("vid"); if (e.which == 32) { if (video.paused == true) video.play(); else video.pause(); } });

Categories : HTML

Print Preview in Chrome gives changes div positions with CSS style "overflow:hidden"
It does exactly what it's saying it does. Because you have a defined height and width on #outsideDiv, your CSS is hiding everything that falls outside of that. Keep in mind that pixels do not convert at the same ratio from screen to page. A page is 72 PPI (pixel-per-inch) in general, while a printed page is 300 DPI (dot-per-inch) in general. There's even a conversion of units there (pixel to

Categories : HTML

Detect whether canvas already has a context
There isn't any public documented method to detect what context has been requested from the canvas element. The element itself is just the final bitmap and unaware of how the pixels got into it. The only way that I am aware of is to hack the getContext() call to record what context was requested (or just make a plain wrapper function you call instead of the native call): // store old call HTML

Categories : HTML

Positioning next/prev buttons along side of owl carousel in Bootstrap
If you know height of the slider you can set it as line-height for button or button's container. To hide buttons on smaller screens you can use .hidden-sm .hidden-xs classes and add .col-xs-12 .col-md-8 for slider to fit full width of screen. Try this: http://jsfiddle.net/matcygan/q70wbuwv/9/

Categories : HTML

Dynamic Options For Dropdown Menu in Shiny R With HTML UI
While this isn't the best answer, it may get you started. In Shiny, I upload .csv files, which will dynamically update the dropdown menu with the header names of the uploaded files. In server.R, I include observe({ infile <- input$datfile print(infile) if(is.null(infile)) return(NULL) d <- read.csv(infile$datapath, header = T) updateSelectInput(session, 'dropdown_1', choices = names(

Categories : HTML

How do I animate my CSS progress bar?
HTML: <section class="container"> <div class="progress"> <div class="progress-point"> <p id="progress_0" class="progressPoint displayNone" style="width: 0%;"> </p> <p id="progress_20" class="progressPoint " style="width: 20%;"> <input type="radio" class="progressStatus" name="progress_status" i

Categories : HTML

Advantages of using attributes over classes
Attributes have a couple of advantages over classes. Firstly, being able to simply put down an attribute is more readable: <nav center fullbleed> vs. <nav class="fullbleed center"> Attributes are also easier to avoid conflicts when it comes to css selectors: It's easier to make a mistake when using css selectors such as nav .center > #fullbleed . Classes do offer more options,

Categories : HTML

CSS: Placing two side by side divs on the same height
Here's how you can solve this: Fiddle for side-by-sides at the same height CSS .jumbotron { width: 100%; overflow: hidden; background-color: white; padding: 30px; font-size: 0; } .jumbotron > div { display:inline-block; vertical-align: top; font-size: 1rem; } .text { width: 20%; } Explanation So we got rid of all your floats. You potentially could have

Categories : HTML

How to change shapes while hovering over one
Here is what you are asking for changing a rectangle into a circle: you want to use your apDiv16 id.... here it is: #apDiv16 { border-radius: 0px; width: 200px; height: 200px; background-color:black; /* width and height can be anything, as long as they're equal */ } #apDiv16:hover { border-radius:50%; } Working JSFiddle: http://jsfiddle.net/aotLuscb/2/ Could also add

Categories : HTML

Creating a comment box html form with perl processing script
Your code is a bizarre mixture of old- and new-style Perl. You're using the cgi-lib compatibility layer in CGI.pm and calling its ReadParse() function using the (unnecessary since 1994) leading ampersand. On the other hand, you're using three-arg open() and lexical filehandles. I'd be interested to hear how you developed that style. Your problem comes from your (mis-)handling of the %in hash. You

Categories : HTML

Space after html5's video tag
Just add display: block to the video element. video elements default to display: inline, causing the whitespace. Updated fiddle: http://jsfiddle.net/g9t71mg6/1/

Categories : HTML

Overflow-X Hidden on html tag, iOS Safari Lags
EDIT: sorry I didnt read your question correctly but try changing the block's position to this instead: position:fixed; it does what you want but that block will stay in that spot when you scroll up and down. try that and see if it is what you wanted.

Categories : HTML




© Copyright 2018 w3hello.com Publishing Limited. All rights reserved.