spot7.org logo
Home PHP C# C++ Android Java Javascript Python IOS SQL HTML Categories
  Home » HTML » Page 1
Wordpress Site not loading framework
Console log gives this error: "Error: Syntax error, unrecognized expression: unsupported pseudo: note" Looks like you've got a bad psuedo selector. Searching your js, I found this after reading the error on console: $('video:note(.fullscreen),audio') If you wrote this line, I'd suggest targeting a different way or target the class. If you didn't, it looks like it deals with "mediaelement-and

Categories : HTML

How to get rid of extra height from td?
set span to display:block .test{ font-size : 12px; display:block; background : rgba(255,0,0,.5); } for removing default margin and padding of all elements use this *{ margin:0; padding:0; } * { margin: 0; padding: 0; } td { background: black; padding: 0; margin: 0; } .test { font-size: 12px; display: block; background: rgba(255, 0, 0, .5); } <table> <t

Categories : HTML

Issue with clip-path on an image in Internet Explorer
IE will apply a clip-path to an SVG <image> element. It will not, however apply a clip-path to an HTML <img> element or a background image or anything other non-SVG element. Safari and Chrome have the same limitation at the moment FWIW but they support -webkit-clip-path which does work on HTML elements, which is why your example works there. Firefox supports clip-path on non-SVG elem

Categories : HTML

Styling visited links
Either set a color on #footer a: #footer a { color: blue } or Set a color with a:visited to override the user agent stylesheet: #footer a:visited { color: blue } Remember to follow the LVHA order (:link, :visited, :hover, :active)

Categories : HTML

Sublime text 2 : select tags with all content in it
If you hit CtrlShiftA once while your cursor is in the text, it will select all the text. Hit CtrlShiftA again, and it will select the tags. Keep hitting it, and the selection will keep expanding outwards.

Categories : HTML

