UI / UX Design Forum

Hello, I'm having trouble with a webpage that has multiple CSS. The issue is the jQuery on the page, which doesn't work. The page I'm trying to get to work; [url]http://www.sahara-online.co.uk/demo/News.htm[/url] So does anybody know what to do? - some help would be much appreciated. Thanks Matt.

I am looking for a way to achieve the layout shown below using CSS or any other method that can accommodate the design and implementation. The "top" portion is a fixed area. The "left" area will be a list of text links that target to the "main" area.To be more …

How can i create those linear and boxes like for example with this: [url]http://www.neurophys.wisc.edu/comp/docs/ascii/[/url] With the text inside of it properly aligned?

How to change the search text font ? search.php [CODE] <font color = "#A9A9A9"> <form action="<?php echo home_url('/'); ?>"> <input type="text" class="searchbox" name="s" value="type keywords" onFocus="if (this.value=='type keywords')this.value='';" onBlur="if (this.value=='')this.value='type keywords'" /> <input type="image" src="<?php echo get_stylesheet_directory_uri(); ?>/images/searchbutton.png" class="searchbox_submit" value="" /> </form> </font> [/CODE] This does not work. So how …

How do you create box with like this with things in inside the boxes? [URL="http://oi43.tinypic.com/18nllk.jpg"]http://oi43.tinypic.com/18nllk.jpg[/URL]

Hi, I'm doing a website, but it's correct when i run it with mozilla if i run it with IE the content goes all to the left. Can someone help me? Thank you, PF2G

Hi, I wasnt sure where to post this question.. I was wondering what is a good website template/system that provides ability for connecting buyers and sellers together? I dont mind spending the money to buy one that provides lots of bells and whistles. I really like wordpress if there are …

Hi, I have a wrapper and 2 divs inside which make use of the float property. When I put content inside one of the sub divs, the wrapper doesn't extend to the same size as the sub divs. Hope you can understand this. Any idea how to resolve this? Many …

Hi, I am using Contao, which I am unfamiliar with, to make a website for my boss, and now it is published I can get it to work on every browser except IE 6 and 7. The images are coming out all misshapen... Open [URL="http://www.carolineredmanlusher.com"]www.carolineredmanlusher.com[/URL] in IE6/7 to see what …

hello, i figured this forum was more appropriate for this thread than the javascript forum, here is why : my javascript is functionnal, and does not set/change css rules of the objects i manipulate. But here is my problem, i have 2 dynamic listbox (selects with size 10ish) with 4 …

