1,160 Topics
I have a straight forward form sprinkled with a bit of jQuery, but I have a small issue. When I hit Next button it goes to the next step without popping up the small field with "you have to complete this required field". How can I force the next button …
Hi, Im new to data table, im using DataTables 1.10.5 and i try to put center my pagination since it looks kinda messy on my table. Here is my code : Html: <table cellpadding="0" cellspacing="0" border="1" class="display example" id="example2" width="90%"> <thead align="center"> <th>a</th> <th>b </th> <th>c</th> <th>d</th> <th>e</th> <th>f</th> <th>g</th> …
I tested over and over and it seems there is something conflicting between these 2 scripts: bootstrap toggle and jquery validator. If I remove data-toggle=" toggle" the checkbox is required for validation, otherwise it just passes regardless of being checked or not! <form id="regiration_form" action="action.php" method="post"> <h1></h1> <fieldset> <h2>Pasul 1: …
Need help to add css transition effects to this https://jsfiddle.net/az9yt611/ floor item 1 is selected, when it changes to floor item 2 is selected add effect to its inner div's, i.e. Left & Right. Add cube **To Top** transition to **left div** & **To Bottom** to **right div**, on next …
I am using easyUI datagrid component and I'm trying to add bootstrap dropdown menu in a datagrid cell. The problem is when I click the dropdown button, the menu doesn't show. When moving the menu outside the cell, or remove the cell 'datagrid-cell' class, it works fine. No console errors …
I have a problem with bootstrap design i want to make a very simple page which will contain two buttons and a video. The prob. is i dont know how to align theese two buttons with the video in one row here is the code i have: <body> <div class="container"> …
Hey everyone, I have a site that has a customer account, right now it looks like crap and i need an idea on how to style it. Right now I am using Bootstrap, but I want to move away from it and try something else. My issue is, I have …
During trying to inspect element like changing the color of the web scroll down color. I cannot find which css file to change? Which on the right side said inline instead of mentioning the file. element { Inline background: rgb(0, 0, 0) none repeat scroll 0% 0%; width: 7px; position: …
I need to separate the questions to atleast up to unemployment and after clicking the button it will go to another page and it resume the user from answering the question.. Thanks in advance.. <?php include('connection.php'); ?> <?php session_start(); if(!isset($_SESSION['id']) || $_SESSION['privilege'] != 'user'){ if(session_destroy()) // Destroying All Sessions { …
Hello i want to add some CSS3 filters on a background image but the effects take place on the text too not just the background image. Here is the css code <div style="color:whitesmoke; background-image:url(wall_icons/uploadMedia.png); background-size:contain;-webkit-filter:grayscale(1.7); filter: brightness(0.2); -webkit-filter: brightness(0.2); -moz-filter: brightness(0.2); -o-filter: brightness(0.2); -ms-filter: brightness(0.2); background-repeat:no-repeat"> <small style="font-size: 3vmin;">Text.Text.Text.Text.Text.Text.</small> </b> …
Hello, How to create circle with css? Any idea how to create circle with css? I create html file with numbers 1 - 5. And I would like to draw green circle around each number with css. How to do so? Thanks in advance.
The code below opens a modal window successfully. When I attempt to open the modal window after closing it, my browser window freezes. To unfreeze I press the escape button on my keyboard. Employee.php <div class="modal-footer"> <button type="button" class="btn btn-secondary" ng-click="closeEmployee()" data-dismiss="modal">Close</button> </div> EmployeeModalController.js <div class="modal-footer"> <button type="button" class="btn btn-secondary" …
Please can anyone help re-arrange text that are spit apart on browser. What css property can be use to bring the text align as normal.
Is there an easy way to modify Twitter Bootstrap so that all of its responsive columns work based off of the device-width as opposed to responding to the dimensions of the browser window?
hey everyone, I am looking for a website template that is mobile responsive, with a header and 3 columns. in the left and right column there will be 3 items in each with a fixed height on each. the middle column needs to be adaptable to move without affecting the …
I'm working tonight on tightening up the CSS (reducing the amount of whitespace, margins, padding, etc.). Back in the day, this was super important because people wanted to have to do less scrolling, and see more content above-the-fold. Then monitors got bigger and bigger and resolutions got higher and it …
Hello, I am trying to make this program load the style.css correctly. Can anyone help me out? admin/views/login.php <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>CodePen - Log-in</title> <link rel='stylesheet' href='http://codepen.io/assets/libs/fullpage/jquery-ui.css'> <link rel="stylesheet" href="<?php echo base_url('assets/style.css'); ?>" media="screen" type="text/css" /> </head> <body> <br><br><br><br><br><br> <?php $this->load->library('form_validation'); ?> <?php echo validation_errors(); ?> <?php …
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 …
i am doing tab panel and anchor(eg html?tab=profile#f1) in bootstrap Please run http://www.timothyhui.com/test/boom/hash_tab/ver2/go.html as example i made some examples with parameter in one page, when user click one of example and go to another page. Then that page gets parameters and anchor, then the tab will be changed and anchor …
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 { …
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 …
I use bootstrap How can i align the div with sadllebrown border to the middle(vertical) . Itried everything but it didn't get aligned as i want, thanks in advance . here is my code <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <link href="Content/bootstrap.min.css" rel="stylesheet" /> <link href="Content/the-big-picture.min.css" rel="stylesheet" /> <style> body { …
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 have designed a main form with textbox and button(when button is clicked modal popup must open).inside modal popup there are two text boxes and a submit button.i am performing subtraction operation inside modal popup. after submit button is clicked inside modal popup,modal popup is closed and result must be …
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 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 * / …
Hello i would like to invite all who like to take risks and like to build something new, i'm building a project and i can say its complete about 90% BUT i'm not experienced too much to finish the project by my self, so i need HELP from someone who …
I'v got this code to make a bootstrap navbar <div class="navbar navbar-fixed-top"> <div class="navbar-inner"> <div class="container"> <a class="brand" id="logo" href="#">picturecamel</a> <ul class="nav pull-left"> <li><a href="/">Home</a></li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Account <b class="caret"></b></a> <ul class="dropdown-menu"> <li><a href="change-password">Change password</a></li> <li><a href="update-email-address">Change Email</a></li> </ul> </li> <li><a href="logout">Logout</a></li> <li><a href="help">Help</a></li> </ul> </div> </div> …
Please see the attached image. I want to recreate the same layout using bootstrap. How can this be possiable? I can easily create the layout using bootstrap but i have no idea how to create the lines connected to the section. any ideas? 
Hi, I added the "dayOverview" dropdown list that needs to assign to the database, but when I test it, it is uneditable. How? Please check lines 51 and 164 - 176. Download the attendance form zip file: https://drive.google.com/file/d/0B07_pOHhTox3bS1mVXpiTUN3RVk/view?usp=sharing Inside there is the database table called attendance.sql. You need xampp and …
**Introduction** Today we are going to go over the very basics of web design and getting it right. I see a lot of web developers who say they are programmers but not designers (although sometimes I wonder even this.) However, this shouldn't mean you can't get the very basics of …
How to set a image as default as fixed like background and remaining images will have to change dynamically? in HTML, CSS
Hi, I have 2 checkboxes beside each other. When I resize me window, these move apart. How to make sure that they don't do so. Below is the code and css for the same. Please not that its handlebar code.Thanks!! Handlebar Code {{#controlGroup (lz "label.insight_chart_name") class="chart-name-group" required=true}} {{input "text" id="chart-name" …
Hi, I need help with the attendance form (index.php). When I tried to update the first row, nothing happened. For the last row, the message says, "**We couldn't update the attendance form at this time.**" Please check lines 96 and 101 to see if got any error. And also I …
How do I center my register/login form into the exact middle and center of the page. Right now I have it centered but it's at the top of the page instead of the middle. This is my CSS: form { width: 300px; margin: 0 auto; }`
Hi, I have one CSS. .buttonSize { min-width : 58% } Actually, I have two buttons, with text "Hovers" & "Copy". My button without any css taking spaces which can wrap the text size. This way size of two buttons is not same. What I tried: a) I have hacked …
This is element that I'm trying to achieve: http://i.imgur.com/9XmGXkt.png This is "template" of what I have to work with: https://jsfiddle.net/hcgpyutj/ I tried floating, staticing, absoluting, relativizing, tables, transform. I changed file about 10 times and of each situation something went wrong one way or another. I cannot use flexbox. I …
Hi, I bought some months ago a template of site style. For learn, what is the current way of do that. It took a whole weekend, to remove bootstrap styling from my portal. And now, everything is working just fine, and with same style. CSS is including only what is …
I have a problem with the CSS for the logo. I want my logo to be in the middle horizontaly every time but my logo isnt aligned with the centered image in the backgroundand, the logo isnt right in the middle of the browser .With my css code the logo …
Hi, I am currently in UNI studying Media (Video, Music, Design and also Web Development). As its summer I would love to have a side project. I've been meaning to learn how to create a text based RPG game, I am curious what skills I would need to make a …
I made the following css: .mo {font-family: monospace; font-size: 9pt;} td {border: solid thin #000000; padding: 4pt;} With the following html (part of a table) <td class="mo">abcdefg <br />hijklmn</td> The text is not displaying in a monospaced font in Firefox. The i is narrower and the m is wider. The …
Example. I have parent div of 1000px width. I have 4 children divs that each have been told to have "some size" (for example 300px). I would like to put 3 children in first row and then put the fourth in the second row below the 1st child. Something like …
Hi, i am in need of urgent help. I have created a web template using bootstrap. I have created a "collapseble" nav bar and used "parallax, jquery single page nav" to scroll on the same page smoothly.This worked fine. There is no problem in it. After that according to the …
Hello guys i want to make inputbox which will autocomplete the started word so you know what i mean like google, facebook who have autocomplete but i have a little problem i have searched and found some plugins and tutorials but actually none of them work i dont know why, …
I take two versions of Open Sans from Google Fonts' servers. Regular and a bold one. As soon as page loads, the font is shown nicely. The idea is something like this a.link { font-weight: 400; } a.link.selected { font-weight: 800; } There's jQuery snippet that says that as soon …
I cant center the logo in the middle of the page horizontaly. HEEEEEEEEELP #logo { display:inline-block; margin:10px auto 0 auto; } #logo img {max-width:330.5%; } #logo a{ display: block; margin-left: 0%; margin-right: 0%; } I ve tried many options and nothing works and this is my last1
The End.