UI / UX Design Forum

HI there, I am a little puzzled about how to position few divs in a site I am working on, here's the url [url]http://antobbo.webspace.virginmedia.com/Martin/contact.htm[/url] Basically here the idea is that the yellow main div [ICODE].content[/ICODE] is the content wrap and should be around all the content of the page. That …

I've worked on a site redesign for my boss, and, as the title says, it looks good in pretty much everything *except* IE7 (and I'm assuming earlier versions, as well). Some of my images go missing, and elements shift to strange spots on the page. I'll be the first to …

Hi I have a simple link on a page to an mp3 file. We don't want anthing complicated, just the sound file to start playing/streaming. I have tested this in IE8, FF, Opera, Saf and Chrome in which it streams, opening a default player. However, in IE7 I get a …

[url]http://www.oddee.com/item_82923.aspx[/url] scroll all the way down, notice the popout on the right side bottom, once you scroll to the bottom.. is there a tut/site/code on howto do that?? thanks pj

Can anyone help me in good css (no images for backgrounds) for the following form: [CODE] <div class="moduletable"><h3>Login Form</h3> <form id="form-login" > <fieldset class="input"> <p id="form-login-username"> <label for="modlgn_username">User Name </label> <input id="modlgn_username" type="text" name="username" class="inputbox" size="18" /> </p> <p id="form-login-password"> <label for="modlgn_passwd">Password </label> <input id="modlgn_passwd" type="password" name="password" class="inputbox" size="18" /> …

I have three column layout. It works fine in all browsers except Google Chrome. There is unwanted space between Column 2 and Column 3. Sometimes 1px or sometimes 2px only in Google Chrome. My CSS [CODE]<style type="text/css"> * { margin: 0px; padding: 0px; } body { border:none; background-color: white; text-align: …

I have a row of three images that are currently displaying just fine. Now, I want to display two more images right below those three and I want them centered (it would kinda look like an upside down pyramid). No matter what I do, the bottom row stays left aligned. …

Hi, i am using css for my website it works properly in google chrome but while using internet explorer there is alignment issues... page contents are not properly aligned. is there any solution for css so that it will not be browser specific. My css code is given below.. [CODE] …

Hello guys, I am new in Web Site Designing, before I've worked on Web Application Development. I am wondering with how to maintain layout of page when browser resized. I am attaching here snapshots. [ATTACH]22106[/ATTACH] [ATTACH]22107[/ATTACH] Any information regarding Web Designing is welcomed. Thanking You, Hakoo

[CODE] a:link { color: rgb(255, 255, 255); text-decoration: none; font-weight: bold; font-size: 20px; } a:visited { color: white; text-decoration: none; font-weight: bold; text-align: center; } [/CODE] Could anyone tell me why this is not working? Everything else on the CSS sheet is working apart from this part. On Chrome the …

Hello, The website has horizontal navigation menu, but without submenu. I want to those submenus, but I have no luck. I try using tutorial to make new menu, and after I will make it, I just edit the style so it look similar to an earlier menu. So I have …

i worked a horizontal menu in my project. when hovering the ling\k the background image will change.the output looks perfect in all browsers even in IE6 except firefox.when hovering the last link a small gap appears.here my code. CSS : <.menu_holder { width:1000px; height:40px; background-image:url(../images/menu_normal_govind.jpg); background-repeat:repeat-x; } .menu { margin:0px; …

I have a project in which there are several static .html pages. My problem is that i am showing google map on the page by giving the reference of google API because of that it take lot's of time to load the page. What i want is that after loading …

Hi, I have 2 problem here. 1) Footer text will wrap together when the size of browser smaller. How can I fix the position without wrapping the text? 2) How to highlight a footer link ? Example, index page, I need to highlight "Home" in different color. Link : [url]http://alphaalps.com/[/url] …

Hello, I have a line where the first words are 16px and the rest are 12px. How do I align to words to the bottom of the line? Right now, the smaller text appears in the middle of the line. I am attaching a screenshot, the first paragraph is the …

hi!!!! can anybody help me.,.how to tag a drop down in my navigation?because I dont know how to insert it to my html.,. heres my homepage: [CODE]<html> <head><title>mysite</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <div id="wrapper"> <div id="banner"></div> <div id="navigation"> <ul> <li><a href="home.html">Home</li></a> <li><a href="profile.html">Profile</li></a> <li><a href="gallery.html">Gallery</li></a> <li><a href="relation.html">Relations</li></a> </ul> …

Hello, this is my first forum post ever so please be gentle. I have a hidden menu (div) which is revealed once you click a img button. The magic is done with js command like style.display='block'. Problem: The height of the page(stage) is 700px and the menu is 1000px, so …

anyone got any advice on designing a mobile website

I want to style a h2 with a specific font size but it doesn't change but if i style it with a color ,the color changed

hi can you help me please how can i make pictures just like the same in facebook, when i clicked one photo it will zoom out and then the background turns into gray...can you help me please how to do this i have no idea on this...Thank you in advance …

Hello How can i show an image instead of an empty space if a browser does not support any flash version, currently facing this problem with iphone.... I want the image to be loaded only if the browser in question does not have flash, and if for example am opening …

Hello, I am fairly new to web designing and am finding it hard to create a drop down menu style for my webpage. I am attaching the CSS and HTML file can somebody pls explain how i might be able to do it. The HTML Code [CODE=html]<!DOCTYPE html PUBLIC "-//W3C//DTD …

Im actually making a calender like one of the other post but just to try and get the just of it. i have 4 months on each page and there are forward and back buttons but i came crossed a problem how do i space them equally ??? any help …