Hi all, I am relatively new to css. I have volunteered to help a small organization with their website, and I found what they currently had to be very out of date and not at all modular (for instance, their main nav menu was replicated in every site page, instead …

Hi I have an excel spreadsheet I want to query online where a use inputs parameters and the relevant data is then shown, what is the best method/tools for going about this? Thanks

style.css [CODE] #container { background: url(images/header.png) top repeat-x; color: black; padding: 0 0 31px 0; } #header { width: 961px; margin: 0 auto; position: relative; overflow: hidden; } [/CODE] header.php [CODE] <div id="container"> <div id="header"> <ul id="nav"> <li><?php wp_list_pages('sort_column=menu_order&title_li='); ?></li> </ul> <ul id="topcorner"> <li><a href="#">Career</a> | <a href="#">Mail</a></li> </ul> <div …

Hi, I have a text that was suppose to be black, but i don't know how the text is white: [code=css]body { background:#FBFAF5 repeat-x top left; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; text-align: justify; color: #666666; margin:0 auto; } h1 { } h2, h3 { margin-top: 0px; } …

Hello, I have 3 boxes on my website one 20x20 one 42x42 and the main picture which is 120x120. Images that are over 1mb cause the web site to load very slowly and i don't want to restrict the user to have to make a custom profile picture they should …

Why does IE still cache pages even if I tell it not to using "Cache-Control","no-cache" (Im doing this in a servlet so Im sending "no-cache" to "Cache-Control". In order words: Cache-Control=no-cache) "cache", "no-cache" Firefox, Chrome, Safari, my Android browser (Chrome), ALL of them dont cache the page expect IE. Why???

style.css [CODE] #header ul#nav { float: left; margin: 0 0 0 24px; background: url(images/navbar.png) top; padding: 2px 0 2px 0 0; width: 1000px; } [/CODE] header.php [CODE] <div id="container"> <div id="header"> <ul id="topcorner"> <li><a href="#">Career</a> | <a href="#">Mail</a></li> </ul> <div id="search"><?php include('search.php'); ?></div> <ul id="nav"> <li><?php wp_list_pages('sort_column=menu_order&title_li='); ?></li> </ul> </div> …

Hey, i need help with webpages resizing so it fits all browsers/screen sizes, This is my front page of a website, those images are sliced so i get confuzed how to do it all. [CODE]<html> <head> <title>new size</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <link href="../site_layout.css" rel="stylesheet" type="text/css"> </head> <body bgcolor="#FFFFFF" leftmargin="0" …

Hi everyone. I'm trying to create a website with a 2x2 layout: Top-left: logo Top-right: navigation Bottom-left: some pictures Bottom-right: page content Now, I have all these in a wrapper div. The logo I set to float-left and that's fine and the navigation I set to float-right and that is …

Hello every body , I just need to put an horizontal image on the top of my page from the right side to the left side , how could i modify this code to get the result : [CODE]<img style="width: 2000px; height: 80px;" alt="txt" src="images/image2865%20%28copie%29.png">[/CODE] , thank you fro your …

I coded an html email that I tested in Gmail, YahooMail,Thunderbird and Outlook 2003, as well as IE and Firefox. What other email applications should I test it in, and how can I get these applications on my pc? Thanks.

Hello, I'm migrating a site from Joomla to wordpress. I hope you can help me with my problem.. Check this Image: [url]http://i1235.photobucket.com/albums/ff429/rakwel10/samp1.jpg[/url] Focus on the navigation. I want to copy the navigation of the one on the right-side. sadly, my the current output is the one on the left-side. How …

I have a problem with css popup. I am hidden some content in span tags and show it when I hover over a text. But there is a overlap and the text in the second line is overlapping the popup. The content is on this <a href="http://delivery3.water-7.com/index.php/restaurants/manufacturers/3/Barcelona-Restaurant-&-Winebar/products"> this link</a>. You …

Hi There; I have a web file that consist of HTML & CSS. When user's mouse pointer go through the "Menu Item -1" and "Menu Item -3" (They have submenus also) other menu items slide to the bottom immediately. I do not want to see that items sliding. How can …

I was wondering, I want to change other elements that are inside of a main div when one hovers. [CODE]<div id="post"> <h1>The Title</h1> <p class="text">Text</p> <p class="other-text">Text</p> </div>[/CODE] So if one hovers over the "post" div then the the "#post h1" title would change from black to blue.. If it's …

hi, i want to do a footer like the one on this website: [URL="http://www.templatemonster.com/demo/36943.html"]http://www.templatemonster.com/demo/36943.html[/URL] but i never worked with css... can someone help me? thank you, PF2G

Hi, I am trying to create a button using css sprite. buttonnav.css [CODE] a.button { background: url(../images/buttonnav.png) no-repeat 0 0; width: 100px; height: 50px; display: block; text-indent: -9999px; } a.button:hover { background-position: 0 -2px; } a.button:active { background-position: 0 -8px; } [/CODE] index.php [CODE] <div id="button">Button</div> [/CODE] I do not …

Hi. I'm trying to make a simple page that contains a google search form. The results of the search needed to be shown in an iframe that is on the same page. I've managed to write the search form but I can't make the results appear in the iframe. Whenever …

index.html [CODE] <h4>Latest News</h4> <p style="border-bottom: 2px dotted #FF0000; width: 620px;"></p><br /> <div class="post"> <img src="images/pic1.png" ALT="picture1" ALIGN=LEFT><div id="ptitle">Lorem ipsum <div id="pdate">- 14 Jan 2011</div></div><p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce porta diam in quam consectetur elementum. Vestibulum iaculis pellentesque mauris, non sodales erat egestas nec. Proin …

Hi guys . I am not really sure what board i should post this on so i decided to post it on the webdesign segment . anyway i would like to create a content block that blocks the screen until the visitor clicks the "enter " or proceed button . …

i m not convinced with the way explanation given for this drop down menu working .. please help me out [CODE] <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Menu testing</title> <style type="text/css"> #nav,#nav ul { list-style:none; padding:0; margin:0; } #nav a{ display:block; width:10em; } #nav li { …

Hello everyone, I am currently working on a website for a literary journal that I work for called The Broome Street Review. Currently, we use Wix for the website, but we would like to move away from that and design ourselves. I have been teaching myself HTML and CSS and …

I'm seeking actionscript for self contained slideshow (swf file). This is not going on a web site so external images/xml call will not work. Thanks.

Dear experts What is difference between #header div#header Thanks

I have a form having two radio buttons and one heading, [CODE]<form name="f1" method="POST" action="<?php echo $PHP_SELF;?>"> Family filter: <ul> <li><input type="radio" name="r1" value="o" onclick="submit();">On</li> <li><input type="radio" name="r1" value="p" onclick="submit();">Off</li> </ul> </form> </div> [/CODE] CSS, [CODE]#filterbox {border-radius:8px; width:208px; margin-bottom:15px; background-color:#e1f6fa;} #filterbox ul{margin: 0; padding: 0; list-style-type: none;} #filterbox ul li …

Hi, I need help no this web page that i'm making, I think it's a bit too simple for you guys :), so here goes nothing.... I need a text box like: <input value="Click here to clear text" name="nome" type="text"> That actually clears the text when you click on it... …

