[html-css] Forum Topics

hi guys, I came across something rather interesting today. Basically at the moment I'm trying to add multiple spans with a background image to a horizontal div so that the final product looks something like a large ruler ( I use an image with a little black tick to simulate …

Here is my HTML Code: <div class="container"> <div class="row db-padding-btm db-attached"> <div class="col-xs-12 col-sm-3 col-md-3"> <div class="db-wrapper"> <div class="db-pricing-eleven db-bk-color-one"> <div class="price"> ^$99 <small>per quarter</small> </div> <div class="type"> BASIC PLAN </div> <ul> <li><i class="glyphicon glyphicon-print"></i>30+ Accounts </li> <li><i class="glyphicon glyphicon-time"></i>150+ Projects </li> <li><i class="glyphicon glyphicon-trash"></i>Lead Required</li> </ul> <div class="pricing-footer"> <a …

http://epds.telangana.gov.in/FoodSecurityAct/ this website is responsive but when iam zooming in and zooming out all html elements are messing up **any one any sugesstions are appreciated thanks in advance**

An odd thing I've never seen or had occur in all the years of web dev: The other day I got some code from Git-Hub and added it to my index page. I decided not to use the code and removed it. I then noticed that the Git-Hub favicon image …

NOTE: Viewed and tested in MS Edge 25.10586.627.0 MS EdgeHTML 13.10586 https://jsfiddle.net/qgg86g7y/1/ As you can see in the fiddle, if 50 elements are displayed and calculated, a scroll bar will appear. 51 or more and the scrollbar will not appear, and scrolling is impossible. Is anyone else seeing this behavior? …

I'm trying to have a sentence at the base of my site that says how many langauges our members speak. I simply want that sentence to change from English to whichever language is hovered over. Can someone help me out? Thanks! <style> .languages { font-size: 70%; text-decoration:none; } .languages a{ …

How can I take a path such as what you see below and have Javascript make a visible circle or dot based on the path class ? As well output the points based on a canvas coordinates, canvas name being irrelevent, I hope ? ;-) <path class="st0" d="M73.3,73.1"/>

My code is here https://jsfiddle.net/yqjuy3m1/1/ .. I know my print html is out dated (could be my issue) so any updated approach is welcome. What I am trying to do is, when the print button is clicked, 1. Keep the selected value in the search box at print, along with …

Trying to get just the search results (inside and outside the search box). Everything else on the page, which is NOT involved with the search box and its results, should not print. Tried many types of @media and css but can't seem to find the answer. I may be doing …

From below html code I need to get text between tr,th,td tags and display it in datagridview using vb.net <div id="flArrTime"><table class="table table-striped arr_dep_table_parent"><thead class="arr_dep_table_head_landing font_panton_bold"><tr><th>FLIGHT NO</th><th>ORIGIN</th><th>VIA</th> <th>STA</th><th>TERMINAL</th><th>ETA</th><th>STATUS</th></tr></thead><tbody class="arr_dep_table_body"><tr><td>AI 216 D</td><td>Kathmandu</td><td></td><td>16:50<br>02/01/17</td><td>T3&nbsp;</td><td>&nbsp;16:10<br>03/01/17</td><td>Delayed</td></tr><tr><td>9W 567 </td><td>Dammam</td><td></td><td>05:40<br>03/01/17</td><td>T3&nbsp;</td><td>&nbsp;19:25<br>03/01/17</td><td>Delayed</td></tr><tr><td>ET 686 </td><td>Addis Ababa</td><td></td><td>08:05<br>03/01/17</td><td>T3&nbsp;</td><td>&nbsp;11:29<br>03/01/17</td><td>Arrived</td></tr><tr><td>AI 156 </td><td>Moscow</td><td></td><td>08:55<br>03/01/17</td><td>T3&nbsp;</td><td>&nbsp;11:18<br>03/01/17</td><td>Arrived</td></tr><tr><td>WY 241 </td><td>Muscat</td><td></td><td>09:25<br>03/01/17</td><td>T3&nbsp;</td><td>&nbsp;12:03<br>03/01/17</td><td>Arrived</td></tr><tr><td>AI 120 D</td><td>Frankfurt</td><td>Jaipur</td><td>09:35<br>03/01/17</td><td>T3&nbsp;</td><td>&nbsp;12:19<br>03/01/17</td><td>Arrived</td></tr><tr><td>RA 205 </td><td>Kathmandu</td><td></td><td>09:40<br>03/01/17</td><td>T3&nbsp;</td><td>&nbsp;14:10<br>03/01/17</td><td>Delayed</td></tr><tr><td>ZM 1025 </td><td>Bishkek</td><td></td><td>09:50<br>03/01/17</td><td>T3&nbsp;</td><td>&nbsp;15:25<br>03/01/17</td><td>Delayed</td></tr><tr><td>AI 142 </td><td>Paris</td><td></td><td>10:00<br>03/01/17</td><td>T3&nbsp;</td><td>&nbsp;11:32<br>03/01/17</td><td>Arrived</td></tr><tr><td>AI 348 </td><td>Mumbai</td><td></td><td>10:30<br>03/01/17</td><td>T3&nbsp;</td><td>&nbsp;11:58<br>03/01/17</td><td>Arrived</td></tr><tr><td>9W …

Hi I own website hosting and design company and usually create my own accounts for Companies House and also need to make a return to HMRC Coroporation Tax annually. Recently there has been a move to present company accounts in the iXBRL format (inline business reporting language). This either requires …

