Our UI / UX Design forum encompasses everything related to building a polished end-user experience, from graphic design to usability.
1,103 Recommended Topics
Remove Filter
I am currently trying to roll out a custom Wordpress site for a client (it's currently being hosted at [url]http://cjcdigital.net/clients/andrea/[/url]) however I've been having trouble getting the sidebar to position next to the content. I've tried resizing everything so it fits within the wrapper and much more, but nothing I …
Hello, In sort by relevance mode, my cse at [website](http://www.besttubesites.tk) displays label "relevance" out of box and when label "date" is selected, it displays correctly. Pure CSE's html and css code displays correctly, whereas when I add it to my site the above problem occurs. Some css or javascript at …
Hello, Can anyone help me cek this code? I find it strange that when I open my website on an android web browser. The website appears differently. It does not fit the whole horizontal screen as I expect it. http://responsivetest.net/#u=www.innovation.web.id/One|908|948|2 about.php <!DOCTYPE html> <html> <head> <title>About</title> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> …
Hello, I am trying to build this website with bootstrap that connects with clients. I wonder why whenever I open it in android the client list change into vertical and it still too wide for android like the navigation does not filled the whole horizontal screen and the client still …
i love to reference multiple classes for a button in an external stylesheet in order to save time and to make it clear. i have <button class= class1 class2 class3 class4 class5></button> how can i reference class1 class2 class3 class4 in a separate stylesheet?
I've been inspecting this and going crazy trying to figure it out, but I can't find what's going on with this menu of mine. The links and hover state are shifted lower and to the right on my site on this page: http://www.50allstars.com/2015/08/mega-menu.html But elsewhere (off my site) it works …
Hello, Thank you for your time. I know it is possible to create an exit button using javascript but this only work in ie browsers and not what i want(i found a fix for it but isnt very good), can somebody please show me a better way of closing all …
Hello, Please cek this website: http://www.innovation.web.id/One/about.php Cek the grey bar (<img id="bg2-6" src="circle/Borderwhite.jpg" alt="cloud"/>) I wonder why the grey bar and its images do not adjust well in android? What should I change to make it looks good in android? about.php <div id="row"> <div class="col-sm-12 col-xs-12"> <div style="margin-top: 600px; position: …
Hello, I would like to check if my HTML code is valid for international standard or not. Is there any machines that can check that? Evenif there is no error in it - I need to make sure if I use a valid and clean code. Any recommendation? Thanks in …
I have this script http://codecoupondiscount.com/ and I want to make a new design for it. Also I want a mobile edition for it. I would like the design to be similar to couponcodes.com - light blue/gray colors - black text. Would like the mobile site to use the same color …
I have an xml structure : <Home> <url>...</url> <menu> <item>Help</item> <item>About</item> <item>Contact</item> </menu> </Home> <Help> <url>...</url> <menu> <!--i need to select this if its parent(Help) is listed in Home/menu/item above--> <item>Business Help</item> <item>Web Help</item> <item>Tour Help</item> </menu> </Help> <About> <url>...</url> <menu> <!--And Or select this if its parent(About) is listed …
Hi, everybody, How to change the images after every mouse Click in html?????? The images should display in the same places for every Click????? can anybody send me code please.... i posted this thread in HTML forum somebody told me that post here so please help anybody And Advanced thanks...(2 …
Hello all! Im working my way through Web design and i'm playing around a bit with photoshop So my question is this: Anyone got any good tutorials they have used, or books to download that will at least help me to be able to create website? I also searched on …
Hello, I am trying to fix the code in html in here: Try to validate these two links: http://www.innovation.web.id/One/contact.php http://www.innovation.web.id/One/contact2.php This is the validator: https://validator.w3.org/ How to fix the error especially the part about redundant use of <div id="samename"> that is related to bootstrap. If I distinguish the "samename" then …
html and CSS coding of navigation elements, Home, About, Contact... came out fine when ran on local browser, challenge is i used DOM get and create to prepare the click values of each but on click of each of home, contact... nothing happened! planning to try the following tell me …
Hi guys, Weird (maybe silly) isse with a CSS fade property using the following classes: /** CSS3 Animations **/ /* Key Frames ---------------------------------------------------- */ @-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } } @-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } } @-o-keyframes fadeIn …
http://www.innovation.web.id/One/ Hello, Can anyone help me fix this error? I am trying to fix my code after validating the code according to international standard: https://validator.w3.org/nu/?doc=http%3A%2F%2Fwww.innovation.web.id%2FOne%2F Error: Stray start tag div. From line 180, column 1; to line 180, column 20 ↩</body>↩↩<div id="footerbar">↩<div footer.php <div id="footerbar"> <div class="row"> <div class="col-sm-4"> <div …
Hello, I am trying to create carousel that would fits the whole screen up to touching the navigation bar and the whole horizontal screen. http://www.innovation.web.id/One/One/ This is my code (it does not fits my expectation): index.php <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Home</title> <!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> …
Hello. A section of what I am developing for my site requires the User to select an avatar for their account. 1)Instead of using visible radio buttons I have decided to allow the actual avatar image to act as the radio button for selection. I am receiving various results based …
Hello, Please cek this site: http://www.innovation.web.id/One/ I am having a problem with the textbox and textarea of the footer in different browser: Browser Appearance Firefox v Chrome x IE x Safari x I wonder why the size appears differently di different browser: footer.php <div id="inside2"> <br><br> <table> <tr> <td style="width:90px;">Nama …
Hello, This is the slider without bootstrap: http://www.innovation.web.id/One/portfolio-filter3.php portfolio-filter3.php <div class="slider-demo"> <a href="#" id="previous">«</a> <div id="slider-inner"> <ul> <li><img src="img/1.jpg" alt=""></li> <li><img src="img/2.jpg" alt=""></li> <li><img src="img/3.jpg" alt=""></li> </ul> </div> <a href="#" id="next">»</a> </div> Now this is the slider with bootstrap: http://www.innovation.web.id/One/portfolio-filter.php portfolio-filter.php <div class="row"> <div class="slider-demo"> <a href="#" id="previous">«</a> <div id="slider-inner"> …
Hello, I am trying to use bootstrap to put my blogging in order. I expect that it would create 3 blogs in a row then moves to the next row for another blog. Check this out: http://www.innovation.web.id/One/One/blog2.php I thought I already coded correctly. Yet, in fact it still appears one …
Hello, I am trying to style click button further. Is it possible? Here is my current button: http://www.innovation.web.id/One/One/portfolio-filter.php red plain color. I would like to put orange border with transparent background. portfolio-filter.php <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Portfolio</title> <link rel="stylesheet" type="text/css" href="css/style.css"> <style> .btn { width: 100px; background-color: red; …
Hello, I am trying to create a bootstrap system that is able to shift my cell downward. Cek this out: http://www.innovation.web.id/One/portfolio-filter.php There is a big space between the footer and the : Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna …
Hello, I am in the middle of learning bootstrap and still trying to find a way to create a responsive boostrap nav for this website: [Website](http://www.innovation.web.id) This is my code so far: navigation.php <body> <div class="container" > <div class="row" style="margin-top:10px;"> <div class="span6" style="border:1px solid #bbb;border-radius:10px;padding:10px 20px 10px 20px;margin:0 0 10px …
Hi, I stumbled upon this website recently: http://archeage.xlgames.com/ and fell in love with the way they designed it, but I have no clue what css/jquery method they used to achieve this. Can anyone point me in the right direction to some sort of tutorial that will help me create a …
I have created a footer with links for the major pages of the "upgrade" to my choir's website. It displays perfectly in Chrome and Firefox but the alignment is bad in IE10 (I don't doubt IE 9 and earlier makes a bigger mess of the whole page.) Edge dislpays the …
Hi, I'm new to this community forum. I have a web marketing company and have a potential client that needs a website with a feature that allows the visitor to create designs on the products he sells- like tee shirts, canvas bags, cups...I'm looking for software that already exists. Does …
I needn't even explain it, look it up. You needn't to click anything, just zoom-in 10%, then zoom out as far as you can, and notice how table cell and a div, go full on agression. View website itself under `5millionpixels-##.comlu.com`, (no I'm not a bot, but files are PHP, …
Moving my [Vivaldi](http://www.vivaldichoir.org/index.php) choir pages to use .php to include for common elements as per [Mayne Island Conservancy](http://www.conservancyonmayne.com) (see open question from 3 days ago) & have noticed some anomolies in IE 11. Any help would be appreciated on this and my open query on "Mobile Display" I intend to …
i have image templates of the mobile app i want to develop, is there anyway to turn these into a html5 app without any processing
Hey, I need to make a bootstrap footer like the one on the bottom of this site http://drantipov.com/ . (I'm using Bootstrap v2.3.2. I'm using this version because my website looks compact and small - the way I need this. But when I try to use Bootstrap v3.3.5 - new …
I decided to put my navigation section into another file and retrieve it via html includes, so it will be easier to service if changes need to be done , as the navigation section is shared amongst several sites. My index site used to work well, but now that i'm …
Hi ! My website is working as intended on bigger screen, but at @media screen and (max-width: 767px) following happens: on firefox website still works fine but on google chrom the design cracks; <div class="menubar1"> extends out of <div class="topnavibar"> Anyone sees where i made the mistake ? My index.html: …
Hello Daniweb fellows! I'm looking for a good guide to learn **step by step** how to convert an HTML/CSS layout with positions to a Joomla 3x Template! I design web interfaces but now I'd like to learn about this convertion for my future web projects! I don't like free templates... …
Dear Folks ! I´m having problems with my navigation at different screensizes. At current level the navigation display is nearly the way i want it for the bigger screensizes. But at media querry @media screen and (max-width: 320px) I want the navigationlinks to stack horizontally which i managed to do …
My goal is to populate my HTML table with SQL results that I pull from the below PHP code that I have written. Keep in mind that in reality my hostname, username and password variables do have string data in them. The first block is my PHP where I am …
Hello i have created something in CSS but the position changes according to the resolution of the screen. Here is the code? I want them to remain in one place regardless the resolution here is the code #poster { width:25%; height:25%; position:absolute; z-index:0; } #poster img { -moz-border-radius: 50%; -webkit-border-radius: …
Hi I have "performed" my frst venture into html5 video using the [URL="http://camendesign.com/code/video_for_everybody"]video for everyone[/URL] and it works well in IE, Opera, Saf, Chrome, FF. I have one small question - Safari (at least on my windows laptop) seems to want to download the whole darn video before it shows …
Hello Guys, I have tried to make a Pure CSS Menu with Sub-Menus but I am stuck with one small (or big) problem. After I hover over my Link which has a Sub-Menu assigned to it, the Sub-Menu appears but if I try to go on it, it disappears. I …
I am having a huge problem. In my stylesheet I have: @media only screen and (min-width: 320px) and (max-width: 700px) { code1 } @media only screen and (min-width: 1280px) and (max-width: 1400px) { code2 } my browser window is currently 640x960, so only code1 should run... right? But code1 and …
Hello i'm not recieving any emails on my website. Can someone help me? Thank you. <div class="col-sm-6 col-md-8"> <form action="#" method="post" role="form"> <div class="col-md-6"> <input type="text" class="form-control" placeholder="Name"> </div> <div class="col-md-6"> <input type="email" class="form-control" placeholder="Email"> </div> <div class="col-md-12"> <input type="text" class="form-control" placeholder="Subject"> </div> <div class="col-md-12"> <textarea class="form-control" rows="6" placeholder="Message"></textarea> </div> …
Dear Daniwebbers, Hello. Noobie question. I am trying to figure out whether the following tasks are possible in front end development using only HTML, CSS and JavaScript: When Text box/Date box field is entered, it should be connected to all other relevant fields -- auto populate other relevant "textbox/date box" …
Take a look at the attached image to see what I am trying to do. There will be two images. Images1 is what I want. Image 2 is what my code does. The issue is the stuff inside link are not center.  Html code: <div id="table"> <table> <tr …
Hello everyone i started learning bootstrap for a while and i want to make close button for div boxes i have this code but the X button doesn't work: <div class="panel panel-default"> <table class="table table-hover"> <thead> <tr style="background-color: lavender;"> <th><button type="button" class="btn btn-primary btn-xs">Share</button></th> <th><a href="#" class="close" data-dismiss="panel" aria-label="close" id="hide">×</a></th> …
Hello everyone i really need some help about my website structure.. i have almost the full website but the structure is too bad and i cannot continue working... is there some good man/women to help me about it ?
The End.