Hello. I have been using a style sheet for some time now in my html project. The classes are made like this. .twoColLiqLtHdr #container { width: 80%; /* this will create a container 80% of the browser width */ background: #FFFFFF; margin: 0 auto; /* the auto margins (in conjunction …

Hi there, I'm having a little bit of trouble modify my colleagues old website (a new one is being made currently, but I'm tasked with fixing some issues with the current one). Look at the blue buttons saying Previous and Next on the bottom of this page: [url]http://www.electrix.co.uk/view_products.php?offset=10&id=86[/url] In IE7 …

Hello all, I have a big question for you all and hope you can help me. I have this web site that I took over, but did not build. This site was built with people with vision impairments in mind. When ever I do updates to the site, I have …

how i can download a favicon from a site ?

Hi every1 I am new to CSS and I want to use CSS to format my website.(i use Dreamweaver to create my site) There are many free css template on the Internet but it's difficult to understand them. My question is: do you know some website provide free SIMPLE css …

index.html [CODE] <div id="banner"> <img src="images/banner.png" /><img src="images/bannerside.png" /> </div> [/CODE] style.css [CODE] #header #banner { margin: 10px 0 0 20px; } [/CODE] I am hoping those image appears next to each other, instead they come out on top and buttom. How to make them next to each other ? …

As we can see in this site when we place the cursor over the "webdevelopment" then it shows a drop ddown list of items what is the code used to make it working??can any one helip me plzz

index.html [CODE] <div id="container"> <div id="header"> <h1><a href="#">Ock Associates</a></h1> <ul id="nav"> <li><a href="#">HOME</a></li> <li><a href="#">ABOUT</a></li> <li><a href="#">PRACTICE AREA</a></li> <li><a href="#">NEWS</a></li> <li><a href="#">PUBLISHED BOOKS</a></li> <li><a href="#">CONTACT US</a></li> <li> <div id="search"> <img src="images/searchform.png" /> <img src="images/searchbutton.png" /> </div> </li> </ul> [/CODE] style.css [CODE] #header ul#nav { float: left; margin: 110px 0 0 …

hi, how to display a div on top off all the other content? i tried [ICODE]style=" position:relative; left:0px; top:0px; z-index:100;"[/ICODE] which didn't work, then when i used position:absolute; it worked but, it displays in a totaly in appropriate position because of position:absolute . how can i make this happen? when …

index.html [CODE] <div id="side"> <div id="boxcontainer"> <h3>Get In Touch With Us</h3> <div id="image"><img src="images/pic2.png" ALIGN=LEFT></div><div id="text">Request more <br />information from <br />OCK&Associates</div> <br></div><br> <div id="boxcontainer"> <h3>Get In Touch With Us</h3> <div id="image"><img src="images/pic2.png" ALIGN=LEFT /></div><div id="text">Request more <br />information from <br />OCK&Associates</div> </div></div> [/CODE] style.css [CODE] #content #boxcontainer image{ margin: …

index.html [CODE] <div id="container"> <div id="header"> <h1><a href="#">Ock Associates</a></h1> <ul id="nav"> <li><a href="#">HOME</a></li> <li><a href="#">ABOUT</a></li> <li><a href="#">PRACTICE AREA</a></li> <li><a href="#">NEWS</a></li> <li><a href="#">PUBLISHED BOOKS</a></li> <li><a href="#">CONTACT US</a></li> </ul> <ul id="topcorner"> <li><a href="#">Career</a> | <a href="#">Mail</a></li> </ul> [/CODE] style.css [CODE] #header ul#topcorner { float: right; margin: 20px 50px 0 0; font: 12px …

index.html [CODE] <div id="side"> <div id="boxcontainer"> <div id="side-info"> <h3>Get In Touch With Us</h3> <ul> <li><img src="images/pic2.png" ALT="picture1" ALIGN=LEFT />Request more <br />information from <br />OCK&Associates</li> <br></div></div><br> [/CODE] style.css [CODE] #content #boxcontainer { width:240px; padding: 10px; border:0px solid #000; background-color:#CCCCCC; } #content #boxcontainer h3{ font face: "Arial" color: red size: 14px; …

index.html [CODE] <div id="content"> <div id="main"> <h3>Latest News</h3> <p style="border-bottom: 2px dotted #FF0000; width: 620px;"></p><br /> <div class="post"> <p><img src="images/pic1.png" ALT="picture1" ALIGN=LEFT><font face="Arial" color="red" size="14">Lorem ipsum</font>- 14 Jan 2011<br /> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce porta diam in quam consectetur elementum. Vestibulum iaculis pellentesque mauris, non …

Hello, i have created a html/css version of one of my psds and pretty much everything is working fine, just the background image or the container div to which background image is assigned is not stretching vertically to 100%. Here is the Link to Live version of What i have …