Our UI / UX Design forum encompasses everything related to building a polished end-user experience, from graphic design to usability.
8,049 Archived Topics
Remove Filter
I am using javascript, Html, css, Bootstrap,than i want to implement customise product like upload photo on mug, t-shirt and other products. Than suggest me, how to implement this fearture.
Hallo, I would like to make the grey background liquid whenever someone narrow down the web browser. Is there anyway to do it? Can anyone gives me advice how to do it? testimonial.php <div style="background-color: grey; width: auto; height: 150px;"> <div class="col-sm-1"><br><br> <img src="Images/testimonial/arrow2.jpg" width="30"> </div> <div class="col-sm-2"> <img src="Images/testimonial/person1.jpg" …
I have a form which has a series of label/input pairs. I'm trying to get these to line up. It's quite simple in tables: you just layout the table as follows: <table><tr><td>Your name</td><td><input name="name" type="text" /></td></tr> <tr>...</tr></table> If I try the same thing with CSS: <div class="row"> <lable class="label-left">Name</div> <div …
Hi Everybody, I was wondering if any of you know about alert window textual content. I am trying to disable where it says "from "xxxx.com" " line in the heading of the alert window? Also is there any way to customize it? For example, can I add a photo or …
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 …
Do you know about this new term of " Responsive website design ", How it is beneficial for SEO work. Please let me know if you have any idea about it. Thanks in Advance !
Hello, Can anyone help me fix this code for about page: http://www.innovation.web.id/One/about.php Cek the part that has 4 circle and that grey areas. I would like to be able to work both in desktop and android. about.php <!DOCTYPE html> <html> <head> <title>About</title> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> …
Hi, I am new in web designing, but freequetnly facing problem with embedding video in my html5 web site. It is browers problem also. If chrome show, internet explorer does'nt show. I am looking for standard embeding code what will help me show my video on all major browsers.
Hello, I would like to fix my bootstrap code on this web browser. I wonder why on android : http://www.innovation.web.id/One/blog.php my footer and navigation bar does not filled in the whole screen. It seems like there is a fix width for android whereas the my blog article width seems wider …
I want my body tag to be in vertical italian flag color therefor i need color green to cover 33% of the screen , then i need color white to cover another 33% under color white and color red to cover the remaining 33% of the screen and this pattern …
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 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 …
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: …
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 …
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 …
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'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 …
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 …
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 …
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, 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. 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 …
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 …
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, 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 …
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 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, 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 …
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, …
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 …
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
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 …
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: …
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 …
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 …
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 …
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... …
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 …
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 …
The End.