Web Design Forums

Welcome! Please register or log in: Forgot your password? Why register?
You are here: Web Design Forums » Today at WDF RSS
Today's Featured Posts
Posts selected by moderators as being high in quality
No posts were hand-selected for today, but here are some popular recent discussions.
*sigh* IE's at it again with my navigation menu
by diddy in HTML and CSS Help (February 6 '10, 01:45 AM)
Well this nav menu is really starting to annoy me. Sorry to come here again, but I've played with this and for some reason in SOME IE7 browsers, like the one at my school my horizontal nav menu is gong vertical. I've tried different widths and displays in the CSS, but to no avail.

Attached is a screenshot.

URL: http://www.beta.essentialselfsolutions.com.au

HTML:
HTML How do I post HTML blocks? 
<!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" xml:lang="en" lang="en" >
<head>
<title>Welcome to Essential Self Solutions! | Essential Self Solutions</title>
<link rel="stylesheet" href="mainstyle.css" type="text/css" media="all" />
</head>
<body>
<div id="WhiteWrapper">
    <div id="ContentWrapper">
        <div id="Header">
        <a href="index.html" title="Essential Self Solutions"><img src="general-pics\logo.png" width="486" height="44" border="0" /></a>
        </div>
        <div id="navcontainer">
        <ul>
        <li><a href="index.html"><span>Home</span></a></li>
        <li><a href="feelthefear.html"><span>About &amp; Feel The Fear&reg;</span></a></li>
        <li><a href="other.html"><span>Other Workshops</span></a></li>
        </ul>
        </div>
        <div class="spacer">
        </div>
        <h1>Welcome to Essential Self Solutions!</h1>
        <div id="pic-container">
        <img src="general-pics\pic-container.png" width="559" height="107" alt="" />
        </div>
        <p>
        I'm Cornelia Ramsay and thank you for visiting my website. Here you will find information about how to uplift and motivate you, to educate you, to brighten your spirit, and to help you move forward with your life in a joyous and loving way. You will learn about most effective tools to help you push through your fears and other negative emotions and to become the person you want to be.
        </p>
        <p>
        You will also find <a href="#">About Cornelia</a>, information about <a href="#">Feel the Fear and Do it Anyway<sup>&reg;</sup></a> and various <a href="#">other workshops and writing skills</a> such as resumes, interview techniques and dealing with transition workshops for job seekers and migrants and management workshops for start-up managers. 
        </p>
        <p>
        If you are looking for inspiration, direction and support, Essential Self Solutions may be your answer today.
        </p>
        <div class="spacer">
        </div>
        <div class="spacer">
        </div>
        <h2>Contact</h2>
        <p>
        For bookings for workshops and general enquiries, please contact <strong>Cornelia Ramsay</strong>:
        </p>
        <table class="contact">
        <tr>
        <td class="left">
        Mobile:
        </td>
        <td class="right">
        0458673859
        </td>
        </tr>
        <tr>
        <td class="left">
        E-mail:
        </td>
        <td class="right">
        <a href="mailto:cornelia@essentialselfsolutions.com">cornelia@essentialselfsolutions.com</a>
        </td>
        </tr>
        </table>
        <p>
        For website enquiries, please contact <strong>Nick Every</strong>:
        <table class="contact">
        <tr>
        <td class="left">
        E-mail:
        </td>
        <td class="right">
        <a href="mailto:web@essentialselfsolutions.com">web@essentialselfsolutions.com</a>
        </td>
        </tr>
        </table>
        <div class="spacer">
        </div>
        <div class="spacer">
        </div>
        <div class="spacer">
        </div>
    </div>
</div>
        <div id="footer">
        <p>
        <a href="index.html">Home</a> <span class="bld">|</span> <a href="feelthefear.html">About &amp; Feel The Fear<sup>&reg;</sup></a> <span class="bld">|</span> <a href="other.html">Other Workshops</a>
        </p>
        <p>
        Copyright &copy; 2010 Nick Every for website design. 
        </p>
        <p>
        Feel The Fear And Do It Anyway<sup>&reg;</sup> is the registered trademark of Susan Jeffers Ph.D. and is being used with her expressed permission. These workshops are licensed and based on the teachings of Susan Jeffers Ph.D. as contained in her international bestseller.
        </p>
        </div>
</body>
</html>

CSS:
Code How do I post code blocks? 
body {
background: #444444;
margin: 0;
padding: 0;
}

a:link,
a:visited,
a:active
{
color: #339900;
text-decoration: underline;
}

a:hover
{
color: #339900;
text-decoration: none;
}



div#WhiteWrapper {
background: #ffffff;
width: 950px;
margin: 0 auto;
padding: 0 auto;
}

