UI / UX Design Forum

I developed a website actually a simulation of a program on my 17.3 inch laptop. When I come to another machine for example a 15 inch laptop witch has a different screen size(diagonal) my html tags won't compensate, so I have to scroll through the website to see all my …

I tried to do it with iframes but when I click a link in the child wesite then it leaves the parent website how can I keep the parent website but still interact with the child website?

I am trying to st my nav bar so that if one tab is removed, the rest of the tabs will just enlarge, and continue to take up the full nav bar width. How can I do that?

Hello, first time poster. Total newbie. It's a fairly specific question, but if you could look it over I would really appreiate it. I'm having trouble getting a really solid answer from web designers or video animation guys on odesk. My problem is this: - I am using this theme: …

Hello guys I am looking for a way to block links from embedded swf files. I have a situation where users are allowed to upload SWF and now I see that many of these SWF files have links to external sites. No meter what I want to solve this problem. …

Hello I am looking to use transistions from one page to another. How do I go about doing it? Thanksss

i installed wamp 2.5 after unistalling an older version...the problem am having is that non of my projects are opening..it shows 'webpage not available' please help on what i am doing wrong or not doing thanx

Hi, There are a very large number of different devices with different dimension. So how can sort out this problem because we can't give all dimension in media Query. So what will be the best size in different media query that can fit in most dimension. I use following media …

Hi, I have a serious problem. I am using two jquery code one is for slider and one is for menu. Know when i put menu script on a page slider disappear. menu start working and also showing drop down menu. but when i remove Menu jquery script from the …

How to make background images slide?

can any one give me new html page making best tool new for making HD pages

Hi .. does any one suggest me div maker tool i mean a tool which generates code as per specifications .. number of rows and columns and so on i am not that good in css part , so pls help

I make webpage with iframe that displays the parent webpage but it only can do it about 10 times is there a way to make it infinite or control the exact precise number of recursions?

Hello DW, I don't like the way the excerpt text in Wordpress just abruptly cuts out at the end and would like to apply a gradual fade-out effect. Like this: http://i.imgur.com/HtVmRFH.png Could anyone help me achieve this? Regards,

Does anybody knows any good scrollable dropdown menu without thrid parties?

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

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'm working on implementing CSS on my site, and have a problem with using a background image. When I use the background image inline in the PHP file, as below: <style> html{ background: url(images/bgimage.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } body{ font-family:"Trebuchet MS", …

I have a div that has an image as its background. But the image only covers up about 80% of the screen. I want to make the extra 20% of the screen to be black but its only coming up as white. How can I set the background images and …

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: …

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 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> …

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 …

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, 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. …

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 …

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"> …

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. …

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 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 …

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: …

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 …

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 …

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?

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 …

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?

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: …

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, 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" …

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 …

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 …

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 …

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; …

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 …

[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 …

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; …