UI / UX Design Forum

Hello, Our page has a blog, which I recently went through and edited to match our comapny's website. Unfortunately, during the transition, the new blog design didn't pick up the styles as it does in Chrome and Firefox. Normally, I'd be able to troublehsoot this one, but I'm at a …

Hello, I currently own a html based website which is hosted on a linux server. I will like to have a subdomain like m.example.com which will have a mobile version of my current site. Is there any good software which can automatically covert my current site to mobile version? How …

Is it possible to change the default color (blue) supported by browsers when you hover an <option> on a <select>?

I have two items that I need to be displayed in the centre of the page. <span class="center"> <div class="ring">1</div><div class="question">Question</div> </span> The CSS is as follows: .ring{ height: 58px; width: 58px; font-size: 24pt; font-weight: bold; vertical-align: middle; background-image: url("images/ring.png"); } .question{ font-size: 24pt; } .center{ margin-left: auto; margin-right: auto; …

I have sidebar color `#fea800;` kindly help with following item colors, * h1,h2,h3,h4,h5,h6 * p * text shadows * box shadow

I have a couple child divs nested inside a parent div, and the children expand on hovering. Problem is that the neighbor div of the parent gets over-lapped by the children. I could just account for the size when the children are open and resize the parent div to that …

Hai, I had a main div and two child divs inside that .. I need to arrange as follows .. ------------------------------------------------- | | | | child div 1 | child div 2 | | | | | | | ------------------------------------------------- the height of the child div is dynamic. I had …

Hi I was working on wizard registration form i collected the code from web and i gave required in the input tag. But its not working. Can any one please help me to resolve this issue. **Html page** <div class="row wizard-row"> <div class="col-md-12 fuelux"> <div class="block-wizard"> <div id="wizard1" class="wizard wizard-ux"> …

Hello all! I have the following code for a drop down menu, I need some help now to make the hover link to have an arrow bellow the blue box, and the active link to look the same. HTML: <ul> <li><a href="<?php echo url('/'); ?>">Home</a></li> <li><a href="<?php echo url('/about'); ?>">About</a></li> …

Some years ago, I built in my CMS a customisable twitter widget, for embedded use in web pages. This stopped working since twitter yanked out support last week. The new timeline widget misses the autoscroll option, but I can live with that. But it sadly creates several cascading iframes (iframe><iframe></iframe></iframe>), …

Hi All web experts, I have a Archive file folder, and it have few categories which is divided in years, and the files are named as month-date (eg. 07-26.pdf). There are old scanned documents mostly in PDFs, and doc files.These are available in a shared folder on our file server. …

I cannot for the life of me get this menu to line up tot he right it will only align to the left. http://webhost.pro/why-us.html http://webhost.pro/blog/wp-content/uploads//2014/06/wh.jpg It's the top menu where 24/7 is pulled to the left, I am trying to have it pull to the right. I have added text-align: …

I need to create 3-4 buttons that are colored when pressed, but when one button is pressed it turns for example red other ones become grey. But this must happen on the same site like selection for example. I didnt maanage to do anything till now, if someone could just …

Hello fellow coders. I am trying to make a Minecraft Hosting Company (Danish Company) And i need a "Loading screen" for my Login popup. I found this: HTML: <div id="outer-barG"> <div id="front-barG" class="bar-animationG"> <div id="barG_1" class="bar-lineG"> </div> <div id="barG_2" class="bar-lineG"> </div> <div id="barG_3" class="bar-lineG"> </div> </div> </div> And this CSS: …

HI all, I am very new to LESS, literally just started today. I had a look at some tutorials, and got my first LESS webpage - or should I say CSS - to work in Firefox, but when I moved to other browsers the CSS doesn't pick up any style. …

Hi ! i have a problem in my portable Dreamweaver CS5 version (works without installation), while coding php script for some certain html tags, when i write a code like <?php echo "<a href=" .... here file Browse don't show up, to auto locate (browse) a file, which sometimes make …

I have following input for accepting mobile number. But I think it will not work world wide. It will work for Indian mobile numbers only.(**e.g.** +910123456789)(+91 country code for India, 0 to 9 mobile number in India) How to make it global using **pattern=" \\+ [] {}"?** I want extension …

I have a table that extracts data from a mysql database, I want the table to be centerd on the screen. I have used text-align: center; but obviously it only centers the text inside the div. here is my css .tableOuter { text-align: center; } .tableInner { text-align: center; margin-left: …

Hello. I am wondering how to create a floating navigation bar? (when you scroll, it will stay on top) This is an example: [http://templendo.com/](http://templendo.com/)

Ok, so here is the CSS code in an external sheet: #header{ position:fixed; width:100%; height:15%; } #hedr{ position:fixed; height:5%; width:6%; top:5%; left:30%;} #nme{ position:fixed; font-size:400%; top:3%; left:10%; } Here is the php document: <!DOCTYPE HTML> <html> <head> <meta name="keywords" content="Roun, David Roun, Rounsworld, Heather Roun"> <meta name="description" content="Personal website"> <meta …

Hello Am using the window.print function on a page, but it does not print the background color which I've set in my stylesheet for table cells. Any way to fix this issue?

My spry menu is going too far to the left when it's displayed in a browser. In Dreamweaver it looks just fine. I was making other adjustments and do not know how it changed. I've done some changes after looking up things to try and get it back, but nothing …

Hi, I have a #header class and a #menu class. <body> <div id="page"> <header id="masthead"> <hgroup> <h1 class="site-title"> <a href="#" >Demo</a> </h1> </hgroup> <nav class="site-navigation"> <h1 class="menu-text"> </h1> <div class="menu-text skip-link"> <a href="#content">Home</a> </div> </nav><!-- .site-navigation .main-navigation --> </header><!-- #masthead .site-header --> <div id="primary" class="content-area"> &lt;div id="primary" class="content-area"&gt; <div id="content" …

I have four list items in my <nav> bar: Home, Projects, Resume, Contact Projects item has further five list items. When I hover on "Projects", these items appear as a drop down block, but they are not aligned with the parent element. /*Display Nav elements in row*/ nav > ul …

Hi It seems that my video files are not working or are distorted (loss of aspect ratio or width) when viewed in Firefox and also Safari (who want to charge for a plugin). Chrome under XP Pro only shows about a quarter of the video but the right scale and …

Hi, Im having issues with a drop down menu in wordpress, when hovering over the top level it displays the first child as well as any child links within them. I need it to only display the child links when the parent is hovered over just as any other drop …

Hi there follow coders! I just found this awesome login hover menu...Thing. But can anyone make a code, to me, that shows me how to make that kind of hover... The website i know they use it is: http://www.badlion.net/ It is a Minecraft server website, if you wonder. Please put …

Hello. I have a button on a web page and when the mouse is over it becomes larger (don't ask why). .buton { /* some code here*/ height:50px; width:100px; text-decoration:none; text-align:center; text-shadow:1px 1px 0px #ffffff; transition:width 0.5s, height 0.5s; } .buton:hover { width:200px; height:200px; } In body is this code: …

I need to make a Web page form to input the name (First, Last, MI), address (full), home Phone, work Phone, department, position and base salary. This is what I have come up with: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html xmlns= "http//www.w3.org/1999/xhtml" xml:lang:="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; …

Heres my code <link rel="stylesheet" media="screen and (max-width: 568px)" href="mobcss.css" /> (target media is iphone5) It is possible to add “webkit-min-device-pixel-ration:2 or min-resolution:2dppx” in my link element as in linecode? and how it is?

I have created my own template and am able to list all the posts on the index page. I want to be able to have some space after each post. Like a blank height of 5px. I created a class in css called blank5 => .blank5 {height:5px;} but it doesn't …

Hi all, I'm working on an old project of mine that I used to self-study PHP which used Bootstrap 2. Revisiting the project a year on I'm looking to restrict the max-height of dropdown.js but can't - for the life of me - get it done. The best solution would …

Hey Guys, I am looking for a file manager that will allow me to customize the top level folder( to the user that is logged in) as the top level. The folder structure should be something like username Folder 1 Sub folder 1.1 Sub folder 1.2 Folder 2 Sub Folder …

Hi, I am doing the mouseover code but what if i dont want it to effect on top of the main image, i want to position the hover image somewhat top/left/right/bottom than the main image. Can it be done? <img src="images/b.png" onmouseover="this.src='images/a.png'" onmouseout="this.src='images/b.png'" > Thank you in advance.

[Click Here](http://pastebin.com/jstBrkaM ) [Click Here](http://www.pastebin.com/bAESQkSX) You should be looking at the "#Partition_Left_Wrapper" id in the CSS code. It's the third one down. I am following a tutorial, but the guy does not use a external stylesheet. Not sure if this affects css3 syntax/layout (relatively new here), but I can't seem …

hi so im working on this school project (developing a website), im not be best front end designer and was hoping if you could all give me feedback on the design, colours and layout in order for improvement, i would really appreciate this thanks 

Hi all, I am testing an overlay and I can't get it to work correctly in IE7 and 8, in that the full page is not visible the opacity is set to 0. Here's the link http://antobbo.webspace.virginmedia.com/various_tests/overlay/test.htm It works ok in every browser and also IE9. This is the css …

I have a fairly new spry menu that has never shown correctly in IE. The main menu wraps to the second line. I have looked off and on for a couple of months and cannot find a solution that fixes it. Can someone tell me if there is even a …

I'm trying to build a UI that looks like a table but uses a DIV baseing it's internal DIV's off a static textarea. I want the DIV's to position horizontally and wrap vertically... here's the code I'm dealing with so far: <div style="background-color:silver; width:450px; height:200px; overflow:auto; padding:10px"> <div style="background-color:gray; width:100px; …

I'm in the beginning phases of developing a website. I want to be able to limit the amount of printing of web pages of circulars. These will be in an image format and usually consist of between 2 and 16 web pages. The circulars change each week. Is there a …

Hi there, I am working on a site for my organisation's festival and all seems to be going well outside of 2 pages having issues. I basically copied the same code throughout the site for the navigation buttons but once you are on the "PROGRAM" and "SPONSORS" pages, the rest …

What is the best web editor for windows 8. (aside from dreamweaver) I have heard Microsoft has something called expression I believe, I think that would be good. What is the best by your guy's opinions? I recently got a brand new Lenovo Yoga13 Ideapad and i wanted to put …

I'm having some problems understanding how to download an effect from jQueryUI. There is an effect I want on [this](http://api.jqueryui.com/easings/) there is no code or script to download ?

I had the following code in my .htaccess file to enable Gzip compression: <ifModule mod_gzip.c> mod_gzip_on Yes mod_gzip_dechunk Yes mod_gzip_item_include file .(html?|txt|css|js|php|pl)$ mod_gzip_item_include handler ^cgi-script$ mod_gzip_item_include mime ^text/.* mod_gzip_item_include mime ^application/x-javascript.* mod_gzip_item_exclude mime ^image/.* mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.* </ifModule> # compress text, html, javascript, css, xml: AddOutputFilterByType DEFLATE text/plain AddOutputFilterByType DEFLATE …

Hello Forum, Why would Flash work in IE 9 but not in IE 11? That is, why would Adobe Flash work with Microsoft Internet Explorer Version 9 and not work with Microsoft Internet Explorer Version 11? I am using a small flash object in the index page of www.gelsana.com. It …

I'm trying to center a popup vertically of unknown height. I'd really like to make it so I have a 10% margin on top and bottom and that the div displays a scrollbar if the content fills up more than 80% of the leftover available space. Here's what I have …

I have a wierd link issue with Internet Explorer 8 concerning links on my front page at http://www.b2bfax.net There are two links that direct to our prices page and they work fine in Firefox but don't work at all in IE. I have an additional link that links to merge …

Why does the size autoresize and how can I stop it? <!DOCTYPE html> <style>td{border:1px solid black;width:100px;}</style> <table> <tr> <td></td><td></td><td></td><td></td><td></td> <td></td><td></td><td></td><td></td><td></td> <td></td><td></td><td></td><td></td><td></td> <td></td><td></td><td></td><td></td><td></td> <td></td><td></td><td></td><td></td><td></td> </tr> </table> If there only one `<td></td>` then it displays as 100px but when they exceed the screensize they just bulk up by size reduction. Like why …

hi , i am searching for a good tree menu design for products categories to use it in my website , i need it to be flexible so i could style it as needed and also simple so i can target it with my own javascript. thanks again.