div#ContentWrapper {
background: #ffffff;
margin: 0 auto;
padding: 25px 20px 25px 20px;
width: 800px;
}

div#Header {
width: 100%;
clear: both;
margin-bottom: 30px;
}

div#navcontainer {
width: 100%;
text-align: center;
}

div#navcontainer ul 
{
margin: 0;
/* min-width: 800px; */
padding: 0;
}

div#navcontainer ul li 
{
list-style-type: none;
display: inline-block;
margin: 0 10px 0 0;
width: 209px;
height: 39px;
}

div#navcontainer ul li a,
div#navcontainer ul li a:link,
div#navcontainer ul li a:active,
div#navcontainer ul li a:hover, 
div#navcontainer ul li a:visited
{
display: inline-block;
width: 209px;
height: 39px;
background-image: url(nav.png);
text-decoration: none;
}

div#navcontainer ul li a span 
{
display: block;
padding: 15px 0;
text-align: center;
color: #ffffff;
font-family: arial;
font-size: 15px;
font-weight: normal;
}

div.spacer {
width: 100%;
height: 30px;
clear: both;
}

h1 {
font-family: arial narrow;
color: #339900;
font-size: 180%;
}

h2 {
font-family: arial narrow;
color: #339900;
font-size: 140%;
}

p {
font-family: arial;
color: #333333;
font-size: 90%;
line-height: 130%;
}

div#pic-container {
width: 100%;
margin: 0 auto;
padding: 0 auto;
text-align: center;
}

span.byline {
font-family: arial;
color: #555555;
font-size: 80%;
}

span.underline {
text-decoration: underline;
}

span.bold {
font-weight: bold;
}

table.contact {
width: 500px;
}

table.contact tr {
width: 100%;
}

table.contact tr td.left {
width: 250px;
font-family: arial;
color: #333333;
font-size: 90%;
font-weight: bold;
padding: 15px 0px 15px 0px;
}

table.contact tr td.right {
width: 250px;
font-family: arial;
color: #333333;
font-size: 90%;
padding: 15px 0px 15px 0px;
}

div#footer {
width: 910px;
clear: both;
background: #444444;
text-align: center;
padding: 40px 20px 40px 20px;
margin: 0 auto;
}

div#footer p {
font-family: arial;
color: #ffffff;
font-size: 70%;
line-height: 180%;
}

span.bld {
padding: 0px 8px 0px 8px;
font-weight: bold;
}

div#SubNavcontainer {
float: left;
width: 200px;
display: inline;
}

div#SubNavcontainer ul {
margin: 0;
padding: 0;
list-style-type: none;
}

div#SubNavcontainer ul li {
display: block;
}

div#SubNavcontainer ul  li a:link,
div#SubNavcontainer ul  li a:active,
div#SubNavcontainer ul  li a:visited
{
display: block;
width: 200px;
font-family: arial;
color: #339900;
font-size: 12px;
padding: 4px 0px 6px 0px;
border-bottom: 1px solid #339900;
text-decoration: none;
}

div#SubNavcontainer ul li a:hover, 
div#SubNavcontainer ul li a#current
{
display: block;
width: 200px;
font-family: arial;
color: #339900;
font-size: 12px;
padding: 4px 0px 6px 0px;
border-bottom: 1px solid #339900;
background: #dddddd;
}

div#right-content {
width: 580px;
float: right;
display: inline;
}

ol li {
font-family: arial;
color: #333333;
font-size: 100%;
}

ul li {
font-family: arial;
color: #333333;
font-size: 100%;
}

