w3hello.com logo
Home PHP C# C++ Android Java Javascript Python IOS SQL HTML Categories
  Home » HTML » Page 1
Finding the list of all subdirectories in a link
The only way to find out what resources are available on an HTTP server is to request a resource that tells you. There isn't anything particularly standard about web servers that will provide that, so you'll need to do something specific to the webserver you want the details from. Note that not all servers will provide something like this. The closest thing to a standard is that most servers, fo

Categories : HTML

Changing the name of a file with FileWriter
To do this you need to use the DirectoryEntry API. To write to a new file you will need to use getFile to create a new file and write the contents into it. To do this you also need to have access to the directory where you want to create the new file, and also permissions to create a file there. If the directory is within your sandboxed file system, this isn't a problem. If you want to create th

Categories : HTML

Bootstrap's center-block not working
Try this: <nav class="navbar navbar-default container primary"> I am not seeing where you are using some of the built in default navbar tags, which may be the reason it is not centering. Hopefully this helps.

Categories : HTML

Huge amount of space in between radio button and selection text
I would recommend using: <input type="radio" name="optradio"> Low <br /> <input type="radio" name="optradio"> High I'm pretty sure it will work.

Categories : HTML

How to invoke aiml script when i am inputting data using a form
You need to use some implementation of AIML. ProgramAB is an AIML interpreter written in Java, its open sourced. You need to pass the text input from your form to the chat function defined in the Chat class file. chatSession.multisentenceRespond(input) There are other implementations available for a language of your choice, ProgramO is written using PHP and MySQL. Here is a comprehensive lis

Categories : HTML

How to overwrite a google drive html document from a script
Have you considered using the Drive API to update the file contents? This would overwrite the current contents with the new contents. In order to use DriveAPI, you need to add it through the Resources, Advanced Google Services menu. Ensure the Drive API is set to ON. Here is some additional information on the file update service: https://developers.google.com/drive/v2/reference/files/update

Categories : HTML

Making two
I'm not sure I understood everything in your question but it seems pretty easy : #page { width:500px; height: 200px; border: 1px solid #555; position: relative; } #wrapper { position: absolute; top: 50%; margin-top: -50px;/* half of wrapper height */ width:100%; height: 100px; border: 1px solid black; box-sizing: border-box; -moz-box-sizing: bord

Categories : HTML

How to find strings in certain html tags and cut off these tags from result using regular expressions?
I found the solution. First of all, I get the whole content of this div like this: /(?<=<divsclass="member">)([sS]*)(?=</div>)/gmi So, now I have: <span> <strong>Mr.</strong> </span> <span> <strong>Name</strong> </span> <span> <strong>Surname</strong> </span> Then I just remove all tags, excess s

Categories : HTML

Animate elements into the page when scrolling down Angular
The animation itself can be done with only animate.css. If you want it to trigger when scrolling down however, you are going to need javascript or jQuery to let the browser know when to trigger the event. A very easy library to use for this purpose is jquery-waypoint. It simply gives you a jquery hook when you reach a certain point in the browser. You can use that hook to start the animation. htt

Categories : HTML

Responsive points over image
Just remove width: 100% from #plan-boutiques > img FIDDLE EDIT So i added some jQuery to calculate exact location of the dots and recalculate it if the image gets smaller than the mentioned size FIDDLE ps: you will have to click run every time you resize the box. Also you can add $(window).resize() function if you want a real time response.

Categories : HTML

Firefox pushed up while other browsers push down
Add vertical-align: top; to .tree to align the elements along the top edge rather than the baseline. #trees{ width: 100%; height: 240px; } .tree{ position: static; display: inline-block; margin: 10px 0; height: 186px; color: #860037; width: 180px; font-weight: bold; font-size: 16px; text-align: center; vertical-align: top; } .tree img{ display: block; margin: 0 auto;

Categories : HTML

Css :not() selector not supporting complex selectors inside it
You should first select input type and then cutt off the input with type id that has value "Date". your were again providing input as a selector in :not() try this. input[type='text']:not([id*=Date]) { display:none; } <input type='text'/> <input type='text' id="dasd_Date_asd"/>

Categories : HTML

