UI / UX Design Forum

Hi, I am wondering is it possible to create a regular CSS button that have different colors display on the text when hover without using any images? Best Regards,

Hi After having a problem or two with CSS based web pages I have made I find that the problems are too be resolved when the absolute positioning is removed. Well that is what has been suggested. Since in some cases I have used code from other web sites. Web …

How to erase image border in css? An image that I have automatically have border around it (only appear in IE not in Mozilla)

Hey everyone. I've put a twitter feed widget on my site, but the problem with it is that it seldom display with the right width. About 90% of the times that the page loads. It only displays at about 40-50% of it's actual width. I've tried changing the width attribute, …

Hello, How to set in the css on form click a yellow border appear, otherwise it disappear?

hello there is one problem I always face with google blogger blogs . i have blog http://npicx.blogspot.com/ problem is that there are two posts appear on front page from control panel Layout-->Blog Posts widget settings i set it to 9 posts on home page but its not changing i change …

Good afternoon all ! I am having trouble with my image map... Here is a piece of my code. <div id="style1"> <p class="padding"><img usemap="#greenMap" src="Images/green apple.jpg" alt="green apple" width="275" height="255" style="float:left;"/></p> <map id="greenMap" name="greenMap"> <area shape="rect" alt="green apple" coords="100,50,100,50" href="green apple2.jpg" /> </map> <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/> <p><a href="http://www.psychichealerchristine.com/psychic-christines-blog/apple" target="_blank">I do not own …

