Our UI / UX Design forum encompasses everything related to building a polished end-user experience, from graphic design to usability.
2,272 Solved Topics
Remove Filter
I used dreamweaver to design a site and for some reason it comes up perfect in firefox, but when loaded in IE, the Nav bar and the Footer bar are not aligned properly and the favicon shows as a broken link. What am i doing wrong? Check out the site …
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 …
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 …
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; …
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 iam new to website development can anyone suggest any good books to read i know some basics
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 …
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 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: …
[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 …
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 …
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
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 …
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 …
Hello can you help me please i want to learn how to use flash,and how to animate pictures.can you help me please...
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 …
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 …
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" …
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]
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 ?
Hi guys, I need one hide and show div with fade effect. please help me to find. i have one button when user mouse click that button , it show one div block with fade effect. and i want to stay on the open div. in div tag i have …
Hi, I'm having a problem with my site header. I am redoing the site, and I have changed the options on my nav bar (within the header.php), but the old one still displays on some of the pages (e.g. 'articles' is still present in the nav menu of the forum …
Currently I am trying to set the bakcground image with several pictures. I tried to combine the pictures using div. The problem now is: how I can set the whole div as background image? Is it posible?
Hi Guys I am trying to create a two columns text using two divs beside each other or in two columns of a table but setting them vertically to appear on the TOP.The problem is when ever I want to use any CSS/HTML elements the browsers do not care to …
I've searched around but can't pinpoint a solution. I have a vertical flyout (dropdown) menu written with CSS that is actually working fine in IE but isn't in Firefox. It works fine through the second set but the third won't show for some reason. [B]CSS[/B] [CODE]#nav, #nav ul { /* …
Hi all, I've just started learning CSS and HTML to develop websites as a hobby. I was experimenting with what I'm learning and have hit a block (excuse the pun). I'm trying to create a drop-down menu using CSS and HTML alone. In the following I try to assign what …
Hi, Previously I have manage to center the image and the background. But I having difficulty when I set div logo to the center, then it "blocked" mouseover buttons (the company and the workshop). Link : [url]http://alphaalps.com[/url] Hope someone can help me here! Thanks.
Hello all, I want to embed video in my website with code below, [CODE]<div id="video"><embed src="video/hari_ini_sakit.mp4" width="200" height="175"></embed></div>[/CODE] But I want to hide the tracking/control bar in video area. I need your help. Thanks
I hope someone can show me how to center images using CSS, which apply to all browser sizes. Website: [url]http://alphaalps.com/gallery.html[/url] Currently only footer is center on every browser size. Thanks!
I made a simple menu using css and a tutorial on youtube and now I would like to change px into percentages. I have managed to do most of it, but when I go to products, insted of them being listed under each other 4 of them are beside eachother …
Hi, I am having problems centrally aligning an image. The basic HTML is shown below. I have taken out other elements that are not effecting this problem: [CODE]<div id="ImagePlaceholder"> <div id="Images"> <img class="current" src="photo1.jpg" alt="" /> <img class="nextimage" src="" alt="" /> </div> </div>[/CODE] and the CSS is: [CODE] #ImagePlaceholder { …
Hi, I am a newbie(learner) to WAMP development and need free e-commerce/shopping cart template and theme for practicing CSS. Please suggest some sources for the same. Guidance on how to use the stuff is welcome! Thanks in anticipation Nagen
Hi guys I have an image that I need to resize for a website without losing any of the quality. The image has a .gif extention and when I have scaled the image down using GIMP the image goes a bit fuzzy. Do you know any software or method to …
I would like to display 3 images in a row, and then 3 more underneath, and so on (until there are no more images). I currently have this css code [CODE] #productsMenuFirst{ display:inline; width: 100px; height: 60px; padding-right: 50px; padding-left: 50px; } #productsMenu { display:inline; width: 100px; height: 60px; padding-right: …
Hi, Using CSS, I am looking to create a grid/table for a shopping cart page (for practice purposes only) inside the main content container, where a numeric stepper, product image and checkbox will be placed in each individual box of the grid, consisting of four rows and four columns. I …
To illustrate the issue, I've created two HTML pages: [url]http://www.johnnycho.com/firefox_csstest01.html[/url] [url]http://www.johnnycho.com/firefox_csstest02.html[/url] They are both exactly the same, with one exception. On the first page, the div class="topbox" has a padding of 1px. On the second page, the padding has been set to 0. If you look at these two pages …
Hi my name is Aida Boling and I am on here trying to meet new friends as well as trying to build an e-commerce website. I am originally an illustrator and my husband and I built a clothing business. At first, I was hard to communicate to manufacturers without any …
How to create a transparent png or gif file? on photoshop? if yes, can you explain how? I create 1x1 transparent png/gif file and put it on the box background with y and x repeat, right? is this the idea of transparent backgrounds? Thnx in advance
I have this code that should set up the page header [CODE] #headerWrap { margin-left: auto; margin-right: auto; width: 700px; height: 100px; background: url(Images/header.gif) no-repeat; }[/CODE] the picture is not being displayed. Please tell me how to fix this. Thanks
...it ends up becoming multiple images and no single animation. What am I doing wrong? Thank you!
not sure if this has been answered before. i looked through the jscript/dhtml spot and didn't see anything on the boards that looked solved so... I want to put multiple pictures in a table, then put that table in a div and have an auto timer show them in sequence …
Just wondering is this possible? I am trying to do a mini announcement section in my website. What i want is for the announcement to be taken from a txt file for easy updating. Regards, Jon
The End.