UI / UX Design Forum

How to fixed the layout of page for ALL screens? I mean to say on "ANY" size of COMPUTER SCREEN, Page-layout should be the same. In fact, i would like to put width:100% ONLY for header and footer. I would be more than happy IF i can have small EXAMPLE …

Hey, I have a form on this website: http://we-remortgage.co.uk/sitewp/ When I look at the get quote button it has duplicated itself. I can't see the reasoning behind this and was wondering if you guys could help. This happens only in IE Form Stylesheet: /* Generic Form CSS */ .formFeatureBox { …

hello i am trying to make one of my original pages open up in the centre of my website (as all the other pages do). when clicking on the Boarding House Reform button on the right hand side of the page, it opens up without the frame around it. No …

Hello, I would like to know the best way to design a website which one can have best view in Chrome, IE, Safari, Firefox, iPhone. In addition, css part should be easy to manage. For the moment, I have found many problems in css and the layout also. I would …

I am having a challenge with a hover state and css. In this [pic of hovering over menu item Gallery](http://dwlamb.com/hoverChallenge/hoverState1.png) the background bleeds down. This is the code for regular state: #navigace ul.menu li a { display:block; font-size:11px; font-weight:bold; line-height:37px; padding:0 20px; text-transform:uppercase; } To get rid of the bleed …

How do you create a html input form that can receive an infinite amount of text, and that necessarily has a fixed size on the webpage but scrolls with additional input that goes past the bottom of the box? And would this be a potential denial of service hole in …

Hi all, I've got a sprite with a few icons on it that I'm trying to implement on my site. They are used in multiple places on the page and need to have different properties. Sounds simple enough, but I'm having trouble finding the right selectors to get this to …

I have two <div> elements nested within a <p> element and want them both displayed on the same line. Currently, no matter what I do, they get displayed one under the other. How do I get them to display on the same line? Progz

Hi guys, I'm once again stuck on something that is probably simple to solve, but I cant figure it for the life of me! Basically, I'm trying to make my website look as fluid as possible. I dont want it to look all boxed and hyper organised, but I want …

I decided the best way to learn css was to try to recreate pages of web sites. I chose youtube, because the layout seemed challenging but doable from a noobie perspective, and I get to watch youtube vids in the process. I am having trouble recreating the part under the …

hello, do you know how to make broken underline css decoration, there is underline but cant find sample on broken one. thanks.

Hello guys! I'm making a site and I want to add a mouserover effect on the social-network icons, exactly like what WinRumors ([http://www.winrumors.com/](http://www.winrumors.com/)) have on their social icons. To understand what I mean (and what I want), open the WinRumors site and place your cursor on top of any of …

Hey, http://we-remortgage.co.uk/sitewp/ I'm trying to make the form to the right actually clickable however it seems like something is in the way. Can anyone locate the issue? Thanks!

Hello! Me and a friend are working on a website (We have for months) we have tons of functionality working, it's just we are never happy with the look of the site which is of course one of the most important parts. It seems like everytime we redesign things we …

Hi all, Im working on a website, and Im trying to put a navigation bar in the navigation divider I made, however when I put the image in, it doesnt go into the divider, even though its between the <div> tags. Heres what it looks like: ![enter image description here][1] …

hi all, Im working on a website and need to make a Divider. I coded one, but no matter what, the form isnt made. Heres my code. Can anyone tell me whats wrong? CSS: #wrapper {width:1000px; margin:0 auto; } #header {background-color:yellow; text-align:center; height:50px } #footer{clear:both; background-color:yellow ; text-allign:center; } #navigation …

http://ylakiuglobosnamai.lt/darbo-uzmokestis Hello, in this page I cannot find a way to make table less wide. It was probaly pasted from word to WICYWYG javascript text editor. I edited the html and removed all witdth attrivubtes, set it even to 50% as you can see if you open element inspector, it …

Working on this site and now i'm majorly annoyed it isn't working. <div id="Mid_Content"> <div id="Left_Content"> <h2>heading </h2> <p> test </div> <div id="Mid_point_Content">asdasd</div> <div id="Right_Content">Form</div> </div> Mid_Content is a container and the rest inside it. Here is the CSS #Mid_Content { Width: 1000px; } #Left_Content { width: 33%; } Mid_point_Content …

I have a form and it is pretty simple. What i want to do is allow the user to fill out the form and select a color and depending on the different color that is selected, a question will reveal varying on its selection. So here is my HTML: <form> …

In some web sites, ebay and Amazon specifically, they have several thumbnails below a larger image. When you hover over one of the thumbnails the corresponding larger image is displayed in the space above. This effect would be perfect for a site that I am working on right now. Can …

My draft webpage currently has a <head> but no <body>. It links to a css stylesheet that exists in the expected location but is currently blank. When I loaded it into Firefox 17.0.1 for Win XP, the error console returned these three messages: > Could not read chrome manifest 'file:///C:/Program%20Files/Mozilla%20Firefox/extensions/%7B972ce4c6-7e08-4474-a285-3208198ce6fd%7D/chrome.manifest'. …

What css attribute and value do I use to set image width to whatever the user's window width happens to be? Progz

I'm learning html and having a lot of trouble understanding the use of the src attribute to load an image from local storage, such as the images directory on my hard drive or, when the webpage is uploaded to my webhost, the images directory of my webhost. Can someone please …

Okay, I dont have any code for this I am just not sure at all on how to do what I want. I have a website which displays pictures. There are albums and when you search the album it brings up all the pictures of that album. Now lets say …

I am trying to develop a wp theme. But a problem arise with the footer. I have uploaded the theme in my testing server. http://wp-site.co.cc Here footer area comes into left side, just beneath the sidebar. But I have created separate footer.php file and div for it. I want to …

I'm having a problem with my main site navigation. I've made some changes to my easy slider that is on the same page, and the top nav seems to have adopted this. Is supposed to show: #nav a{ display:block; color: #474747; text-transform: none; font-size: 13px; text-decoration: none; background: none; padding-top: …

I need .htaccess code that will: Restrict a specific IP from a specific page. Allow that IP on any other pages but the restricted one. I already tried this and it does not work: <files submit.php> order allow,deny deny from 1.2.3. deny from 1.2. allow from all </files> Does anyone …

I have attached a require PHP to my html pages for my vertical navigation bar but now my problem is how do I do this and have the navigation menu side be side with my text? Here is one of the pages on my site, the home page works great …

Hello, everyone. I have a scrollbox that I am needing to select all of the text within it. The code is below. <div class="all" style="height:480px;width:360px;border:1px solid #ccc;font:16px/26px Georgia, Garamond, Serif;overflow:auto;"> This part of web programming is my weak point. I'm not quite sure what else to try. If you have …

helo guys how are you, my proplem is the div has exceed the footer and this image will clarify what do i mean http://s2.postimage.org/4x5ur7955/555.jpg this is all codes which i used #left{//this div for left side float:left; width:140; margin:0px; } #right{this is for right side float:right; width:140; margin:0px; } #headblcok{//this …

I'm trying to set up my web-site with a vertical navigation menu, which I have done but what I am having a problem with is how do I get the text part of my site to line up beside the navigation bar instead of on top of it?

Hi guys, I have an ImageButton control in asp.net calling a javascript function to display it in block. The elements have their own css classes, but they do not appear in the context that I gave them. I am assuming this is a problem with my css because the javascript …

I know that this forum is for HTML and CSS, but I have a problem and I am not sure where to take it, so here it is. I am using this code: <div class="edit"> <input type="button" id="bold" style="height:21px; width:21px; font-weight:bold;" value="B" onClick="fontEdit('bold')" /> <input type="button" id="italic" style="height:21px; width:21px; font-style:italic;" …

Hello, I posted this in the Wordpress discussion forum but have not got a response, so I thought I might try here. Hopefully I have posted this in the right category, if not please let me know. I have two categories for posts and two pages to display these posts. …

I would like to design HTML form with css and validation. I want to have Textbox with colours indication. I have done with button to make it more meaningful. I would like to do same for the textbox. I want to have light blue colour bydefault and when one clicks, …

How can I make a table 100% width. For example, here http://spencedesign.netau.net/SNL/SNL.html#page3 I want this table to be the length of the panel, but I can't figure it out. I tried making the trs 100%, I tried just making the table 100%. I thought about changing the padding and the …

I created a website and forgot how to center it. I been using dreamweaver cs5.5 I would appreciate if someone could help me. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Pasco Rentals</title> <style type="text/css"> <!-- body { background-color: #FFF; background-image: url(Images/first%20background.png); …

i am creating a page with a simple text field in it so I can post what I type into the text field to my database and retrieve it later with another program, is there a way to add options to format the text to my liking as I am …

I have a page that loads dynamic content (comments, to be specific). The comments are floated to the left, and the "Add a comment" div is floated right. For some reason, the add a comment div is being pushed down by the comment divs. The link to the page is: …

I would like to know why the content section is taking more width in my design page? Here is my CSS code : body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color:#414141 } p { padding-left: 10px; padding-right: 10px; } #wrapper { width: 100%; min-width: 100%px; max-width: 100%px; margin: …

I have worked on this for hours and I can't get it to work...any help on the code appreciated! Thanks. <html> <head> <title> My Calculator - Constance Dobbins </title> <script> function getInputAsText(_id){return document.getElementById(_id).value} function getInputAsNumber(_id){return parseFloat(document.getElementById(_id).value)} function setOutput(_id, _value){document.getElementById(_id).value = _value} function calculate (code) { //declare variables var first var …

Hello, I would be grateful if someone could help me with aligning the text before the language flags, so that they are in the order: S'inscrire.... Contact Plan du Site, on the same line as the flags.... My link is http://www.parspas.ch/parspas/index.php TIA.

Hello, I have a png (png-24) image which currently makes 500kb, but it is taking a rather long time to load when posted on my website, and I would like to reduce its size to around 200kb so that it can load faster. Anyone knows how to do this on …

Hello there, after weeks of works and test the project on different web browsers I noticed that my site not working propably on IE9 and its totally missed up :(, how can I fix this problem test this link http://pic4u.netau.net/share

I am trying to get an animation, like the one at http://tympanus.net/Tutorials/TypographyEffects/index6.html But for some reason it is not animating at all. Is there any fix for this? My code is <DOCTYPE html> <html> <head> <title> Saturday Night Live </title> <style> body { background-image: url('http://images.fanpop.com/images/image_uploads/SNL-Wallpaper-saturday-night-live-784022_1024_768.jpg'); background-size: cover; } .letter-container h2 …

<style> p.title { text-align: center; font-family: georgia,palatino; font-size: 18px; font-size: 20px; color:blue; font-style:italic; } p.cont { text-align: center; font-family: georgia,palatino; font-size: 18px; font-style:italic; } p.sun { text-align: center; font-family: georgia,palatino; font-size: 18px; font-size: 20px; color: #99cc00; font-style:italic; } p.rew { text-align: center; font-family: georgia,palatino; font-size: 14px; font-style:italic; } </style> <p …

> <style type="css"> p.jin { text-align:center; font:georgia; font-size:20px; color:blue; } </style> <html> <p class="jin">Summer Special</p> </html>Quoted Text Here

<div class="parent"> <div class="child"></div> </div> /* Final Width: 200px */ div.parent { width: 200px; } /* Final Width: 202px (with border) */ div.child { width: 100%; border: 1px solid #000000; } /* Final Width: 200px (with border) */ div.child { /* Width Inherited -- Assumed as 200px? */ border: 1px …

So I've been doing this for a few days and still am not getting the result I want. I have some HTML coding something similar to this: <div> <div><img /><span></span></div> <div><img /><span></span></div> . . . </div> The problem I have is when the nested div exceeds the width of the …

My facts link is smaller than the rest for some unknown reason? http://spencedesign.netau.net/singaporehome.html