I am editing an image of a subway map in photoshop. I have edited out all but the colored lines and thickened them with the stroke tool. Unfortunately each line has a few gaps as well as ridges along the edges. I would like a smooth, solid line. What is …

Hi Friends... I want a non-editable text in textarea. In that textarea user can write but can't edit or delete the default one. I uses attribute "readonly="yes"" and editable="false" but these tags make full text area non-editable which is not required. I want the editable text area with non-editable default …

Hi, I am trying to create navigation bar, each word suppose to give a distance with other word. Ex.: Home About etc. yet, I am unable to create such things. At first, I am trying to create it with normal spacing inside a <p> yet, whenever I view it in …

Ok I made hover effect for group of five images-appearing border. But when I'm hovering the image some other two images are moving few pixels downward. [CODE]<div class="rel"> <img src="images/4wheel2.jpg" height="85" id="on"/> <img src="images/4wheel2.jpg" height="85" id="on"/> <img src="images/4wheel2.jpg" height="85" id="on"/> <img src="images/4wheel2.jpg" height="85" id="on"/> <img src="images/4wheel2.jpg" height="85" id="on"/> </div> <div …

Hi there I have just inserted my festival poster image on my site (bottom lefthand side) and it shows up and opens to the full image using safari/chrome/firefox just fine. IE just gives me the Red "X". Is this a fault with IE or did I miss something? [URL="http://www.newtowncentre.org/festival/"]http://www.newtowncentre.org/festival/[/URL] Any …

I do not have Photoshop, is there any other tool that is somewhat close to Photoshop and is free to download. I just need to make banner and change size of the pictures. Thank you,

Im trying to make a drop down menu bar purely using HTML & CSS, but one thing that is really bothering me is that it doesnt change to the backgroung color when I hover over the links I dont know why..? Heres the HTML, I used uls, div and li …

I don't really know what the code is called but the advert shows up once the webpage is loaded completely . I would like to know how i can do this . I attached a screen shot of what the advert looks like .

Hello can you help me please i want to learn how to use flash,and how to animate pictures.can you help me please...

Hi. I'm new here and I'm new into coding so i have question. Where i can get Simple Php website with login and singup function. I was search in google.com but i don't find nothing what would be good enought.And i don't whant build it my self, becous i can …

Hello there, I am messing with some jquery mobile and I have so simple questions (as in I am a real noob). My question is in two parts, first first off, what is the best way to center the contents of table cell data? I tried using "align center", but …

HEllo Anyone can pls tell me how I can add an email address to be used as a link on an image in photoshop cs5? I've seen some tutorials on how to add a url, but in my case it is not working at all

Plz give me some useful links of Web design?

Hi Guys, Sorry for silly question. I have just started my adventure with html and css. I am trying to create website but I have some problems with text margin. Im not sure where to fix it. Have a look on the picture attached. I want move text 10px to …

Hi, I have an elements: [CODE] <div id="mydiv" class="mydivclass"> </div> [/CODE] In CSS i have like: [CODE] div#mydiv { width: 100px; } div.mydivclass { width: 200px; } [/CODE] What i want is to the second CSS (class) setting override the first (id) one. The thing is that the class is …

At [url]http://sodesigns.co.uk/roots/[/url] Depending on the browser, depends on whether the font inside the posts displays correctly. It's all meant to be Arial and the Header font H1-H2 and the body text is also Arial at 13pt. How can I do this as a mass change? There is 3000+ posts so …

I just wanna know how to enable tab switching without the whole page reloading. When i click a tab, the page would appear on a form or lets say a part of a page (e.g <div>). Dont want to use frame. And i would like to know how to have …

I've been doing some research on how to change the color of a table row background when hovering. Can anyone lend support how to make this possible in IE for [B]tables[/B]? I've found solutions like [URL="http://www.xs4all.nl/~peterned/csshover.html"]whatever:hover[/URL] but they only work for <li> tags. It can be done for it exists …

I'm having a tough time eliminating an annoying line break/space in IE. Here's the full code for the page (located at vidora.info): [code] <html> <title>Vidora.info - The Way Browsing Should Be</title> <body topwidth="0" bottomwidth="0" marginwidth="0" marginheight="0"> <table width="100%" height="100%" cellpadding="0" cellspacing="0"> <tr> <td valign="middle" align="center"> <table align="center" cellpadding="0" cellspacing="0" border="0" …

Hello all, I am currently developing a new website in asp.net, C#. I first designed the master page in Photoshop. I used a really cool pattern that I imported into Photoshop. I want to be able to put this on my website as a repeated image. My question is; How …

how do you convert a page saved in a .obml into .html?

I want to put a footer in a page wrap but it doesn't appear at all i write the markup [ICODE] <div id="footer"> </div> [/ICODE] and the CSS [ICODE]#footer { min-height: ..... ; background: url(images/footer.jpg) no-repeat; }[/ICODE]

Hi, I am trying to place two buttons underneath a grid I have created but they seem to overlap with the footer and I am not sure why. Would appreciate it if someone could have a look at the html and relevant css and talk me through what is the …

Hi guys, I am using .css for a website and I am using divs to separate the header, middle and footer. Within the header there are various classes, one for the logo the other for the menu. It lines up OK in all browsers except IE, in IE there is …

I have an image and i want to center it with margin: 0 auto; but it doesn't work so how can i center it in the top of the page ?

[code] div{ background:0 10px url(bkcontentwrap.png) repeat-y; background-size: 800px auto; overflow:hidden; } .profile{ text-align:center; } [/code] the width of div and .profile is the same , but i want to change the width of .profile without changing the width of the background

Hi every one. I have been asked to create a web page by a friend of mine (he decided to cash in some favours) I have setup a Drupal test server for him and he has asked me if I can create a specific page that lists Regions and then …