his is an example of creating a semi-dynamic pie chart without the use of server-side imaging libraries [url]http://www.surfare.net/~toolman/temp/diagram.html[/url] CSS Diagrams Things to Do With CSS When You’re Bored at Work [url]http://komodomedia.com/blog/index.php/2005/08/24/creating-a-star-rater-using-css/[/url] Star Rater Creating a Star Rater using CSS [url]http://komodomedia.com/blog/index.php/2006/01/09/css-star-rating-part-deux/[/url] CSS Star Rating CSS Star Rating Part Deux [url]http://www.jluvip.com/works/css/starvote/index2-1.html[/url] Star …

Sir I have these codes <!doctype html> <html> <head> <meta charset="utf-8"> <title>Untitled Document</title> <style type="text/css"> * { margin: 0; padding: 0; } .box { margin:auto; top:0; left:0; bottom:0; right:0; width:20%; height:200px; border:1px solid silver; padding:30px; position:absolute; box-shadow: 0px 0px 10px 10px #72B3D3; } .fit { background-size:contain; background-repeat:no-repeat; background-position:center center; opacity:0.5; …

Sir I have following codes for Bootstrap header <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Bootstrap Page Header</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Pragma" content="no-cache" /> <meta http-equiv="Expires" content="-1" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="css/bootstrap.min.css"> <script src="js/jquery.min.js"></script> <script src="js/bootstrap.min.js"></script> <style type="text/css"> html { …

Sir I have these codes #header { width: 60%; height:auto; color: #4169E1; font-size: 30px; font-weight: bold; text-align: center; border: 1px solid #39F; margin:0 auto; overflow: hidden; } #header img { margin-right: 15px; float: left; } <body> <div id='header'> <img src="images/wheaticon.jpg" hspace='10' height="200" width="300" > <strong>Dashboard <br /> Wheat + Bardanana<br …

Sir, I have this header.php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <link rel="stylesheet" href="css/css3menu1.css" type="text/css" /> <style type="text/css"> #header1 { width: 100%; color: #FFC; background-image: url(images/header.gif); font-size: 28px; font-weight: bold; font-style: oblique; text-align: left; padding: 5px; position: fixed; } #header1 img { vertical-align: middle; } …

My htaccess goes like so: RewriteEngine on RewriteCond %{HTTP_HOST} ^(www.)?audino.us$ RewriteCond %{REQUEST_URI} !^/audino.us/ RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d RewriteRule ^(.*)$ /audino.us/$1 RewriteCond %{HTTP_HOST} ^(www.)?audino.us$ RewriteRule ^(/)?$ audino.us/index.php [L] I got web hosting under the domain audino.us which defaults to public_html dir on server, how do I set it to …

I have a website that is not mobile friendly, its designed in plain html and css how do i make the website responsive how do i make the menu go small on a mobile device and allthe elements to fit properly

Lots of good instrumental music out on the web in the form of midi files. You can incorporate background music as part of your web page. Here is the short code.

hello i'm just training myself on web development so i wanted to create a drop down menu wich i have post before about it! so i get the html code and css and the javascrip code of the bootstrap header menu and i want to customize it for my website …

post

Time for a real challenge. https://jsfiddle.net/u6n3dq9m/4/ Is what I've got. I'd like the red portition to spread over the div, and fill entire height, while You can't/Tried but failed: - Use `overflow: hidden`, because it doesn't work (I thought it will render some overflow and stuff, I don't know). - …

Hello i have a problem putting margin between the images i have this html code <div class="row"> <div class="col-lg-12"> <h2 class="page-header">Featured Posts</h2> </div> <div class="col-md-4 col-sm-6"> <a href="portfolio-item.html"> <img class="img-responsive img-portfolio img-hover" src="http://placehold.it/700x450" alt=""> </a> </div> <div class="col-md-4 col-sm-6"> <a href="portfolio-item.html"> <img class="img-responsive img-portfolio img-hover" src="http://placehold.it/700x450" alt=""> </a> </div> <div …

https://jsfiddle.net/n0260s1L/3/ Is what I have. Text of `div.summary` goes outside of it's planned content. Even when told not to. The only solution to this is `overflow: none;` in "super-parent" `div.mail`. But it ignores: `text-overflow: ellipsis;`. How can I limit content of this div (`div.summary`) **and** have `text-overflow: ellipsis` working at …

https://jsfiddle.net/rw2894fe/2/ I don't need to explain the issue, it's visible the second you look at it. Red anchors seem to have "unexplained" padding on bottom and right side. Removing it with "padding: 0; margin: 0;" doesn't affect it. Could someone tell me how to remove that unwanted padding and make …

I placed slideshare code: <iframe src="//www.slideshare.net/slideshow/embed_code/key/HQoiz6GR1oLe1n" width="860" height="600" frameborder="600" marginwidth="0" marginheight="0" scrolling="no" style="border:1px solid #CCC; border-width:1px; margin-bottom:5px; max-width: 100%;" allowfullscreen> </iframe> To my presentation page: [check](http://bookofrakostenlosspielen.org/10-regeln-online-glucksspiels/) But there are black area around presentation in mobile version:  It happens because of height="600", but when I remove this style iframe …

I have two items that look like this span.left { float: left; display: inline-block; /* Take space neccessary */ } span.middle { /* Take free space only, do not push unless allowed */ /* Contains couple lines of text */ text-overflow: ellipsis; overflow-x: hidden; white-space: nowrap; } span.right { /* …

https://jsfiddle.net/c9jmjcy0/3/ The reason that it doesn't work is because for some reason `<a>` denies wrapping `<div>`. Probably specification. The only solution is to wrap it around other item. Do we have any other item that would say "it's a link/dropdown". There's also `<button>`. But it doesn't wrap it either, it …

This is a nice How-to-tutorial, that shows how you can use multiple borders to add depth and realism to your design. http://www.zpyro.com/how-to-add-depth-to-your-design-using-multiple-borders/ **Any similar tutorials like that ?**