1,464 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"> <sup>$</sup>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** | |
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{ … | |
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 … | |
**Basically, the following code doesn't work: ** <link rel="stylesheet" href="https://fiftyallstars.com/Code/font-awesome-4.6.3/css/font-awesome.css"> <i class="fa fa-500px fa-pull-left" title="500px"></i> <i class="fa fa-adjust fa-pull-left" title="adjust"></i> <i class="fa fa-adn fa-pull-left" title="adn"></i> **And my old code on Dropbox does work:** <link rel="stylesheet" href="https://dl.dropboxusercontent.com/u/5739741/OMAR/code/font-awesome-4.6.3/css/font-awesome.css"> <i class="fa fa-500px fa-pull-left" title="500px"></i> <i class="fa fa-adjust fa-pull-left" title="adjust"></i> <i class="fa fa-adn fa-pull-left" … | |
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; } … | |
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 | |
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 … | |
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: ![Screenshot_1.png](/attachments/small/4/354ff90d3ec838081dc8476d57b40307.png "align-left") 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 ?** | |
Imagine a mailbox. You're about to write to a friend. From staff perspective, someone wants to email Dani, her mail is dani@daniweb.com, but has her in contacts list. You type in "Da", and little tool-tip informs you that it knows this mail, tooltip shows her full name "Dani" and her … | |
At the end of the day, I end up in: `menu div#memberArea div#dropdown-trigger div#dropdown-content div#form div#authSubmitButtons input#authRegisterButton`. And now many people recommend shortening it down, sure! But as soon as I drop out elements I don't feel like the code explains itself as good. This very long nasty string, as … | |
I don't know if I'm even posting in the right section. When I open a new tab (after closing all other tabs) and I input address of project site. Elements pops out of parent element (it's 50% of bottom is visible, while rest is through the top of the window). … | |
Hi All, I am stumped here. Perhaps I've been at it too long and am missing something elementary or it really is a missing link. I hope someone can point me in the right direction here. I have this piece of code for my new widget functions: function underslider_widgets_one_init() { … | |
hello guys its been a while since my last question here :P am working right now on PHP script to upload and convert video files to several resolutions ( 360 - 720 ), here a piece of my php code to convert move_uploaded_file($file_tmp, 'upload/'.$fileName); add_to_queue($time,"360-".$fileName,$status="pending"); //where add_to_queue is simple function … | |
This is a website I developed for online, desktop flash games. I make money off of ad revenue. Here is the link: http://www.quickscopegaming.com Could some of you give me your opinion on the site and what I should change/add? Also, here is the Facebook page if you want to give … | |
Hi friends , Being a developer I am learning html, CSS, php & web Development. I am here to enhance my learning on web development through various forums like html developer forum and other web developer communities & want to customize checkbox with the help of CSS. Mostly developers use … | |
I have a problem with CSS. Please for assistance. Yelim to me the picture is positioned at the center of the page and not the left or the right. I want to be on cebtru regardless of screen resolution. This is the code in CSS / * Product * / … |
The End.