Hi, my navbar renders fine in IE and Chrome, but not in Firefox or mobile devices. Firefox cute it short while mobile devices extend it. [Here](http://mtechenterprises.com/inec/index.php) is the site. Can anyone tell me what I coded wrong or what hack I need to make it right across teh board? Thanks

Why does this not center the table? The table header & the table footer are aligned center? I have beat this like a dead horse, i cant even rememebr what the original code i wrote was i have changed it unsuccesfully so many times. Yet nothing ever changed no matter …

Hello. I have a div "content" that for some reason is positioned ok in ie and chrome etc but in firefox has no positioning! It just goes to the side of the page in firefox! here is the html for it. <div id="content"> <div class="nav"> <div id='cssmenu'> <ul> <li><a class="current" …

Hi, I am a newbie website developer. I can develop html template which can be of cost. I want to know more about premium html template development. I saw in themeforest, premium html template has options to customize. But how is it possible, though there is no CMS? How to …

I've figured out how to make an embedded google spreadsheet sortable, but I can't get it to be searchable. http://ybpdatabase.blogspot.com/ is my site, and I have no access to or knowledge of php. In the past I've used another piece of google code to achieve these results (see my table …

One of my client site is not working properly. when i try to open on high resolution it just show long horizontal scroll bar. i try to resolve it but not succeed, is there any one who know how to get rid of that so please suggest me.

I would like to create my title image out of pure CSS3, but there is one feature that I'm not quite sure I can even do. Plus, the features that I know are possible don't seem to mix well. I don't know CSS very well, at least anything past the …

I have created a website for a small business (i'm not a pro) and have added a comments system on the homepage so that customers can leave their experiences on there. I've used DISQUS for the comments but i have encountered a problem. When you go onto the website [www.pentyrch-kennels.co.uk](http://www.pentyrch-kennels.co.uk) …

My form won't submit... nothing happens when clicking the submit button. Any ideas? N.B. I am knackered, I've been up 26 hours :/ Thanks in advance for any suggestions! <form action="contact_me.php" method="post" class="contact-form" id="contactForm"> <div class="controls controls-row"> <div class="control-group span6"> <input class="span12" name="name" placeholder="your name" type="text" /> </div> <div class="control-group …

[Click Here](http://lowermainlandrealestateinfo.net/) to view my website. If you will try the search bar, it will not display most of the text inside the page. Its because most of the text inside the page are generated by "shortcodes". How do I fix this one? Pls help...

Im having a problem with my input field. In firefox, it works pretty well. In chrome, its just a blank white box. Seems like the css is not connected.. but it is. See this image http://i1235.photobucket.com/albums/ff429/rakwel10/chrome.jpg [Click Here](http://www.lowermainlandrealestateinfo.net) to view our website Thank so much for your future help!

The problem is that i want to align at left the word "Religion" and in addition i want to align using last-child all the th to the right. what iam doing wrong ?? <html> <head> <title> CSS Exercise 2 </title> <!--this is a link to the css file you will …

Hello! I am modifying a user panel for someone, I have been asked to center an element on the page. It is assigned with the class "joins" i've looked through all of the css files and I can't seem to find where it is styled. is there someway i can …

this is what i ahve so far. maybe its just a crazy idea but i trying to get it to work <td onclick="this.style.backgroundColor = 'Red';" bgcolor=skyblue width= '58px' height= '72px' align="right"> <a target="iframeswitch" href="index.php"><div style="height:100%;width:100%">yo</div></a> <a target="iframeswitch2" href="index.php"><div style="margin-right: -100%;"> yo</div></a> </td>

I am making a mega menu a bit like the one on sky.com. I have noticed that the speed of the menu opening is quite slow. I was wondering is there a way to control the speed of divs using css. Or do I need java Kind Regards, Jonathan

Hi chaps, I wonder if you can help me with something. I am looking into responsive design a bit, and I was testing something here http://antobbo.webspace.virginmedia.com/test/responsive/test.html Now, if you try to resize the window the cnes logo gets pushed under the "this is an extra bit" div: what I would …

Sorry guys, I'd like to just confirm this, is it correct to have a p tag inside a form tag? Something like <form action="demo_form.asp"> <p>This is a test.</p> First name: <input type="text" name="FirstName" value="Mickey"><br> Last name: <input type="text" name="LastName" value="Mouse"><br> <input type="submit" value="Submit"> </form> thanks

I have a div, which is a contanier. Inside is another div that displays numbers. <div class="commentie_box"> <div class="commentie_number"> 1234567890 </div> </div> Here is the css .commentie_box{ float:right; width:260px; padding-top:10px; height:49px; border:1px solid #0FF; } .commentie_number{ position:relative; margin:0 auto; padding:5px; padding-top:2px; padding-bottom:2px; width:auto; height:35px; background-color:#fff; border-radius:5px; text-align:center; font-size:25px; } I …

Hi I have 2 divs and would like the one with id="logo" to be directly on top of the div with id="bg shape" <div id="wrapper"> <div id="logo"><img src="meshomagic_logo.jpg" width="559" height="280" alt="meshomagic logo"></div> <div id="bg shape"><img src="images/logo_bg.png" width="1000" height="114"></div> </div> My CSS Styles are as such: #wrapper bg shape { position: …

just completed my sister's website and am having issues with the Quotes on the intro paragraph. Am I missing something in the script? http://www.dynamicfxfitness.com any help would be great!

HI all, I have a question about changing the colour of visited link with `a:visited{}`: it doestn' seem to work the way I thought it would, or, more likely I am doing something wrong. I have this situation: .box1 a:link{ color:#ac2973; text-decoration:none; } .box1 a:visited{ color:#6bb8c0; } .box1 a:hover{ color:black; …

I have these brackets I'm trying to apply to my site, but I'm running into some issues when viewing it in I.E. I'm sure it's something simple, but the teams and scores smush to the right, and the finals part of the bracket floats too far to the right as …

Hello, I want to add some shadows around by content area (see img), and I do not want to use a static image as background for this as it will be limited in height value. Anyone can help me with this? my url also is : http://preprod.prolectronic.ch The shadow extends …

Hello! I have part in my web app that the user will see this 8 check boxes, and he is only allowed to check 3 check boxes, my problem is that How do I check if the user check the correct textbox?

Having a problem with how Google Chrome is displaying a simple table. All other borwsers look fine. Chrome has inconsistent heights between table td cells. See here: http://www.careerlinkbc.com/newsite/webtest/index.php and look at the workshop calendar Thanks in advance!

Let's say a user goes to `example.com/example.html?one=foo` How could I make a link so that it appends another url variable like: `example.com/example.html?one=foo&two=bar` I've tried `<a href="?two=bar">Click here</a>` but that just replaces the existing variable with a new one How could I do this? Thanks in advance

I'm trying to build an agenda website in php, have downloaded a free css, I have done all the necessary implementations on the index page , i mean have included som php scripts. When i load it from my browser it doesn't show the design, i mean the technical changes …

how to make the image shows side by side but center of the div thankx in advance the css used .img-wrap { width:200px; margin: auto; } .img-wrap img{ display:inline-block; float:left; } the html <div class="img-wrap"> <img src="img/first.png" /><img src="img/second.png" /> </div>

*Note: I edited the title to ("Remember me" checkbox for HTML Forms) but it did not change. Hi, I'm trying to implement a Remember me feature for this form below. I'm using my demo website to login to another website. I did a couple of searches here on Dani's and …

I have an item box to show an information for things to be sold yesterday its was all working perfectly, but now its all missed up in Firefox look at this pic  but in chrome  here is the html code <div class="item" ><!-- item--> <a href="ad.php?ad=<? …

I'm using the Simple Grid theme in Wordpress. I have no idea what I've done, but the portrait view on an iPad 2 no longer fills the width. For some reason, #main_container is cut off about 100 pixels when you rotate from landscape to portrait. I've re-inserted every div I've …

Simply show hide div Using css.. a popdiv visible when hover on download link same with other links. but in ie7 there is some Z-index problem My code is below (please be kind, I know I'm not very good at this), any help is appreciated. `<table width="100%" border="0" cellspacing="0" cellpadding="0" …

Hi, I have a question.I have a folder called Web Site.Inside it I have 2 folders n.1 and n.2.Inside folder1 I have a page called index.htm.Inside folder2 I have a page called home.htm.How do I link index.htm with home.htm and viceversa? I appreciate your help thank you.

Hey guys. I need your help with mod rewriting I'm trying to rewrite http://site.com/#article http://site.com/#comments http://site.com/#movie to http://site.com/?id=article http://site.com/?id=comments http://site.com/?id=movie

The site I have built features a left sidebar carrying links and announcements etc., and a main content page beside it. Sometimes the sidebar is longer than the content but more often the sidebar is much shorter. I need CSS/HTML to always ensure that the 2 page elements are the …

Hello, is there any reliable tool which can help save a website's folders and files on a pc for offline use? I've tried HTTrack but it does not save all the folders for the website i want to have offline...

Hi all, I am having a few problems with a css. Basically in my conditional css I need to target IE9 and below (IE9 included). Now, I have this: <!--[if IE 9]> ... <![endif]--> and <!--[if lt IE 9]> ... <![endif]--> Can I combine them together somehow? thanks

can anybody give me following font? (see image)

I made three image hotspots on an image called Tab1. I want to click on each of them so it shows an UI next to Tab1. I used the jQuery example off their website since it's close to what I want, but what do I do when I want another …

Hi all, My borders aren't showing up but my CSS looks fine. I'm confused. My code: /*head*/ #banner { border:1px solid #000; } /*body*/ #claim_form { float:left; } /*right banner*/ #info_panel { float:right; width:200px; } #login { border:1px solid #000; } #login h2{ text-align:center; } #login .submit{ text-align:center; } #introduction …

Hi all, I'm trying to align a table centrally within a div and/or fieldset. I've tried various things but I've not had any luck so far. I've been trying #mydiv table { marging-left:auto; margin-right:auto; } but it hasn't shown any effect, thought this is the suggested method according to the …

hi guys, im using this CSS code to create a page like an A4 size paper .box { width:700px; height:700px; padding:30px; border:1px solid black; margin:1px; display:table; } my problem is: when i print preview, even if i set settings of printer to reduce and fit, still it makes 2 pages, …

Trying to have 2 buttons, one to add a border, one to remove the border when they're clicked. This is what I have so far, not sure where to go from here, would appreciate help. <!doctype html> <!-- mystery3.html --> <!-- This page changes an image source on button clicks. …