div.news-image {
float: left;    
}
Silliest Ways To Promote Your Website
by sailtheworld in Web Design Discussion (February 6 '10, 10:57 PM)
First off, I hope this is an appropriate forum to post this thread.

So I want to know: what do you think are the silliest ways are that someone can promote their website?

Here is my idea (I don't recommend actually doing this):
Go to BestBuy, and find a computer - act like you are interested in buying it. When the salesperson asks if you need any help, tell them you are just looking and wait for them to walk way. Open the web browser and load your website. Leave it open. Now walk to the next computer and repeat this process until all of the computers show your website. If you are really feeling sneaky, bookmark it on all of the computers.

Like I said, these don't have to be good or even moral ideas, they just have to be silly "what-if" ideas.
embedded btn script conflicts with css of links
by gravital in HTML and CSS Help (February 4 '10, 01:00 AM)
<script type="text/javascript" src="https://www.ClickBook.net/dev/bc.nsf/cb_mode1.js?Open&title=Click here to schedule an appointment&type=button&uid=5FAA3F10231BCE36CA2576 A40074A51D"></script>

this script from clickbook.net (a scheduling service) conflicts with the style for my navigation. it is placed within a div tag with in the body.

I have attached the html file and the css file. It effects all browsers except IE. it seems to override the "up" color and the decoration of all links on this specific page. Any help or explanation would be greatly appreciated.


Thank you
Cascading Form
by Jrwhar in HTML and CSS Help (February 4 '10, 12:13 PM)
Basically I need a form that has two drop down boxes and they second chanes based on the first, and depending on the second either a checkbox or another form comes up. Seeing as how Im a beginner and Im lerning as I go along, I wound up getting completely lost. If anyone has any advice or can point me to a tutorial it would be very very much appreciated!!!
Updating a google map
by waikoloavrm in Adobe Photoshop Help (February 5 '10, 01:32 PM)
Hello,
I am trying to update a google map that is about 8 years old. Attached are two maps. One has no updates and the other has some houses added. How do you add this? Is there a software that adds things in with the same look as google?
Tabs/Slider/something else neat?H
by IdealistLeo in Javascript, AJAX, and JSON (February 2 '10, 07:44 PM)
Hey All,
I am in the process of hand coding my first site (i've been working in CMSs for quite some time), the site will act as my personal portfolio/freelancer base in the coming months. Mainly the site is a way to test out my skills, and I am going over my options for content display.

My initial thought was to perhaps design with the "one-page" concept, which I highly enjoy. But after some thinking about what I would like to provide (such as area for potential clients to download contracts/agreements), as well as a area with information about the various CMS systems I use; I think I might need a multi-page site. So I would like to ask your opinion on what you think about the following, and your suggestions on techniques for the one you choose.

1.Go with the multi-page site, perhaps making the home page very artsy. i.e.-pic of me, links placed in neat locations...you know the look. Each additional page could have a life of it's own as well.

2.Go with the single page, and provide tabs for the content area in the middle.

3.Go with the single page, and provide a slider for the content area.

4.Go with the horizontal scroll technique, where each page is accessed by scrolling left or right (so the site would be 4000px+ wide)

5.Go with a multi-page instiallion, with large hand drawn arrows on the side of each page that are clicked to access the next page.

Perhaps another concept? Links to tutorials/live demos would be much appreciated.

Thanks
Devon
Some help with customization of out-of-the-box music store
by emmaburge in PHP (February 3 '10, 08:55 AM)
Hi all

I wondered if anyone had heard of/encountered this:

http://www.maianscriptworld.co.uk/fr...tem/index.html

(there is an admin and store demo down the page and a download file)
Its something im working on customizing to try and save the people im volunteering for from forking out for a content management system (that would probably have to be custom built because ive found out their hosts arent the best..)

im halfway through customizing it but because im only html/css-literate (can read some php, but not other parts) and i think itd be a piece of cake for anyone who knew anything about php could just point me in the right direction itd be v helpful for me.

first off is my footer halfway up the page hah i can appreciate this may be a html error but i cant seem to decipher what i need to change in the mostly php files in order to fix this problem (it is most likely to literally be a missing div/extra div someplace but i cant see for the php..)

Second is customisation of the navigation menu - What i cant understand is where parts of the php such as M_URL and C_URL, which obviously are replaced by data from elsewhere, and the actual anchor text, can be edited. I do apologise for not being as clued up on php, btu in the past I have edited things like this no problem - think I am a bit stumped because I cant find any reference to edit the menu in the .php files, don't really want to touch much that I can't read, and there are no options to edit these within the admin area.

My project so far is at :

www.thebestmusicshop.co.uk/shoptest

(maian script world seems actually pretty useful for those a little more knowledgeable than me!)

Emma
Best way to compare and review?
by Hitch - CP in Web Design Discussion (February 3 '10, 01:46 PM)
Hey guys,

I was wondering what the best way to compare and review products on a site are. I have been researching this for a while but I'm still not sure.

I have played about with Joomla for the last couple of weeks but I'm not sure this is the best option.

I haven't played around with Drupal before nor done much research into it, any pointers?

Would it perhaps be best not to use a CMS at all, and if this is the case, where should I start?

This is a bit of a hazy topic, so I will give you an example of something similar to what I am trying to achieve: http://www.hostfinder.co.uk/

Many thanks for any advice,
Ali
New guy with simple questions
by 72camaross in Web Design Discussion (February 5 '10, 08:29 AM)
Hey guys,
I am a java programmer from school. Right now I'm trying to help out a friend build a webpage for his business. I have no real HTML/CSS, PHP experience but over the last couple days I'm picking it up pretty quickly.
My questions:
I keep seeing websites like this one where all the content is in the middle and the borders are greyed out or a different color. almost look like it's on paper. I'm wondering how do you get that effect?
How do I make it so different links look different using style sheets? Like the menu items VS the content links in the middle?
Finally, how do I create a static navigational menu on the left and have only the content to the right of it change depending on where the user wants to go?
I think it should be pretty simple but I can't seem to find the right tutorial and I'm pretty new to all of this (2 days) haha . I'm using visual studio 2005/2008 and ASP.NET for right now because I had it available.
Thanks guys,
JD
Anchor Tags/Jquery
by IdealistLeo in HTML and CSS Help (February 5 '10, 01:17 AM)
Hey All,
Having finalized the concept for my first hand coded site (most likely), I am considering some options on how to best implement it. Here's the general flow of the site.

Instead of being multi-paged, the site is simply length heavy. The first page/top of the site will consist of the logo to the left, and to to the right a neat hand drawn navigation system. When a user clicks on part of the nav, the page scrolls down, and brings it into view. A few fixed elements, such as a "return to top", and perhaps this neat slider to house a contact form, would remain on the page at all times. A fixed menu will also be attached so the user doesnt have to return to the top to view another page.

I believe this site could be achieved easily enough via the use of anchor tags, but I worry about load times for those still running slower connections.

I have seen some jquery plug-ins that load images only when they are fully scrolled over, but is there a plugin which would only partially load the content, and then fully load it as the user clicks around?

Thanks
Devon
Welcome to Web Design Forums!
What is Web Design Forums?
Web Design Forums is dedicated to helping its users of the web design community of all skill levels with their problems. With supportive members, a friendly environment, and posts without bias, WDF goes above and beyond achieving this goal. Learn more.
Before Posting
Note that some forums have their own additional rules.
Before you participate in discussions at Web Design Forums, you must read and agree to the forum rules.
Today at WDF
Web Design Forums
About WDF
WebDesignForums.net is owned and operated by Transio, LLC - a Miami, FL web design and software development company.
Recent Unanswered Questions
I need a shopping cart badly !!!!!!
in Web Design Discussion by MICHAEL75065
February 9 '10, 04:56 AM
Know about brochure designing tips
in Web Design Discussion by Decarth
February 9 '10, 01:39 AM
Another complete waste of time
in Web Design Discussion by aeroweb99
February 9 '10, 01:13 AM
.WMA Streaming (Standard)...Linux or Windows...???
in Linux, Apache, MySQL, PHP (LAMP) Server Help by mark4man
February 8 '10, 07:57 PM
Your critique and impressions
in Website Ratings and Reviews by RichardC
February 8 '10, 01:26 PM
Looking for AJAX Headline Image Rotator
in Javascript, AJAX, and JSON by MikuruX
February 7 '10, 11:48 AM
Free Tech support website
in Website Ratings and Reviews by thetechempire
February 5 '10, 02:11 AM
Anchor Tags/Jquery
in HTML and CSS Help by IdealistLeo
February 5 '10, 01:17 AM
"Site of the Month" Contest
Vote for your favorite entry in this month's contest! Voting is over at the end of the month.
Last Month's Winner medlington won with 100% of the vote with the entry: Peak District Birding Holidays

View the Hall of Fame for more information about this and past winners.
Your Reputation
Register at Web Design Forums and make quality posts to earn reputation!
Statistics
Members: 21,191 (see who's online)
Newest Member: MICHAEL75065
Posts: 182,095
Threads: 29,586
View moderating team
Happy Birthday
Today's Birthdays: Apok (25), Vegetto91 (24), stormnewmedia (29), Pulse-Designs (21), brainpulse (36), Compheus (50). Is it your birthday? Set your birthday while registering.