How to display multiline paragraph texts in a button, using jQuery Mobile?
You can use the white-space css property if the text has line breaks like you want it. .ui-btn { white-space: pre; } Though, your selector may have to be more specific to override the default jquery-mobile styles. Ex: .ui-content .ui-btn { white-space: pre; } http://jsfiddle.net/e00889yz/ Update: The issue here is that jquery mobile's stylesheet defines white-space to be nowrap for the "u

Categories : HTML

How to slide in a top bar in the view in WinJS/HTML app
Don't know if I understand correctly but if you want to place an AppBar at the top, so it'll appear when you swipe down from the top you need to set the placement property of the AppBar to top. Keep in mind this property is not supported on Windows Phone, where AppBars are always placed at bottom.

Categories : HTML

Centered page with exception
You can use the following media query: #main { clear: both; } @media screen and (min-width: 900px) { #main { margin:auto; width: 900px; // will need some sort of width adding either here or above for a default width } } Example

Categories : HTML

Resize div according to window size and zoom
demo - http://jsfiddle.net/victor_007/a6jscb6r/3/ moved your styles outside use height:calc(); * { margin: 0; padding: 0; } html, body { height: 100%; } .head { background-color: red; height: 20px; } .cont { background-color: green; height: calc(100% - 20px); overflow: scroll; } <div class="head">Result screen small</div> <div class="cont">stretch even when z

Categories : HTML

Can I apply CSS rules of one HTML5 element to another HTML5 element without editing core files and duplicating rules?
This is not possible in plain CSS. You should look into CSS preprocessors like Sass or Less to use variable-like stuff in CSS.

Categories : HTML

