Our UI / UX Design forum encompasses everything related to building a polished end-user experience, from graphic design to usability.
8,049 Archived Topics
Remove Filter
i assign the properties for hr tag in css but its not working in firefox what should i do? it is working in crome and IE... [code] hr{ border-color:#5B4F22; } [/code]
Hi there, I'm looking for help with forms. My professor has hired me to help her with her website and I'm not big into HTML but it's worth it to me. Basically what she needs me to do is code a form so that she can enter new topics or …
Hi, I have 2 problems : 1) How to align the "Map" to stick to right without overlapping others when browser is small ? 2) How the footer stick to the bottom and center of the page ? Something like this [url]http://www.cssstickyfooter.com/[/url] . But I don't know how to apply …
Hi all. I'm developing an e-Learning system with Moodle and now tweaking the header. Instead of having text, I have put in a header image. My supervisor wants it to be centered. I have done that by adjusting the margin. We will be presenting the project using a different computer …
have problem of Drop Down Menu Overlaps with Image Map of my Website. This happens when I click on Top menu bar (drop down). The expected output is, the drop down menu should appear above the map. I am having problems with structure of the webpages in different browsers. for …
I can not seem to figure out what I did wrong. I have been trying to build a website for a few weeks now. I have it looking good(Good is a relitive term)........I have been using Dreamweaver and everything looks good when I review it in Mozilla and IE8. Today …
I've been using a fixed image background, if I can call it that, on my web folio. I'm using a image that is big enough to look good on even the biggest screen, and coding it so that the whole picture is always in the browser window, no matter the …
I created a horizontal navigation using css. It uses background images for an off state and hover state. The tabs get cut off when the text is to short. Can someone help figure out how to fix the cut tabs? Here is my code [CODE]@charset "UTF-8"; /* CSS Document */ …
Inline CSS works, but when I link it doesn't. It happned in Firefox 3.something and in IE8. template1.html [CODE]<html> <head> <title>title here</title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta name="keywords" content="..." /> <meta name="description" content="..." /> <link ref="stylesheet" href="body.css" type="text/css" /> <style type="text/css"> /* Here it works body { background-color: blue; …
Hi All, Have tried to center my webpage with no luck quite new to building them. Have tried diffrent way but no luck. any help would be fantastic.
Hi, Guys!! I use Markup Validation Service to run a test to my wordpress websites and I found.. 155 Errors, 19 warning(s) This are the data of the site Server: Apache mod_fcgid/2.3.6 mod_auth_passthrough/2.1 mod_bwlimited/1.4 FrontPage/5.0.2.2635 Size: 9603 Content-Type: text/html Encoding: utf-8 Doctype: HTML5 Root Element: html Now what I need …
I am making a website and I have a little problem with it on IE and opera, but IE is the bigger issue. I have 2 images the first one is what it looks like on IE and the second one is what it is supposed to look like. What …
Hello, I'm having some issues with IE (suprise suprise). I added an image, and added a negative top margin to it, for it to be located between two div tags (div it's located in and the div above). It is a transparent .png (AlphaImageLoader used for correct transparency on IE), …
Hello This is probably a stupid question, but I've been viewing page sources and I can't figure it out. I want to make a website that has a color background and place the content on top of a white background which is on top of the color background. Then I …
Hello, My dropdown menu is not working properly. I have set the menu to not display through css. When I hover my mouse on the 'Link Menu' <h2>, it only shows the menu while the mouse is hovering the 'Link Menu' <h2>. As soon as I move my mouse to …
Below is the visual framework for a practice slide show I am tutoring my self with. In webkit browsers and Firefox I get the controls to line up correctly, but on IE8 the far right control drops out and goes lower than I would expect. I have attached the code …
My webpage works fine in google chrome but when I open it in internet explorer there is one div box which always ends up differently than it does on google chrome. I align them perfectly in chrome so the end of the box's lines meet then when i open it …
When I zoom out of the pages which I've created for my website, it seems that as you zoom out the pages move towards the left, although the content stays where it is supposed to be. But when I zoom out of website such as this the page stays in …
Hello iam new to website development can anyone suggest any good books to read i know some basics
This is a falling snow snippet Its very light grey its really meant for like dark backgrounds for best effect but its ok on white. its a slightly grey snow Just place the code in between tags and it should work Its too complicated to edit color unless you have …
Hi, i have a marquee on my page which looks like the following ------------------------------------------------------------------------------ |Picture(div)-|-Marquee(div)--------------------------------------------| |---------------|--------------------------------------------------------------| |---------------|--------------------------------------------------------------| ------------------------------------------------------------------------------ so my marquee stops at the picture and starts again from the beginning . here picture is a square area but i want to use some curved image to that place and …
Hi, I am trying to position a navigation bar from the left side of a div(header) without any padding value(without any space.I would like to position the nav exactly where the content div is started([B]Red line border[/B]) but I do not know why it is not working! Can you please …
I have a css menu that changes sizes for no apparent reason. This is my whole css code [CODE]style.css: body { background: url('Images/testBackg.jpeg') 50% 50% no-repeat; } #images{ margin-top:10px; margin-bottom:10px; } #labelId { float:left; } #inputId { float:right; } #contactForm { max-width:50%; min-width:50%; } #headerWrap { margin-left: auto; margin-right: auto; …
I'm a manual coder and I don't generally use any CMS or frameworks. I'm looking for some examples and ideas on a base style sheet. To clarify, if you're starting a new project what would your basic, clean stylesheet look like? I'm just trying to build my own clean stylesheet …
Hello there, I am redesigning my website. This is the design: [URL="http://imageshack.us/photo/my-images/217/nieuwdesign.png/"]http://imageshack.us/photo/my-images/217/nieuwdesign.png/[/URL] How far I am right now, is not far enough in my eyes. The code that I am having right now is for the HTML: [CODE]<!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" …
Hi, I want to give a percentage for the font size. currently i'm using <h1> tag. But that text size is smaller than i need. How to make it bigger. and like i said i want to use a percentage as the size. so if i maximize my page or …
I am trying to write a practice slider file and in doing the layout I have two problems with CSS. I would like to align the DIV that holds the controls exactly under the slide show box with out using the left margin in the CSS style if possible and …
hi all, I have a site where i need to add columns automatically and if the columns exceed certain width then scroll should appear... if any one can fix this please let me know.. Thanks, Praveen
Hi guys, i was wondering how could i embed my youtube cannel's latest youtube video. I dont want to have to go and update this every time i upload a new video. Thanks, Marais
I am currently redoing my fraternity school website and I am having a problem with my iFrame. I want scrolling bars but not on the pages that don't necessarily need them. I set the scrolling to "Auto" and decreased the table size of the pages that are supposed to be …
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 …
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 …
The End.