w3hello.com logo
Home PHP C# C++ Android Java Javascript Python IOS SQL HTML videos Categories
  Home » HTML » Page 2
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

How do I make my HTML5 Output use Commas?
You can use below specific code: function numberWithCommas(x) { return x.toString().replace(/B(?=(d{3})+(?!d))/g, ","); } Or javascript's Number.prototype.toLocaleString. (slower than regex) var n = 163546872.345 console.log(n.toLocaleString()) // "163,546,872.345" (!) For people who use node.js or want something different in the browser Numeral.js might be interesting.

Categories : HTML

node.js jade how to use style to limit the length of line of text
You can add attributes other than CSS classes and IDs with parentheses: div.some-class(align="center") So, to answer your question: div.col-md-4(style="word-wrap: break-word; width:50px;")

Categories : HTML

While adding image make width as same as screen while height scrollable
Remove max-height:100% and apply height:100% !important like below. .img{ max-width: 100%; height:100% !important; } DEMO

Categories : HTML

html special character UTF-8
To avoid encoding issues, try including the character in your HTML code using the hexadecimal entity notation: &#x1F509; then make sure that the font you are using contains this character, else you'll see a rectangle in place of the character. You may create your own font with the desired character using tools such as http://icomoon.io Also note that some browsers have issues displaying char

Categories : HTML

CSS transition doesn't work
Look at this: section#lBox { That has a capital letter B in lBox. Then look at this: section#lbox:hover { This has a lowercase b in lbox. Assuming your box has an id="lBox", the hover opacity: 0.8 part will not work, as CSS is case-sensitive, and lbox and lBox are two different things. So what you should do is just change this: section#lbox:hover { To this: section#lBox:hover { And

Categories : HTML

Hover element changes other element
You cannot select a parent element in CSS unfortunately. But JavaScript can be used to resolve this problem. Check out this for more info on selectors...http://www.w3.org/TR/CSS21/selector.html

Categories : HTML

Linking a
Use onclick method on div like below. <div class="one-half first greybox" onclick="window.open('http://some-url.com');"> Also apply cursor:pointer to get the cursor point. .greybox { background-color: #f5f5f5; border: 4px solid #f5f5f5; margin-bottom:20px; display: block; padding: 25px; cursor:pointer; }

Categories : HTML

How to add span tag in CakePHP HtmlHelper?
Consider this following code: Simply using two tags of cakephp with concatenating them using . <?php echo $this->Html->link( $this->Html->tag('i', '', array('class' => 'icon-key')).$this->Html->tag('span', 'Logout'), '/logout', array('escape'=>false)); ?> Gives output: <a href="/savaganza/logout"> <i class="icon-key"> &l

Categories : HTML

How to Fix render-blocking CSS in html
Please move your CSS to the <head></head> or otherwise to the top portion of the document, not the footer. CSS is processed first and without being able to process CSS, certain items like backgrounds will not load. Without having the CSS at the top, your browser will first render raw HTML markup (unstyled) and only after hitting the bottom of the document will it finally learn that st

Categories : HTML

Getting the width and height of an image if its max-width property is set to some value
I'm still not entirely sure about the end result your looking for but I worked this up and it reports the original size as well as the modified size after adjusting only the width. <html> <body> <img id="image1"> <hr> <div id="result"></div> <script type="text/javascript"> function getImgSize(img,imgelem) { result = document.getElementById("res

Categories : HTML

Certain sites are not loading in iFrame
It wont show you Refused to display 'http://www.amazon.com/' in a frame because it set 'X-Frame-Options' to 'SAMEORIGIN'. Because it set 'X-Frame-Options' to 'SAMEORIGIN'. Learn mor about X-Frame-Options here

Categories : HTML

Need Slim Scroll on Ul of an Bootstrap DropDownList
Here is bootstrap dropdown customized scroll bar in option. See this fiddle for your reference. Thanks <div class="btn-group"> <div > <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">Scrollable Menu <span class="caret"></span></button> <ul class="dropdown-menu scrollable-menu scrollbar" role=

Categories : HTML

Inserting "line break" inside block element
I updated the jsfiddle code. So have a look. You will see I added a span within the h1 tag and styled the span to be smaller font and you could do a different color what ever you want. You might just need a wrapper around it at this point everything floats to the right. <div id="bg"> <ul class="nav"> <li><a href="#notisia">E Notisia</a></li>

Categories : HTML

Dynamically filling a dropdown box in a web page using an Excel sheet with VBA
1 In Excel IDE, add reference to "C:WindowsSystem32ieframe.dll". (Press F11 excel to go to IDE) (Tools | Reference | Browse | locate the above file ) 2 Create a module with following code and run it. It will open the IE and go the yahoo site Sub aa() Dim aa As New SHDocVw.InternetExplorer aa.Visible = True aa.Navigate "http://www.yahoo.com.hk" Stop End Sub 3 Complete the above program by thi

Categories : HTML

Locally hosted website isn't routing correctly
use ~ symbol infront of all your links. For example use ~/teams instead of /teams. ~ symbol will take you current folder where the files are located.

Categories : HTML

Has anyone worked with using Pardot form integrated into Twitter Bootstrap?
You would need to include a link to your Bootstrap stylesheet in the Pardot Form Layout Template. Add https://github.com/davidjbradshaw/iframe-resizer to get your iframes to be responsive and automatically resize vertically, which is really helpful when you have form errors or a form that grows or shrinks in height for confirmation or conditional fields. <!DOCTYPE html> <html&

Categories : HTML

HTML/CSS - Background Image Not Working
URLs in CSS are always relative to the .css file unless otherwise specified, for instance, with a beginning slash as in "/imgdir/img.jpg" Your background image can be set with an absolute url like this background-image: url('/_src/_img/red_lines_bg_texture.jpg'); with a beginning slash to specify that you are giving a path relative to the root, rather than relative to the .css file.

Categories : HTML

<button> is an inline-replaced element, so you just need to set the line-height property in CSS. .box { height: 30px; width: 30px; background-color: green; } .outer { background-color: blue; line-height: 0; } button { border: 0; margin: 0; padding: 0; } <div class='outer'> <button class='box'></button> </div> I hope this helps. If you need an

Categories : HTML

How to center search bar in navbar-bottom and prevent it from resizing when window is resized to be smaller?
Try to remove "navbar-form" class from your form and try again. Instead of this form class="navbar-form navbar-left" Try as form class="navbar-left"

Categories : HTML

Tooltip on my CSS navigation menu isn't working
ohh you missed # Here your are :) <li data-menuanchor="block1"> <a href="#block1">Block 1</a> </li> Good LUCK!

Categories : HTML




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