Why are SVG objects always drawn later?
SVG object are not always drawn later. It depends on the way they are embbed in the HTML page. If you want an instant drawing of the SVG and a fallback without javascript, you have to use either : The CSS background technique The SVG will be referenced in the CSS. Because CSS is loaded in the head section, it will draw the SVG as it appears in the HTML code. .my-element { background-image:

Categories : HTML

HTML/CSS Table height ignored in Internet Explorer
i have made some changes in html as well as CSS Working Fiddle http://jsfiddle.net/UzCRc/60/ HTML <table id="NewsTable"> <tr> <th id="NewsHeader" colspan="2">IT Status</th> </tr> <tr> <td id="NewsAmpel"> <img alt="NewsStatus" src="Ampel/AmpelA.jpg" width="36px" height="100px"> </td>

Categories : HTML

The for attribute of the label element must refer to a form control error?
According to http://www.w3schools.com/tags/att_label_for.asp, the value of for attribute of a label should be the id of the element the label is bound to, so add id attribute to the textboxes <form method="post" action="includes/loginprocess.php"> <label for="username">Username: </label> <input type="text" name="username" id="username" value=''/> <label for

Categories : HTML

Content must be in column, but form label isn't?
What the documentation says: Content should be placed within columns, and only columns may be immediate children of rows. It has to be interpreted in context of row. It means you don't put content directly in a row but use columns to layout the content. This is because, bootstrap adds a standard 15px padding on columns (first and last offsetted) to do a clean layout. Further down the docu

Categories : HTML

Center ul in container
Leave there text-align: center and overwrite that in child element using text-align: left: .col { background: blue; text-align: center; } ul { border: 1px solid red; color: white; text-align: left; display: inline-block; list-style: none; margin: 0 auto; } http://jsfiddle.net/dpynebnf/3/ OR maybe you´re looking for display: table ul { border: 1px solid r

Categories : HTML

How do I make this reddit widget open it's links up into new tab?
You could try adding the target="_blank" attribute to each link in the widget with jquery. $(document).ready(function(){ $('.rembeddit a').each(function(){ $(this).attr('target', '_blank'); }); });

Categories : HTML

Html Css Footer on mobile website
Don't use pisition:absoluteon the container. The footer should rest in the end of your HTML file and it will suffice. General remarks: I believe you should delete the fcontain. the footer is enough. Use <footer> instead of <div id="footer">

Categories : HTML

How to remove the tags when using TinyMCE
TinyMce has an init function that you can call that has a variety of parameters it will accept. With regards to your question, the specific ones you want here are to do with paste: tinyMCE.init({ plugins: 'paste', paste_remove_spans: true, paste_remove_styles: true, paste_auto_cleanup_on_paste: true }); paste_auto_cleanup_on_paste will get rid of all almost all of the rubbish th

Categories : HTML

Div centering within SVG tag
If you have fixed width of svg, maybe: position:absolute; top:140px; left:140px; will help. http://jsfiddle.net/CDmGQ/2664/

Categories : HTML

Vertical overflow dynamic height between two fixed divs
I made some adjustments to the footer styling, by changing the position from fixed to absolute and made the bottom: -10px. This lets the user scroll up or down so the footer doesn't permanently block anything, as follows: .footer { position: absolute; bottom: -10px; left: 0px; right: 0px; height: 30px; background-color: #ddd; color: #fff; } See http://jsfiddle.net/d

Categories : HTML

YouTrack API Form Data Description
Html forms only support GET or POST. So i would suggest you to post the form data using POST method instead of PUT. So that the form content will go into the body of the message and you will able to evade the URL restriction

Categories : HTML

Is there any way to save additional information in HTML tag?
You can create your own using the new data-* custom data attributes (see w3c specs). What comes at the * is up to you (as long as it is valid HTML of course): <button id="x123" data-some-attr="I like this" data-what-about-this="I like it too" />

Categories : HTML

CSS-only: Show element whilst input is selected
demo - http://jsfiddle.net/victor_007/gu531aay/3/ .element { display: none; } input:focus ~ .element { display: block; } <div class="outer"> <input type="text" name="field" /> <div class="element">hello</div> </div>

Categories : HTML

How to set the height which depends on window height using css calc()
First off, I don't think you need the brackets around the 50px, CSS is capable of doing the math without those. More to the point: calc is a rather new technology, still in the experimental phase. So not every browser will support it. You might want to use the browser prefixes (-moz- and -webkit-) to continue your experiment. Also, you should probably take a look at this page: https://devel

Categories : HTML

Automatic column text wrapping in html
See the "column" rule: http://www.w3schools.com/css/css3_multiple_columns.asp As you can see, it's a CSS3 rule, and so you might not find browser support as complete as you'd like.. MDN: https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Using_multi-column_layouts Breakdown of browser support: http://caniuse.com/#feat=multicolumn More reading, examples etc: http://css-tricks.com/guide-res

Categories : HTML

Style inline text along with nested tags with XSLT
Use push style processing with template matching and apply-templates e.g. <xsl:template match="inner-tag"> <b> <xsl:apply-templates/> </b> </xsl:template> then the default templates would take care of making sure the processing is kept up or you can write your own doing that with e.g. <xsl:template match="outer-tag"> <div> <xsl:appl

Categories : HTML

How to assign CSS background image properties mixing classes and ids
background-size: 100px 239px !important; background-repeat: no-repeat !Important; Add these two properties to your class DEMO

Categories : HTML

HTML a content top
Give your div element a vertical-align of top: div { vertical-align: top; } <a height="0"> <img style="width:100px; height:100px; display:inline;" src="http://placehold.it/100x100" > <div style="width:100px; height:100px; display:inline;" src="..." > Hello </div> </a>

Categories : HTML

Flexpaper inside iframe size issue
Try setting the FitWidthOnLoad parameter to true in the viewer like so: FitWidthOnLoad : true make sure you have 100%/100% on width/height on the viewer and you should be sweet

Categories : HTML

how to hide image left part of image when using overflow hidden
.a1 { height:200px; width:100px; overflow:hidden; background:#ff0; } <div class="a1"> <img src="http://cdn.sstatic.net/stackoverflow/img/sprites.png?v=3c6263c3453b"> </div> Seems to work fine for me. I added the yellow background to show where the DIV is at and linked to an SO sprite. If you're getting a different effect, then it's quite likely the CSS on your pag

Categories : HTML

Right-aligned image has 1px gap on Outlook 2007, 2010, and 2013
When using images emails tend to perform more consistently when the width and height are also added to the which surrounds the image, please see my edited version of your table holding your image. <table align="center" width="600" cellpadding="0" cellspacing="0" border="0" bgcolor="ffffff"> <tr> <td width="600" align="right" bgcolor="ffffff" style="padding: 50px 0;">

Categories : HTML

Print subtotals on each page with HTML/CSS/JS maybe XSLT?
This can be done with plain old JavaScript, as demonstrated by the code below. <!DOCTYPE html> <html> <body> <table class="data"> <caption><b>MY TABLE</b></caption> <thead> <tr> <th>Col 1</th><th>Col 2</th> </tr> </thead> <tbody> &l

Categories : HTML




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