Flexbox parent shrinks smaller than children
Trivial answer: add min-height: 200px on the grey box (the container). (Though: if you're not providing a height for the grey box (the flex container), it should already auto-size to fit its children's height -- though that depends on the context, e.g. if the flex container's parent is another flex container. Anyway, you'll probably have to provide more specifics & a working testcase, if you

Categories : HTML

Yahoo webmail and mailto links
This has nothing to do with your code. Handling of any parameters is up to the mailto: handler... that extension you're using. You can't force that mailto: handler to do something it isn't built to do.

Categories : HTML

Display text and images in the center of div
Try the following: #kolom5Nav { display: table; height: 141px; width: 1440px; background: #fdd400; text-align: center; line-height:141px; } #kolom5Nav h2{ color: #044584; display:inline-block; margin:0; } <div id="kolom5Nav"> <a href="#"><img id="kolom4Back" src="images/back.png" /></a> <h2>Evenementen</h2> &l

Categories : HTML

Embedding video in html causes operation cancelled
I don't know why embed leaves out the http:// part from the generated code. It should be <iframe width="560" height="315" src="http://www.youtube.com/embed/EW8XHKqz7Jg" frameborder="0" allowfullscreen></iframe>

Categories : HTML

Bootstrap Carousel Isn't Responsive in Full Screen
What about change your class: .carousel-inner > .item > img, .carousel-inner > .item > a > img { line-height: 1; } to: .carousel-inner > .item > img, .carousel-inner > .item > a > img { line-height: 1; display: block; max-width: 100%; height: auto; } and check it out?.

Categories : HTML

Formatting is broken in chrome latest version
I suggest to use white-space: nowrap; anyway. If you don't, then you say "you can wrap this text if you want" but you can never be sure when the browser might want to wrap the text. So specifically saying "don't wrap" will make sure you always get what you want.

Categories : HTML

Universal font styling for forms in Rails app
You can apply your CSS rules to tags too: In plain CSS: label { /* Attributes that apply to all label tags */ font: 16px sans-serif; }

Categories : HTML

HTML / inputs elements in the same line
Change the display, remove the inline styles. Example: http://jsfiddle.net/ys1Lgj7e/ form { display:inline-block; }

Categories : HTML

How to make size of apk file smaller created in cordova
The short answer is use cordova > 3.0. Wirh cordova 2.x, all system plugins were installed by default. With cordova 3.x you add only plugins you need, so the app is smaller ans requires less permissions.

Categories : HTML

Changing text to icons when a media query is met
Try it like this: HTML <div> <span class="text">text</span> <span class="icon"><img src="" /></span> </div> CSS @media (min-width: 641px) { span.icon {display:none} span.text {display:inline-block} } @media (max-width: 640px) { span.icon {display:inline-block} span.text {display:none} } EDIT (CODEPEN EXAMPLE) Have a look at

Categories : HTML

Switching from one image to another
This should do what you want it to do: <html> <head> <title>loop</title> <script type = "text/javascript"> var images = []; var x = 0; var $img = document.getElementById("img"); images[0] = "image1.jpg"; images[1] = "image2.jpg"; function displayNextImage() { if (++x < images.length) { $img.src = images[x];

Categories : HTML

How to align these two rows using Bootstrap 2.3.1?
I would just space the labels and inputs with the spanX class and align the labels as I need them (text-left , text-right etc), so to apply that to your original code: <div class="container-fluid"> <div class="panel panel-info"> <div class="panel-heading"> Summary Report </div> <div class="row-fluid"> <div class="span4">

Categories : HTML

HTML CSS Show Text box on hovering
Do you mean something like this? p.own{ margin:0px; float:left; position:relative; cursor:pointer; opacity: 0; } p.own:hover span{ display:block; opacity: 1; z-index: 99; }

Categories : HTML

Trying to centre a fixed width rule and left aligned text in a Bootstrap column
Have you tried to add a class to the text divs in the columns and adding the max-width to them also as well as adding margin auto to the text div's too? CSS: .imgWidth, .someClass { max-width:150px; margin: auto; } HTML: <div class="row text-center"> <div class="col-xs-12 col-md-2 text-center"> </div> <div class="col-xs-12 col-sm-6

Categories : HTML

How to make input extend to width of column in Bootstrap 3?
Just put style="width: 100%;" on the input; Btw, you are missing a form closing tag. Also if you look at bootstraps for any elements you set up most of the time they leave a bit of margins. So if you don't want any margins just change the margins to 0.

Categories : HTML

Margin-right smaller than margin-left with equal values
This is because of the 3px border you added. In the default box-model, the width of the border isn't computed in the box width so it "overflows" on the right. To corect this, you can change the default box model behaviour by adding box-sizing:border-box; to #container so the border-width is computed in the width of the element. DEMO

Categories : HTML

Weird Bootstrap Responsive Issue
Building upon my comment, you could use Bootstrap helper classes to solve your problem. Without seeing your implementation it's hard to say whether this is the best idea or not, since you should use these helper classes wisely. Given that, you could separate your column breakdown into separate divs. Code and fiddle below: <div class="container visible-md visible-lg"> <div class="row"

Categories : HTML

Style CSS based on nth term count
In short, no. CSS doesn't work like this, unfortunately. Despite what it looks like, n does not become a variable that you can use within that block of style. It's used to indicate that you are using the form (an + b) to specify a cycle size a and a starting counter b. For instance, a:nth-of-type(2n + 3) would select every other anchor element starting at the third. To do something like what

Categories : HTML

Converting html5 video - what software to use
a lot will depend on the intended audience and their connectivity. If they've got good connections and a big monitor they may be able to appreciate 1080p, but 720p is probably going to be okay. It's better to err on the side of reducing quality vs risking buffering IMO (though that will depend on the use-case obviously). My usual approach would be to work with some target users and A:B test some

Categories : HTML

CSS positioning width
Remove the following section from your CSS .holder { width: 100px; height: 60px; } Why are you applying two classes on same div anyway ? UPDATE here is the updated code that might work for you. Treat your Div as Table. Its very lightweight and powerful. .first { display: table; border: solid 1px green; } .second { display: table-row; border: solid 1px red; left: 100p

Categories : HTML

fixed menu issue, menu stacks vertically when fixed
You have to add the position fixed to the ul (not the li) and add width:100% as well. ul{ list-style:none; position:fixed; width:100%; } Have a look at your fiddle I've updated it.

Categories : HTML

Why do my images have numbers appended to their names?
that is called the fingerprints for assets in rails. Consider reading the guide: http://guides.rubyonrails.org/asset_pipeline.html#what-is-fingerprinting-and-why-should-i-care-questionmark This is used to prevent caching problems: when you update the asset, but keep the old name, browsers may still show the old, cached image. But with the fingerprint the name will be different and the new image w

Categories : HTML

Cant get my fixed to top navigation next to each other
One solution is to remove position: fixed from a elements. Also remove float: left from li elements(display: inline-block is enough): nav { position: fixed; z-index: 100; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.7); width: 100%; height: 58px; } ul { list-style-type: none; } li { display: inline-block; } a { top: 0; color: #FFFFFF; text-decoration: none; margi

Categories : HTML

Create and pass Model from HTML to Controller
Figured it out using @Html.Actionlink @Html.ActionLink("Dec. 2014", "Index", "Legacy", new { PageTitle = "Newsletter Dec. 2014", URL = "~/Content/Documents/Newsletter/December2012/MainPage.htm" }, null)

Categories : HTML

dynamic height with absolute positioning
You can easilly achieve this in jquery like so : $(document).ready(function () { var height = $("#top_bar").css("height"); $("#navigation_bar").css("top", height); $("#content").css("top", height); }); If you don't want to use jquery. You should not use position absolute to make your layout. If you just want a fixed top bar there many other way to achieve this.

Categories : HTML

Extract values from a specific column of an html table using bash
Try the below awk command, awk 'NR>1{print $3}' file This prints the value of third column except the one in the header. Update: awk -v RS='</tr>' -v F='<td>' '{$3=gsub(/<[^<>]*>/,"",$3);print $3}' file

Categories : HTML

Embed an responsive youtube iframe to center of an page
To make you frame center you need to give your videowrapper a specific width and make the margin left and right as auto. .videowrapper { float: none; clear: both; width: 700px;<-- Added--> position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; margin: 0 auto;<-- Added--> max-width: 100%;<--

Categories : HTML

Work Item HTMLFieldControl Content
You were looking in the wrong place; those are the definitions for the form (aka, how the Work Item is displayed graphically). You need to scroll up to the top, under FIELDS, and find this: <FIELD name="Description" refname="System.Description" type="HTML" /> ...then change it to this: <FIELD name="Description" refname="System.Description" type="HTML"> <DEFAULT from="value"

Categories : HTML

Fragment in html content goes behind the navbar, how to prevent this?
Thats default functionality of an anchor tag. If you are navigating on the same page, the browser will take you to that tag. If you want only the content section to move, you'll have to separate its content and height from the rest of the page. That can be done by applying a height and an overflow property to it: #scrollableDiv { height:100px; overflow:auto; } And add the id to the div tha

Categories : HTML

menu bar hover without distortion
Give position:absolute to the ul Fiddle ul li ul { position:absolute; display: none; }

Categories : HTML

Magento, how to add static url link in Block
Let me take an example of top.links block to explain this. <block type="page/template_links" name="top.links" as="topLinks"/> The “addLink” function is defined in Mage_Page_Block_Template_Links. The definition of the function is public function addLink($label, $url='', $title='', $prepare=false, $urlParams=array(), $position=null, $liParams=null, $aParams=null, $beforeText=''

Categories : HTML

How to implement this design using Bootstrap Grid?
You should add Row divs to define the rows <div class="row"> <div class="col-lg-8"> <div class="row"> <div class="col-lg-6"> <div class="panel panel-primary"> <!-- Default panel contents --> <div class="panel-heading"> .... </div> <div class="panel-body"> .... </div> </div> &l

Categories : HTML

Implementing newletter with jsp and gmail issues
It found that google do some validation job. However, in my case, (my dev environment) network allows only internal access, so it can not show proper image. I switched network from internal network to wifi, it works fine :D I hope this could be help to others.

Categories : HTML

One bind "ended" for all videos [html5]
try the following: <video id="1">...</video> <video id="2">...</video> <video id="3">...</video> <script> var total_ended = 0; var videos = document.getElementsByTagName('video'); for (i=0;i<videos.length;i++) { videos[i].onended = function() { total_ended++; console.log('Total videos ended: ' + total_ended);

Categories : HTML


Recently Add
Custom CSS for a Fixed DIV
Wordpress Site not loading framework
How to get rid of extra height from td?
Issue with clip-path on an image in Internet Explorer
Styling visited links
Sublime text 2 : select tags with all content in it
Flexbox parent shrinks smaller than children
Yahoo webmail and mailto links
Display text and images in the center of div
Embedding video in html causes operation cancelled
Bootstrap Carousel Isn't Responsive in Full Screen
Formatting is broken in chrome latest version
Universal font styling for forms in Rails app
HTML / inputs elements in the same line
How to make size of apk file smaller created in cordova
Changing text to icons when a media query is met
Switching from one image to another
How to align these two rows using Bootstrap 2.3.1?
HTML CSS Show Text box on hovering
Trying to centre a fixed width rule and left aligned text in a Bootstrap column
How to make input extend to width of column in Bootstrap 3?
Margin-right smaller than margin-left with equal values
Weird Bootstrap Responsive Issue
Style CSS based on nth term count
Converting html5 video - what software to use
CSS positioning width
fixed menu issue, menu stacks vertically when fixed
Why do my images have numbers appended to their names?
Cant get my fixed to top navigation next to each other
Create and pass Model from HTML to Controller
© Copyright 2017 spot7.org Publishing Limited. All rights reserved.