Webmaster-Talk.com - CSS Forum http://www.webmaster-talk.com/ CSS coding, i.e. Cascading Style Sheet, discussions and help. en Sat, 21 Nov 2009 00:33:32 GMT vBulletin 60 http://img.webmaster-talk.com/bluesky/vb_img/misc/rss.jpg Webmaster-Talk.com - CSS Forum http://www.webmaster-talk.com/ Sliding Doors - help please! http://www.webmaster-talk.com/css-forum/192054-sliding-doors-help-please.html Fri, 20 Nov 2009 11:14:33 GMT I can't work out how to position my bottom left and right corners:

link here

Ignore the fact that my bottom right corner is repeated! Would be really grateful if someone could take a look! Thanks =) ]]> CSS Forum littlemoomin http://www.webmaster-talk.com/css-forum/192054-sliding-doors-help-please.html Recommended CSS Book http://www.webmaster-talk.com/css-forum/191998-recommended-css-book.html Thu, 19 Nov 2009 15:26:19 GMT Hi All....
I'm looking for a quality book on all thinks CSS.
I'm pretty new to the technique and need to learn how to create full CSS sites. I've been using tables for way too lond :-).

Hope i get some good response and thanks
Andy ]]> CSS Forum AndyJH http://www.webmaster-talk.com/css-forum/191998-recommended-css-book.html vertical gaps in ie6 and ie7 http://www.webmaster-talk.com/css-forum/191942-vertical-gaps-in-ie6-and-ie7.html Wed, 18 Nov 2009 21:18:06 GMT my question is about ie6 and ie7 creating unwanted vertical gap of 3px in my page i have an outer div which is holding 4 inner divs following is... my question is about ie6 and ie7 creating unwanted vertical gap of 3px

in my page i have an outer div which is holding 4 inner divs following is the code

#outer{
float: left;
width: 900px;
height: auto;
}

#outer .inner1{
float: left;
width: 200px;
height: auto;
}
#outer .inner2{
float: left;
width: 200px;
height: auto;
}
#outer .inner3{
float: left;
width: 200px;
height: auto;
}
#outer .inner4{
float: left;
width: 300px;
height: auto;
}

after this a new div starts with width 900px with the remaining page content, in order to clear the floats before the new div starts i have used

<br class="break" />
.break{
clear: both;
}


due to this the next div top edge starts exactly below the bottom edge of the outer div which is holding the inner divs, only in ie6 and ie7 there is a small vertical gap which i want to remove, as of now i have used
*margin: -3px 0 0 0; and _margin: -3px 0 0 0; for ie6 and ie7 for the next div and it looks similar to all other browsers

instead of using the -3px top margin is a way i can avoid the 3px vertical gap that ie is creating.
can i change .break to
.break{
clear: both;
height: 1px;
}

i am not very sure of this. sometimes this code also works <div class="clear"></div> .clear{clear: both;} as an alternative to <br class="break" />

also i have tried using the following code to fix ie6 and 7

* html .divname{
margin: -3px 0 0 0;
}
*+html .divname{
margin: -3px 0 0 0;
}


the advantage of using * html does not give any warnings when i validate the code from w3.org website however using _ and * gives a warning message for using _ and *

please advice if there is a way to avoid the 3px gap in ie6 and 7 without the above code or if there is no other alternative other than to use any of the 2 techniques

thanks. ]]> CSS Forum sudhakararaog http://www.webmaster-talk.com/css-forum/191942-vertical-gaps-in-ie6-and-ie7.html center Horizontal and vertical http://www.webmaster-talk.com/css-forum/191910-center-horizontal-and-vertical.html Wed, 18 Nov 2009 12:02:46 GMT I was looking at the thread : http://www.webmaster-talk.com/css-forum/118081-how-to-center-your-website.html and implemented the method here... I was looking at the thread :

http://www.webmaster-talk.com/css-fo...r-website.html

and implemented the method here :
http://www.jakpsatweb.cz/css/css-ver...-solution.html

this is the site I'm trying to get straight :
http://www.rossedwards.co.uk/ewa/ewa.html

It works ok in IE 8 apart from the fact it crops the top on smaller resolutions or if the window is reduced.

but on firefox and Chrome it won't center at all ! just sit's to the left of the screen.

are there any work arounds that are more up to date and work on the main browsers ?

Thank you for any help ]]> CSS Forum rossoe http://www.webmaster-talk.com/css-forum/191910-center-horizontal-and-vertical.html CSS per page navbar selection http://www.webmaster-talk.com/css-forum/191880-css-per-page-navbar-selection.html Tue, 17 Nov 2009 22:35:00 GMT I have a CSS navbar that has a border left and border right of the currently shown page: Image:... I have a CSS navbar that has a border left and border right of the currently shown page:



Using the following CSS:
Code:
#navlist_current
{
    border-style: solid;
    border-width: 0px 2px 0px 2px;
    padding: 3px 0px 3px 0px;
    margin-right: 2px;
}
and in HTML I have:
Code:
<div id="navcontainer">
    <ul id="navlist">
      <li><a href="/" id="navlist_current">Home</a></li>
What is the best way of going about so that depending on the page the visitor is looking at, it uses the a id navlist_current? I was thinking either with php variables or something along those lines.

Does anyone have any ideas?

Thanks ]]> CSS Forum bswinnerton http://www.webmaster-talk.com/css-forum/191880-css-per-page-navbar-selection.html Site OK on Firefox 3 broken on Firefox2 http://www.webmaster-talk.com/css-forum/191877-site-ok-firefox-3-broken-firefox2.html Tue, 17 Nov 2009 21:24:13 GMT Dear Forumers,

I'd like to ask for your help with the following site:
www.eletkozpont.hu

If you take a look in FF3, everything is fine. But in FF2 the bottom menu is messed up, and instead of lining up below each other, the menu pics line up ON each other.

Here is a part of the CSS, I don't want to post the full code since it would take pages:

#imenu {
float: left;
display: inline;
margin-left: 67px;
margin-top: 14px;
margin-bottom: 11px;
width: 170px;
}
#imenu span {
display: none;
}
#imenu ul {
padding: 0px;
margin: 0px;
list-style-type: none;
}
#imenu li a {
padding-bottom: 7px;
}
#imenu-1 a {
float: left;
height: 20px;
width: 170px;
background: url(TextIyashi1.png) no-repeat;
_background: none;
}
#imenu-2 a {
float: left;
height: 20px;
width: 170px;
background: url(TextIyashi2.png) no-repeat;
_background: none;
}
#imenu-3 a {
float: left;
height: 20px;
width: 170px;
background: url(TextIyashi3.png) no-repeat;
_background: none;
}

...

#mmenu {
float: left;
display: inline;
margin-left: 51px;
margin-top: 14px;
width: 122px;
}
#mmenu span {
display: none;
}
#mmenu ul {
padding: 0px;
margin: 0px;
list-style-type: none;
}
#mmenu li a {
padding-bottom: 7px;
}
#mmenu-1 a {
float: left;
height: 20px;
width: 135px;
background: url(TextMassage1.png) no-repeat;
_background: none;
}
#mmenu-2 a {
float: left;
height: 20px;
width: 135px;
background: url(TextMassage2.png) no-repeat;
_background: none;
}

...

Any ideas on how to fix this?

Thanks! ]]> CSS Forum Zjd http://www.webmaster-talk.com/css-forum/191877-site-ok-firefox-3-broken-firefox2.html Help with moving buttons to left side of video http://www.webmaster-talk.com/css-forum/191873-help-moving-buttons-left-side-video.html Tue, 17 Nov 2009 19:45:57 GMT I don't know how to make the buttons (overview, firm, practice, etc) be vertically aligned to the left of the player, could someone help. I lost what I had and can't find it... Thanks

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" content="text/html;charset=utf-8" />
<meta name="author" content="Calliope Media, Inc / Lawsuit.com" />
<title>Lawsuit.com - Calliope Media, Inc </title>
<meta name="keywords" content="Calliope Media, Inc " />
<meta name="description" content="Calliope (ka-LIE-oh-pee), meaning beautiful voice, was the chief of the nine Muses. She was the patron of epic poetry and her symbol was a writing tablet. We�??ve adopted Calliope as our Muse because we hold that Calliope�??s tablet was blank, tabula rasa, and so with each client that comes through our door, we see infinite potential in your business, giving it a beautiful voice for the world to hear." />
<link href="http://www.lawsuit.com/css/lawsuitstyle.css" rel="stylesheet" type="text/css" />
<link href="http://www.lawsuit.com/css/videopanel.css" rel="stylesheet" type="text/css" />
<link href="http://www.lawsuit.com/css/playlist.css" rel="stylesheet" type="text/css" />
<style type="text/css">
.branch{        display: none; }
</style>
<script type="text/javascript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
 
function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}
 
function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
  if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>
 
<body onload="showTabBranch('overview');MM_preloadImages('http://www.lawsuit.com/videoimages/Overview_RLO.jpg','http://www.lawsuit.com/videoimages/Firm_RLO.jpg','http://www.lawsuit.com/videoimages/Practice_RLO.jpg','http://www.lawsuit.com/videoimages/Contact_RLO.jpg','http://www.lawsuit.com/videoimages/Video_RLO.jpg')">
 
<div id="maincontent">
<!-- BEGIN HEADER AREA -->
        <div id="header">
            <div id="right_header">
                <div id="client_login">
            <a href="#"><img src="http://www.lawsuit.com/sitemimages/Client_Login.jpg" alt="Client Login" border="0" /></a>
            </div> <!-- client_login -->
                    <div id="telephone">
                        <span class="tele"><span class="teleblue">TEL:</span> 800 425 0789</span>
                    </div><!--telephone -->
        </div> <!-- right_header -->
                <div id="left_header">
                    <div id="logo"><a href="/"><img src="http://www.lawsuit.com/sitemimages/Lawsuit_Logo.jpg" alt="Lawsuit.com Logo" border="0"/></a>
                </div> <!-- logo -->
            </div> <!-- left_header -->
    </div> <!-- header -->
<!-- END HEADER -->
 
 
<!-- BEGIN MENU -->
 
    <div id="topmenubg">
            <div id="searchbar">
<form method="get" id="searchform" action="http://www.lawsuit.com/lawbits/">
        <div id="searchfield">
        <input type="text" name="s" id="s" size="30" />
        </div> <!--searchfield-->
<div id="searchbutton"><input name="" type="image" src="http://www.lawsuit.com/sitemimages/Search_Button.jpg" /></div>
</form>
        </div> <!--searchbar-->
 
                <div id="topmenu">
                        <div class="topmenucontainer">
                    <div class="topmenuitem">
                        <a href="http://www.lawsuit.com/index.html">Home</a>
 
                        </div> <!--topmenuitem -->
                    </div> <!--topmenucontainer -->
 
                <div class="topmenucontainer">
                    <div class="topmenuitem">
                        <a href="http://www.lawsuit.com/lawyer-directory.html">Legal Directory</a>
                        </div> <!--topmenuitem -->
                </div> <!--topmenucontainer -->
 
 
                <div class="topmenucontainer">
                    <div class="topmenuitem">
                        <a href="http://www.lawsuit.com/lawsuit-tv.html">Lawsuit TV</a>
                        </div> <!--topmenuitem -->
                </div> <!--topmenucontainer -->
 
                <div class="topmenucontainer">
                    <div class="topmenuitem">
 
                        <a href="http://www.lawsuit.com/lawbits">Lawbits</a>
                        </div> <!--topmenuitem -->
                </div> <!--topmenucontainer -->
 
                <div class="topmenucontainer">
                    <div class="topmenuitem">
                        <a href="http://www.lawsuit.com/linking.html">Links</a>
 
                        </div> <!--topmenuitem -->
 
                </div> <!--topmenucontainer -->
        </div><!--topmenu-->
    </div> <!-- topmenubg-->
<!--END MENU -->
 
 
 
 
<!--BEGIN SUBCONTENT AREA -->
 
        <div id="subcontent">
 
<!-- BEGIN RIGHT COLUMN -->
 
<div id="rightcolumn">
 
<!-- BEGIN LAWYER DIRECTORY MODULE -->
<div id="videopane">
<div id="playerback">
<div id="selectorinset">
<!-- root element of the playlist -->
<div id="playlist">
 
</div>
</div> <!-- selectorinset -->
<div id="videocontentinset">
 
 
 
<a
    href="http://lawsuitvideo.s3.amazonaws.com/weisslaw/robert_a.flv"
    style="display:block;width:300px;height:260px;"
    id="player">
</a>
<!-- include desired tools -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript"  src="http://www.lawsuit.com/js/flowplayer-3.1.4.min.js"></script>
<script language="JavaScript" type="text/javascript" >
    flowplayer("player", "http://www.lawsuit.com/flowplayer/flowplayer.commercial-3.1.3.swf",
        { key: '$5f6958d93f75903d9f8',
          clip:  {
        autoPlay: false,
        autoBuffering: false
      }
        });
</script>
 
</div> <!-- videocontentinset -->
</div>  <!-- playerback -->
<div id="playerbuttons">
      <a href="#" onclick="showTabBranch('overview')" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Overview1','','http://www.lawsuit.com/videoimages/Overview_RLO.jpg',1)"><img src="http://www.lawsuit.com/videoimages/Overview_STD.jpg" alt="Overview" name="Overview1" width="196" height="60" border="0" id="Overview1" /></a>
 
      <a href="#" onclick="showTabBranch('firm')" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Firm1','','http://www.lawsuit.com/videoimages/Firm_RLO.jpg',1)"><img src="http://www.lawsuit.com/videoimages/Firm_STD.jpg" alt="Firm" name="Firm1" width="196" height="60" border="0" id="Firm1" /></a>
 
      <a href="#" onclick="showTabBranch('practice')" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Practice1','','http://www.lawsuit.com/videoimages/Practice_RLO.jpg',1)"><img src="http://www.lawsuit.com/videoimages/Practice_STD.jpg" alt="Practice" name="Practice1" width="196" height="60" border="0" id="Practice1" /></a>
 
      <a href="#" onclick="showTabBranch('contact')" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Contact1','','http://www.lawsuit.com/videoimages/Contact_RLO.jpg',1)"><img src="http://www.lawsuit.com/videoimages/Contact_STD.jpg" alt="Contact" name="Contact1" width="196" height="60" border="0" id="Contact1" /></a>
 
      <a href="#" onclick="showTabBranch('videos')" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Video1','','http://www.lawsuit.com/videoimages/Video_RLO.jpg',1)"><img src="http://www.lawsuit.com/videoimages/Video_STD.jpg" alt="Video" name="Video1" width="196" height="60" border="0" id="Video1" /></a>
      </div>
                    <!-- playerbuttons -->
            </div> <!-- videopanel -->

 
<!-- END LAWYER DIRECTORY -->
 
<!-- BEGIN NEWS MODULE AREAS -->
<script language="JavaScript" type="text/JavaScript">
function hideBranch(branch)
{
        var objBranch = document.getElementById(branch).style;
                objBranch.display="none";
}
 
function showTabBranch(branch)
{
        hideBranch('overview');
        hideBranch('firm');
        hideBranch('practice');
        hideBranch('contact');
        hideBranch('videos');
 
 
        var objBranch = document.getElementById(branch).style;
        if(objBranch.display=="block")
                objBranch.display="none";
        else
                objBranch.display="block";
}
 
</script>
<div id="newsmodules">
<div class="contentheader">Calliope Media, Inc</div>
<div class="branch" id="overview">
<p>Calliope Media is a full-service marketing company, featuring offerings in lead generation, creative and campaign management and case management. Although we&rsquo;ve created a knowledgeable niche in the legal and medical industries, we&rsquo;ve been assisting companies from virtually every industry. We draw from a deep network of highly professional programmers, writers, designers, and marketing and advertising gurus because we comprehend the need for corporations to penetrate markets with a comprehensive game plan.</p>
</div>
<div class="branch" id="firm">
<h2><strong>The Team </strong><br /></h2>
<p><strong>Read here for some information about the masterminds behind Calliope Media, Inc.</strong></p>
<p><strong>Thomas Arthur</strong><br /><strong>Chief Executive Officer</strong></p>
<p>Thomas Arthur is the co-founder and CEO of Calliope Media, Inc. Tom is responsible for all marketing aspects of the company and its subsidiary, Lawsuit.com. With more than fifteen years of experience in the marketing industry, Tom has integrated his skills to develop leading marketing strategies for several successful business firms. Formerly, he was a co-founding partner of CMTM, Inc., and also led market development in the initial stage of business for Einstein Industries; both early-market Internet development firms. Tom was also Vice President of the Success Institute where he established territories in Santa Barbara and the Inland Empire to ultimately position the company for acquisition.&nbsp;</p>
<p>Tom has now redirected his marketing initiatives to launch Calliope Media, Inc.; a full-service marketing firm specializing in lead generation and management for attorneys. Recently, Tom introduced Lawsuit.com to further capture the legal market.</p>
<p>He takes great pleasure in helping his clients procure cases which convert into multi-million dollar settlements.</p>
<p>&nbsp;</p>
<p><strong>Nathaniel Robinson<br />Chief Operating Officer</strong><br /><br />Nate Robinson is a co-founder and chief operating officer of Calliope Media, Inc. Nate directs all aspects of business development and engineering for the firm. <br /><br />Previously, Nate was instrumental in the growth of several Internet development firms where he held top-level titles. Notably, he was Head of Engineering at Einstein Industries where he developed ecommerce strategies and internal marketing applications for the firm. He was also a co-founder of CMTM, Inc., an Internet marketing firm specializing in the legal industry. <br /><br />In addition, Nate earned a patent at Websense for the development of an artificial intelligence project with the capability to analyze and categorize websites in any language.</p>
<p>Nate treats your business as if it was his own and is excited to step up to any challenge.</p>
<p>&nbsp;</p>
<p><strong>Geoff Gordon<br />Operations Manager</strong><br /><br />Geoff is responsible for marketing, production and the daily business operations at Calliope.&nbsp; Prior to joining Calliope, Geoff spent more than 10 years in senior marketing and financial positions at companies in the ecommerce, computer hardware and financial services industries. Geoff earned his MBA from the Thunderbird School of Global Management and his BBA from the University of Wisconsin, Madison.<br /><br />When not at work (or thinking about work), Geoff enjoys spending time with his beautiful wife and two beautiful children. He&rsquo;s an avid Scuba diver and looks forward to the day when technology will allow him to be as productive underwater as he is above!</p>
<p>&nbsp;</p>
<p><strong>Simone Vazquez<br />Business Advisor</strong></p>
<p>Simone is a stellar part of the Calliope team, bringing with her big-name experience, having spent time as a project manager at Coca Cola. Simone also helps add diversity to the Calliope team through comprehensive experience that also includes five years as a health and exercise science teacher at San Diego Community College (SDCC). She was also the women&rsquo;s tennis coach for six years at SDCC, which would explain why her closest encounter with a celebrity was when she tried to offer some coaching tips to Serena Williams at the Sony Erickson Classic.<br /><br />Simone has achieved an incredibly strong foundation through her studies at Syracuse University (Nutrition) and SDSU (BS in Kinesiology); she was even granted a full Division I scholarship for her tennis and crew skills! She then went on to graduate school at Azusa Pacific University for a master&rsquo;s degree in education.<br /><br />When she&rsquo;s not busy advising you on your way to great business success, she&rsquo;s checking her pulse and competing in triathlons, including training for the Ironman! And as much as she loves helping businesses make well-informed decisions, her greatest joy is her wonderful four-year-old daughter Morgan.</p>
<p><strong></strong><br /><strong>Eryn Crary<br />Business Advisor</strong></p>
<p>When you speak with Eryn, you&rsquo;ll immediately know that your business is in good hands. She reaches back to call on her experience at Clear Channel Communications as a marketing specialist and her experience at Wenner Media as the southwest sales assistant for Men&rsquo;s Journal Magazine. She then combines that with an ever-evolving knowledge of the marketplace to help provide you with lucrative solutions. <br /><br />Eryn&rsquo;s strong background includes a BA degree from the California State University at Long Beach, specializing in Interpersonal and Organizational Communication.<br /><br />Eryn loves that she&rsquo;s found a job she loves that combines the worlds of medicine, law, and marketing. In addition to her job, she loves to travel, try anything new, read memoirs and be under the sun. <br /><br />In 2007, she won the board game Clue in just two turns; a one in five million possibility.</p>
</div>
<div class="branch" id="practice">
<p><strong>Here's what some of our attorney clients have to say about out services:</strong></p>
<p>"It is definitely worthwhile to advertise through Calliope Media. Our firm has seen a positive return on the monies spent with your service."<br />&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;&nbsp; Law firm in Chicago, IL</p>
<p><br />"First, I wanted to thank you for offering an opportunity to utilize your targeted leads generation service. Your service has truly proven to increase my firm&rsquo;s exposure and obtain more clients."<br />&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;&nbsp; Attorney in Ft. <span style="color: #0000ff;"><span style="color: #333333;"><span style="font-size: x-small;">Lauderdale</span></span></span>, FL,</p>
<p><br />"On behalf of all of the Suggs &amp; Kelly crew, I cannot tell you how happy we are with Calliope Media and all the good work you have done for us this year."<br />&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;&nbsp; Law Firm in Myrtle Beach, South Carolina</p>
<p><br />"To Prospective Clients of Calliope Media, I began a working relationship with Calliope Media in April 2003. Since that&nbsp;time, my targeted clients have increased significantly and I have a large number of cases currently in process. My advisor at Calliope Media has been incredibly supportive and helpful in every respect. I would highly recommend Calliope Media for the reason that they are people of their word and deliver as promised."<br />&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;&nbsp; Law Firm in Indianapolis, Indiana</p>
</div>
<div  class="branch" id="contact">
 <p>By filling out the form below, your email will be forwarded to Calliope Media, Inc.  This does not constitute an attorney/client relationship-- there is no charge to you, nor are you
 bound to use this firm's services-- it is only for evaluation purposes.</p>
 
 
 
<form name="genericform" method="post" action="http://www.an-attorney-for-you.com/legal/thankyou.htm">
          <div align="left">
            <input type="hidden" name="command" value="doCSZCaseSubmission" />
            <input type="hidden" name="affid" value="216079"/>
            <input type="hidden" name="caseentrypage" value="Lawsuit.com:73790-216079"/>
            <input type="hidden" name="cid" value="1"/>
            <table width="372" border="0">
                                            <tr><td width="118" >First Name:</td><td width="244" ><input type="text" name="firstname" /> </td></tr>
                                            <tr><td >Last Name:</td><td ><input type="text" name="lastname"/></td></tr>
 
                                            <tr><td >City:</td><td ><input type="text" name="city"/></td></tr>
                                            <tr><td >State:</td><td>
 
                    <select name="statename" id="statename">
 
                <option value="0" selected="selected">Select a state</option>
                      <option value="1">: Alabama</option>
 
              <option value="2">: Alaska</option>
 
                      <option value="3">: Arizona</option>
                      <option value="4">: Arkansas</option>
 
 
              <option value="5">: California</option>
 
                <option value="6">: Colorado</option>
                      <option value="7">: Connecticut</option>
 
              <option value="8">: Delaware</option>
 
                      <option value="9">: D.C.</option>
                      <option value="10">: Florida</option>
 
 
              <option value="11">: Georgia</option>
 
                <option value="12">: Hawaii</option>
                      <option value="13">: Idaho</option>
 
              <option value="14">: Illinois</option>
 
                      <option value="15">: Indiana</option>
                      <option value="16">: Iowa</option>
 
 
              <option value="17">: Kansas</option>
 
                <option value="18">: Kentucky</option>
                      <option value="19">: Louisiana</option>
 
              <option value="20">: Maine</option>
 
                      <option value="21">: Maryland</option>
                      <option value="22">: Massachusetts</option>
 
 
              <option value="23">: Michigan</option>
 
                <option value="24">: Minnesota</option>
                      <option value="25">: Mississippi</option>
 
              <option value="26">: Missouri</option>
 
                      <option value="27">: Montana</option>
                      <option value="28">: Nebraska</option>
 
 
              <option value="29">: Nevada</option>
 
                <option value="30">: New Hampshire</option>
                      <option value="31">: New Jersey</option>
 
              <option value="32">: New Mexico</option>
 
                      <option value="33">: New York</option>
                      <option value="34">: North Carolina</option>
 
 
              <option value="35">: North Dakota</option>
 
                <option value="36">: Ohio</option>
                      <option value="37">: Oklahoma</option>
 
              <option value="38">: Oregon</option>
 
                      <option value="39">: Pennsylvania</option>
                      <option value="40">: Rhode Island</option>
 
 
              <option value="41">: South Carolina</option>
 
                <option value="42">: South Dakota</option>
                      <option value="43">: Tennessee</option>
 
              <option value="44">: Texas</option>
 
                      <option value="45">: Utah</option>
                      <option value="46">: Vermont</option>
 
 
              <option value="47">: Virginia</option>
 
                <option value="48">: Washington</option>
                      <option value="49">: West Virginia</option>
 
              <option value="50">: Wisconsin</option>
 
                      <option value="51">: Wyoming</option>
                            </select></td></tr>
 
              <tr><td >Zip:</td><td><input type="text" name="zipcode" /></td></tr>
 
            <tr><td >Phone:</td><td><input name="phone1" id="phone1" type="text" size="3" maxlength="3" onkeyup="return autotab(this, 3, event);"/>-<input name="phone2" id="phone2" type="text" size="3" maxlength="3" onkeyup="return autotab(this, 3, event);"/>-<input type="text" name="phone3" id="phone3" size="4" maxlength="4"/>
                  * required </td>
              </tr>
 
              <tr><td colspan="2">* Please include a valid phone number for contact purposes. It will be treated as confidential.</td></tr>
              <tr><td >Alt Phone:</td><td><input onkeyup="return autotab(this, 3, event);" size="3" maxlength="3" name="altphone1" id="altphone1"/>-<input onkeyup="return autotab(this, 3, event);" size="3" maxlength="3" name="altphone2" id="altphone2"/>-<input onkeyup="return autotab(this, 4, event);" size="4" maxlength="4" name="altphone3" id="altphone3"/>
                  (optional) </td>
 
 
            </tr>
              <tr><td >Email:</td><td><input type="text" name="email" id="email" /></td></tr>
                  <tr>
 
              <td >Claim:</td><td><textarea name="casedescription" cols="30" rows="4" id="casedescription"></textarea></td></tr>
              <tr><td colspan="2"> <div align="center">
                      <p><span class="branch" id="firstNameError"><font color="#FF0000">Please fill out the Firstname field.</font></span>
 
                              <span class="branch" id="lastNameError"><font color="#FF0000">Please fill out the Lastname field.</font></span>
 
                        <span class="branch" id="cityError"><font color="#FF0000">Please enter a city name.</font></span>
 
                              <span class="branch" id="stateError"><font color="#FF0000">Please select a state.</font></span>
                            <span class="branch" id="locationZipcodeError"><font color="#FF0000">Your zipcode entry must be 5 numbers.</font></span>
                              <span class="branch" id="phoneError"><font color="#FF0000">Please enter a valid phone number.</font></span>
                              <span class="branch" id="altPhoneError"><font color="#FF0000">The alternate phone number you entered is invalid.</font></span>
 
                              <span class="branch" id="noContactError"><font color="#FF0000">Please enter a valid email or a phone number.</font></span>
 
                    <span class="branch" id="noEmailError"><font color="#FF0000">Please enter a valid email.</font></span>
 
                            <span class="branch" id="noCaseDescription"><font color="#FF0000">Please enter a case description, helping us to determine your legal needs.</font></span>
                          <span class="branch" id="confirmationError"><font color="#FF0000">Please check the confirmation box then click on the submit button.</font></span></p>
                      <input type="submit" name="Submit" value="Submit" onclick="return validatefields();"/>
              </div></td></tr>
            </table>
          </div>
 </form>
</div>
<div  class="branch" id="videos">
http://lawsuitvideo.s3.amazonaws.com/weisslaw/robert_a.flv
</div>
</div> <!--directory-->
 
<!-- END NEWS MODULEs  -->
 
</div> <!--rightcolumn -->
<!-- END RIGHT COLUMN -->
 
 
<!-- BEGIN LEFT COLUMN -->
 
<div id="leftcolumn">
 
 
 
 
 
                <div id="leftmenu">
                    <div class="moduleheader">
                        Lawsuit Listing
                </div> <!--moduleheader -->
                <div class="modulecontainer">
                                    <div class="menuitem">
                    <a href="http://www.lawsuit.com/index.html">:: Lawsuit.com :: </a>
                    </div> <!--menuitem-->
 
 
</div>
</div>
<br />
 
 
 
 
<div class="moduleheader">Mission Statement</div> <!--moduleheader -->
                <div class="modulecontainer">
                                    <div class="menuitem">
                    Calliope (ka-LIE-oh-pee), meaning beautiful voice, was the chief of the nine Muses. She was the patron of epic poetry and her symbol was a writing tablet. We�??ve adopted Calliope as our Muse because we hold that Calliope�??s tablet was blank, tabula rasa, and so with each client that comes through our door, we see infinite potential in your business, giving it a beautiful voice for the world to hear.
                    </div> <!--menuitem-->
                </div>
 
</div> <!--leftcolumn-->
 
<!-- END LEFT COLUMN -->
 
 
 
<!-- END SUBCONTENT -->
 
<!-- BEGIN FOOTER -->
        <div id="footer">
    <div id="copyrightbar">
    @ Copyright 2009 - <a href="http://www.calliopemedia.com/">Calliope Media, Inc.</a>
    </div> <!--copyrightbar-->
    <div id="bottommenu">
                        <div class="bottommenucontainer">
                    <div class="bottommenuitem">
                        <a href="#">For Lawyers</a>
                        </div> <!--bottommenuitem -->
                    </div> <!--bottommenucontainer -->
 
                <div class="bottommenucontainer">
                    <div class="bottommenuitem">
                        <a href="#">Advertise Your Firm</a>
                        </div> <!--bottommenuitem -->
                    </div> <!--bottommenucontainer -->
 
                <div class="bottommenucontainer">
                    <div class="bottommenuitem">
                        <a href="#">About Us</a>
                        </div> <!--bottommenuitem -->
                    </div> <!--bottommenucontainer -->
 
                <div class="bottommenucontainer">
                    <div class="bottommenuitem">
                        <a href="#">Contact Us</a>
                        </div> <!--bottommenuitem -->
                    </div> <!--bottommenucontainer -->
 
    </div> <!--bottommenu-->
    </div> <!-- footer -->
<!-- END FOOTER-->
 
        <div id="spacer"> </div> <!--spacer-->
  </div><!--subcontent-->
</div><!-- maincontent -->
 
<!-- include desired tools -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript"  src="http://www.lawsuit.com/js/flowplayer-3.1.4.min.js"></script>
<script language="JavaScript" type="text/javascript" >
    flowplayer("player", "http://www.lawsuit.com/flowplayer/flowplayer.commercial-3.1.3.swf",
        { key: '$5f6958d93f75903d9f8',
          clip:  {
        autoPlay: false,
        autoBuffering: false
      }
        });
</script>
</body>
</html>
]]> CSS Forum pbmedia http://www.webmaster-talk.com/css-forum/191873-help-moving-buttons-left-side-video.html Help with 2 column Layout http://www.webmaster-talk.com/css-forum/191869-help-with-2-column-layout.html Tue, 17 Nov 2009 18:31:20 GMT http://hvacdirect.us/

I can't figure out how to fix this. This is the first time I have actually tried using floats in CSS. I have always positioned absolutely inside relative, however the problem with this is that whenever I add content it goes over the bottom of the page.

Please look at the source of this page and tell me where/where not to use floats, where I should clear them, and why my content is passing my footer.

Thanks in advance,
Brandon ]]> CSS Forum WebTraffic http://www.webmaster-talk.com/css-forum/191869-help-with-2-column-layout.html Problem with fluid width box http://www.webmaster-talk.com/css-forum/191776-problem-with-fluid-width-box.html Mon, 16 Nov 2009 12:50:20 GMT I have a sub navigation box with rounded corners in my left column: _link here_ how can i get my blue button which is currently sitting... I have a sub navigation box with rounded corners in my left column:

link here

how can i get my blue button which is currently sitting underneath this box to sit centred in this box?

Cheers ]]> CSS Forum littlemoomin http://www.webmaster-talk.com/css-forum/191776-problem-with-fluid-width-box.html Why has my navigation bar disappeared?! http://www.webmaster-talk.com/css-forum/191773-why-has-my-navigation-bar-disappeared.html Mon, 16 Nov 2009 11:10:53 GMT Hi, I'm working on a site at the moment, just uploaded my recent changes to the css and my horizontal navigation bar has disappeared completely! please could you take a look:

link here

thanks! ]]> CSS Forum littlemoomin http://www.webmaster-talk.com/css-forum/191773-why-has-my-navigation-bar-disappeared.html no transparency on my corners http://www.webmaster-talk.com/css-forum/191678-no-transparency-on-my-corners.html Sat, 14 Nov 2009 18:51:16 GMT hi, i have a javascript dropdown menu about halfway down the page at this link http://oddnerdrum.info (http://oddnerdrum.info/) the tab is black. and... hi, i have a javascript dropdown menu about halfway down the page at this link http://oddnerdrum.info the tab is black. and it has white around its bottom border corners, which i want to get rid of, any help GREATLY appreciated. thanks. derek


here is the css for the tab.

Code:
.ddpanel .ddpanelcontent{ /*CSS for "content" DIV of Drop Down Panel*/
color: #B39551;
background:#333333; /*background of Drop Down Panel*/
/*Do NOT add any "padding" or "margin" properties here! Any padding/margin should be added to your content's container within this DIV instead */
}

.ddpanel .ddpaneltab{ /*CSS for "toggle" tab DIV of Drop Down Panel*/
margin-right: 20px;
font: normal 12px Arial;
}

.ddpanel .ddpaneltab a{ /*"toggle" tab related CSS*/
float: left; /* was right*/
color: #333333;
background: black url(toggleleft.gif) no-repeat left bottom; /*background of toggle tab*/
text-decoration: none;
letter-spacing: 1px;
}

.ddpanel .ddpaneltab a span{ /*"toggle" tab related CSS*/
float: left;
display: block;
background: transparent url(toggleright.gif) no-repeat right bottom;
padding: 1px 12px 4px 13px;
cursor: pointer;
}

.ddpanel .ddpaneltab a span img.pointerimage{ /*CSS for pointer image within toggle tab*/
margin-top: 2px;
margin-left: 5px;
}

.ddpanel .ddpaneltab a:hover{ /*"toggle" tab related CSS*/
background-color: navy; /*background of toggle tab onMouseover*/
}

.ddpanel .ddpaneltab a:active, .ddpanel .ddpaneltab a:focus{ /*"toggle" tab related CSS*/
outline: 0;
}

.ddpanel .ddpaneltab a:hover span{ /*"toggle" tab related CSS*/
background-color: transparent;
}
]]> CSS Forum silverglade http://www.webmaster-talk.com/css-forum/191678-no-transparency-on-my-corners.html Float Left :( http://www.webmaster-talk.com/css-forum/191659-float-left.html Sat, 14 Nov 2009 12:27:18 GMT body,td,th { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; } body { margin-left: 0px;]]>
Code:
<style>
body,td,th {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
}
body {
  margin-left: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
}
.Menu {
  margin-top: 50px;
}
.Menu .M {
  width: 800px;
  margin-right: auto;
  margin-left: auto;
  background-color: #333333;
  color: #FFFFFF;
}
.Menu .M .Nav {
  display: block;
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  position: relative;
}
.Menu .M .Nav Li {
  display: block;
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  position: relative;
  float: left;
}
-->
</style>
</head>

<body>
<div class="Menu">
  <div class="M">
    <ul class="Nav">
      <li>Anasayfa</li>
      <li>HAkkımızda</li>
      <li>Deneme</li>
    </ul>
  </div>
</div>
</body>

Not Work In FF And IE... There is A Problem At "Float Left"... Can U Help Me... Sorry My English is Not Good... ]]> CSS Forum sahmurza http://www.webmaster-talk.com/css-forum/191659-float-left.html NavBar IE Issue http://www.webmaster-talk.com/css-forum/191613-navbar-ie-issue.html Fri, 13 Nov 2009 18:27:46 GMT I'm having a heck of a time getting my navbar to work. I think that what I need is a second set of eyes to help me get my CSS straight.

Anyways, I have a working navbar in Firefox which should look like this:

but unforunately in internet explorer I'm getting this:


Here is the HTML:

Code:
  <div id="container">
  <div id="banner"><a href="http://www.mysite.com" /></div>
  <div id="navcontainer">
    <ul id="navlist">
      <li><a href="/" id="navlist_current">Home</a></li>
      <li><a href="/blog">Blog</a></li>
      <li><a href="/news">News</a></li>
      <li><a href="/reviews">Reviews</a></li>
      <li><a href="/websolutions">Web Solutions</a></li>
      <li><a href="/contactus">Contact Us</a></li>
      <li>
      <div id="search">
        <form action="search.html" id="cse-search-box">
          <div>
            <input type="hidden" name="cx" value="0136059034576918921841:bted32mmqvm" />
            <input type="hidden" name="cof" value="FORID:10" />
            <input type="hidden" name="ie" value="UTF-8" />
            <input type="text" name="q" size="31" value="Search" onclick="this.value=''" />
            <input type="submit" name="sa" value="Go" />
          </div>
        </form>
      </div>
    </ul>
  </div>
and the CSS:

Code:
html, body {
    background-image: url(images/background.gif);
    background-repeat: repeat-x;
    background-color: #8c8c8c;
}

body,td,th {
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: .8em;
    line-height: 1.3em;
    color: #333;
}

a:link {
    color: #006699;
    text-decoration: none;
}

a:visited {
    color: #006699;
    text-decoration: none;
}

a:active {
    color: #006699;
    text-decoration: none;
}

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

#container {
    background-color:#FFFFFF;
    height: auto;
    width: 900px;
    border: 1px solid #333333;
    margin: 0 auto;
    margin-bottom: 10px;
    position: relative;
}

#banner {
    background-image: url(images/mysite_test_logo_no_border.gif);
    background-repeat: no-repeat;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #666;
    height: 104px;
}

#banner a {
    display: block;
    height: 100%;
    width: 100%;
    color: #666;
}

#banner a:visited {
    color: #666;
}

#navcontainer {
    border-bottom-width: 1px;                     
    border-bottom-style: solid;                     
    border-bottom-color: #666;                       
    background-color:#F5F5F5;                       
}

#navcontainer ul
{
    margin-left: 0;                                   
    padding-left: 10px;                               
    list-style-type: none;                           
    margin-top: 0px;                               
    padding-top: 10px;                               
}

#navlist li
{
    list-style: none;                               
    display: inline;                               
    padding-left: 0px;                             
}

#navlist a
{
    display: block;
    padding-bottom: 3px;
    width: 160px;
    background-color: #F5F5F5;
    display: inline;
    font-size: 1.05em;
    padding-left: 0px;
}

#navlist a:link, #navlist a:visited
{
    color: #333;
    text-decoration: none;
    display: inline;
    padding: 3px 6px 3px 6px;
}

#navlist a:hover
{
    background-color: #333;
    color: #fff;
    display: inline;
    padding: 3px 6px 3px 6px;
}

#navlist_current
{
    border-style: solid;
    border-width: 0px 2px 0px 2px;
    padding: 3px 0px 3px 0px;
}

#footer {
    position:absolute;
    bottom:0px;
    width: 100%;
    height:20px;  /* Height of the footer */
    background:#F5F5F5;
    left: 0px;
    border-top: 1px;
    border-top-style: solid;
    border-top-color: #666;
    font-size: .8em;
}

img {
    border: 1px solid #333;
}

.title {
    font-size: 16px;
    text-decoration: underline;
    padding-bottom: 3px;
}

#row1{
    height: 75%;
    overflow: hidden;
}

#row2 {
    height: auto;
    overflow: hidden;
}

#column1_1 {
    width: 400px;
    float: left;
    margin-top: 10px;
    margin-left: 25px;
}

#column1_2 {
    width: 400px;
    float: right;
    margin-top: 10px;
    margin-right: 25px;
}

#column2_1 {
    width: 250px;
    float: left;
    margin-left: 25px;
    font-size: .9em;
    text-align: justify;
}

#column2_2 {
    width: 250px;
    margin-right: 325px;
    margin-left: 325px;
    position: relative;
    font-size: .9em;
    text-align: justify;
}

#column2_3 {
    width: 250px;
    float: right;
    margin-right: 25px;
    font-size: .9em;
    text-align: justify;
}

#search {
    float: right;
    padding-right: 10px;
}

#cse-search-results {
    padding: 10px 10px 10px 10px;
}

p {
    font-size:.9em;
}
If someone could help me out and just offer some insight on where I may be going wrong, I'd greatly appreciate it. ]]> CSS Forum bswinnerton http://www.webmaster-talk.com/css-forum/191613-navbar-ie-issue.html How to make IMAGE link in web site without decoration with css? http://www.webmaster-talk.com/css-forum/191583-how-make-image-link-web-site.html Fri, 13 Nov 2009 08:02:54 GMT Hi, in my site their are images which links to another page, but i want to display it without any decoration, but it is a link so it has a blue... Hi,


in my site their are images which links to another page, but i want to display it without any decoration, but it is a link so it has a blue border which i don't like. I want IMAGE without any decoration with css.
I use link,alink,vlink in <body> tab but HTML 4.01 dues not support it. ]]> CSS Forum greenerworld007 http://www.webmaster-talk.com/css-forum/191583-how-make-image-link-web-site.html <![CDATA[Image floated left with 2nd image 'below' and floated right - need text to wrap]]> http://www.webmaster-talk.com/css-forum/191567-image-floated-left-2nd-image-below.html Fri, 13 Nov 2009 03:18:17 GMT I'm attempting the following layout:

------------------ Lorem ipsum dolar lorem ipsum dolar
- Image 1 - lorem ipsum dolar lorem ipsum dolar
- - lorem ipsum dolar lorem ipsum dolar
------------------ lorem ipsum dolar lorem ipsum dolar
lorem ipsum dolar lorem ipsum dolar --------------------
lorem ipsum dolar lorem ipsum dolar - Image 2 -
lorem ipsum dolar lorem ipsum dolar - -
lorem ipsum dolar lorem ipsum dolar --------------------

Image 1 is floated to the left. Image 2 is floated to the right. Image 2's top edge should be below Image 1's bottom edge. Text should wrap around both images.

I cannot get Image 2 to drop below Image 1. Here was my last attempt.

Code:
<div class="pic-left"><img class="pic-border" src="Image 1" />
  <div class="attribution"><a href="/attr/1">Image 1</a></div>
</div>
<div class="pic-right"><img class="pic-border" src="Image 2" />
  <div class="attribution"><a href="/attr/2">Image 2</a></div>
</div>
Lorem ipsum dolar lorem ipsum dolar lorem ipsum dolar lorem ipsum dolar ...

  .pic-right
  {
    float: right;
    clear: left;
    margin-left: 10px;
    margin-bottom: 10px;
  }

  .pic-left
  {
    float: left;
    clear: right;
    margin-right: 10px;
    margin-bottom: 10px;
  }

  .pic-border
  {
    border: 2px solid rgb(0, 0, 0);
  }

  .attribution
  {
    margin-top: 0px;
    font-size: 8px;
  }
Any suggestions? ]]> CSS Forum Temporal http://www.webmaster-talk.com/css-forum/191567-image-floated-left-2nd-image-below.html Yet another IE float issue http://www.webmaster-talk.com/css-forum/191545-yet-another-ie-float-issue.html Thu, 12 Nov 2009 21:05:34 GMT Hello, all -

I've been banging my head agaist this one for a while. I've tried many of the suggested float-fixes for IE and nothing seems to help. Any suggestions appreciated!

The issue is this: When pages are loaded in IE which have float:right elements (photos inside divs), they briefly position themselves correctly, then the margin-left value (10px) goes away and they are snug up against the text. An example is here:

http://pandora.cii.wwu.edu/showcase2.../portfolio.asp

If you refresh a couple times while watching one of the pictures on the right hand side, you (might) see what I mean (hopefully).

If not, and this is the weird part, open up the developer toolbar, select one of those float:right boxes, uncheck either the margin or the float property, then re-check it. The problem goes away. Why, oh why, oh why...

Thanks again.

Nick, WWU ]]> CSS Forum icurays1 http://www.webmaster-talk.com/css-forum/191545-yet-another-ie-float-issue.html IE6, Floats and Border http://www.webmaster-talk.com/css-forum/191454-ie6-floats-and-border.html Wed, 11 Nov 2009 23:17:20 GMT I'm not exactly sure where the right border is coming from with this one in IE6. Looks fine in FF, IE7 and IE8...But in IE6 the sidebar is off (I'm assuming a float issue?) and we have a random border.

Any ideas?

http://wpthemes.triplemoonsdesign.com/
(you will need to click the Carolina Computer Network Solutions theme) ]]> CSS Forum TripleMoons http://www.webmaster-talk.com/css-forum/191454-ie6-floats-and-border.html Crazy viewing issue http://www.webmaster-talk.com/css-forum/191453-crazy-viewing-issue.html Wed, 11 Nov 2009 21:27:04 GMT I have a site done and called the client to take a look at it. It validates perfectly, I have checked it in IE 5.5, 6.0, 7, 8, FF and Chrome on my... I have a site done and called the client to take a look at it. It validates perfectly, I have checked it in IE 5.5, 6.0, 7, 8, FF and Chrome on my machines. Looks fine.

Test site is here. Client takes a look using IE 8 and says the phone numbers in the head show in two lines instead of one as in:
941
xxx-xxxx

He says the same thing for the Lic# in the footer, that also displays on two lines.

I called someone and asked them to look at the site and they said it displays fine. Does anyone have an idea why this would happen.

Thanks for looking. ]]> CSS Forum fog http://www.webmaster-talk.com/css-forum/191453-crazy-viewing-issue.html Onclick for CSS Image Gallery http://www.webmaster-talk.com/css-forum/191416-onclick-for-css-image-gallery.html Wed, 11 Nov 2009 12:04:51 GMT I have created a CSS image gallery that works great when a thumbnail is hovered over. Is there any way of making it work for when you *click* a... I have created a CSS image gallery that works great when a thumbnail is hovered over. Is there any way of making it work for when you click a thumbnail as well?
I have tried using a:active and this works in ie but not in Firefox.
Is there any form of - easy - Javascript out there that would add on to this to support an onclick state?????? ]]> CSS Forum jj1 http://www.webmaster-talk.com/css-forum/191416-onclick-for-css-image-gallery.html question about css http://www.webmaster-talk.com/css-forum/191373-question-about-css.html Tue, 10 Nov 2009 22:49:53 GMT i am having a small issue with font size in browsers. i am using smarty template engine to create websites, i have originally created the html... i am having a small issue with font size in browsers.

i am using smarty template engine to create websites, i have originally created the html pages using css after slicing in photoshop. the pages look similar with respect to font sizes in all browsers

when i integrate this html page into smarty i am using a copy of a template in smarty to create a website, so this copy also has a css file, i have commented most of the code in this css file which is in the smarty folder and i have used my css code which i initially created.

the problem i am facing is with firefox only and all other browsers work fine

only in firefox the text for h1, h2, p, ul li, a... etc are all appearing 1px smaller in size when compared to all other browsers

i have tried using !important and inline styles however only firefox is displaying the text in the entire page 1px smaller compared to all other browsers which is not consistant.

i have the following in the css file
* {
margin: 0;
padding: 0;
border: 0;
}
body {
background: #ffffff;
font: normal 12px Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
}



please advice.

any help will be greatly appreciated.

thanks. ]]> CSS Forum sudhakararaog http://www.webmaster-talk.com/css-forum/191373-question-about-css.html CSS problem http://www.webmaster-talk.com/css-forum/191333-css-problem.html Tue, 10 Nov 2009 10:45:33 GMT Need to know how the pull down menu and a browse button could take a style like www discovertravel.no i tried to make it but it did not work... Need to know how the pull down menu and a browse button could take a style like


www discovertravel.no

i tried to make it but it did not work on firefox... so can anyone help me to make this style coz it appears well in firefox. ]]> CSS Forum john_zakaria http://www.webmaster-talk.com/css-forum/191333-css-problem.html Footer showing at top of page, over content?!? http://www.webmaster-talk.com/css-forum/191291-footer-showing-top-page-over-content.html Mon, 09 Nov 2009 23:58:17 GMT Hi Everyone,

I'm designing a small personal website, my first one not using tables :D - Anyways, I'm having a small problem with displaying a footer.

Basically, I want the footer to stretch right across the bottom of the page underneath everything else. The problem i'm facing is that whenever I place my footer outside of the container div, it appears at the top of my page, underneath my header, over the top of the content.

I've attached my CSS and HTML -- Any ideas would be greatly appreciated! I'll get my head around this some time :rolleyes:

CSS has been shortened to fit on post.

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>
<title>Untitled-1</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>

<div id="Table_01">
      <div id="header-01_">
          <img id="header_01" src="http://www.webmaster-talk.com/images/header_01.gif" width="800" height="9" alt="" />    </div>
        <div id="header-02_"></div>
        <div id="header-03_">
          <img src="http://www.webmaster-talk.com/images/header_03.gif" alt="" name="header_03" width="26" height="7" border="0" id="header_03" /> </div>
        <div id="header-04_">
          <img id="header_04" src="http://www.webmaster-talk.com/images/header_04.gif" width="12" height="79" alt="" />    </div>
        <div id="header-05_">
          <img src="http://www.webmaster-talk.com/images/header_05.gif" alt="" name="header_05" width="43" height="7" border="0" id="header_05" /> </div>
        <div id="header-06_">
          <img id="header_06" src="http://www.webmaster-talk.com/images/header_06.gif" width="14" height="79" alt="" />    </div>
        <div id="header-07_">
          <img src="http://www.webmaster-talk.com/images/header_07.gif" alt="" name="header_07" width="26" height="7" border="0" id="header_07" /> </div>
        <div id="header-08_">
          <img id="header_08" src="http://www.webmaster-talk.com/images/header_08.gif" width="14" height="79" alt="" />    </div>
        <div id="header-09_">
          <img src="http://www.webmaster-talk.com/images/header_09.gif" alt="" name="header_09" width="56" height="9" border="0" id="header_09" /> </div>
        <div id="header-10_">
          <img id="header_10" src="http://www.webmaster-talk.com/images/header_10.gif" width="14" height="79" alt="" />    </div>
        <div id="header-11_">
          <img src="http://www.webmaster-talk.com/images/header_11.gif" alt="" name="header_11" width="51" height="7" border="0" id="header_11" /></div>
        <div id="header-12_">
          <img id="header_12" src="http://www.webmaster-talk.com/images/header_12.gif" width="5" height="79" alt="" />    </div>
        <div id="header-13_">
          <img id="header_13" src="http://www.webmaster-talk.com/images/header_13.gif" width="26" height="72" alt="" />    </div>
        <div id="header-14_">
          <img id="header_14" src="http://www.webmaster-talk.com/images/header_14.gif" width="43" height="72" alt="" />    </div>
        <div id="header-15_">
          <img id="header_15" src="http://www.webmaster-talk.com/images/header_15.gif" width="26" height="72" alt="" />    </div>
        <div id="header-16_">
          <img id="header_16" src="http://www.webmaster-talk.com/images/header_16.gif" width="51" height="72" alt="" />    </div>
        <div id="header-17_">
          <img id="header_17" src="http://www.webmaster-talk.com/images/header_17.gif" width="56" height="70" alt="" />    </div>
        <div id="header-18_"></div>
        <div id="header-19_"></div>
        <div id="header-20_"></div>
        <div id="header-21_"></div>
        <div id="header-22_"></div>
        <div id="header-23_"></div>
        <div id="header-24_"></div>
        <div id="header-25_"></div>
    <div id="header-26_">
      <div id="contentarea">
        <div id="topspacer">
        </div>
            <div align="center"><img src="http://www.webmaster-talk.com/images/home-banner.jpg" alt="Image: Homepage" width="790" height="198" />
              <div class="spacer5"></div>
              <img src="http://www.webmaster-talk.com/images/mytab.png" width="196" height="80" /><img src="http://www.webmaster-talk.com/images/mytab2.png" width="196" height="80" /><img src="http://www.webmaster-talk.com/images/mytab3.png" width="196" height="80" /><img src="http://www.webmaster-talk.com/images/mytab4.png" width="196" height="80" /><br />
        </div><div class="spacer10"></div>
            <div id="left550">
              <div class="blheader">
                <h1>Welcome to My Website!</h1>
              </div>
              <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vehicula  venenatis nibh, malesuada ultricies leo elementum nec. Proin  pellentesque pretium arcu, a ultrices ipsum aliquam at. Donec  pellentesque urna eget neque vulputate porta. </p>
            </div>
            <div id="right230"><div class="pkheader">
              <h2>My Photos</h2>
            </div>
              <div align="center"><div class="spacer5"></div>
                <p><img src="http://www.webmaster-talk.com/images/beach.jpg" alt="The Beach" /><br />   
                <strong>The Beach</strong></p>
                <p align="left">This is a picture of a beach that I took last year!</p>
                <p align="left">&nbsp;</p>
                <p align="left">&nbsp;</p>
              </div>
            </div><div class="clearing"></div><div class="spacer5"></div>
          <div class="bluesep"></div>
               
        <img src="http://www.webmaster-talk.com/images/me-and-family.jpg" alt="" width="790" height="300" border="0" />
          <div class="spacer5"></div>
        <div class="left50">
          <h1>A Bit About Me</h1>
            <p>&nbsp;</p>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vehicula  venenatis nibh, malesuada ultricies leo elementum nec. Proin  pellentesque pretium arcu, a ultrices ipsum aliquam at. Donec  pellentesque urna eget neque vulputate porta. Nullam non ornare orci.  Sed iaculis leo et elit lacinia porta ultrices dolor sollicitudin. </p>
        </div>
        <div class="right50">
          <h1>A Bit About My Wife</h1>
          <p>&nbsp;</p>
          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vehicula  venenatis nibh, malesuada ultricies leo elementum nec. Proin  pellentesque pretium arcu, a ultrices ipsum aliquam at. Donec  pellentesque urna eget neque vulputate porta. Nullam non ornare orci.  Sed iaculis leo et elit lacinia porta ultrices dolor sollicitudin. </p>
        </div>
          <div class="clearing"></div>
          <div class="spacer5"></div>
          <div class="bluesep"></div>
          <div class="spacer5"></div>
        <div class="fullacross"></div>
      </div><!-- End div -->
    </div>
</div>
<div class="clearing"></div>
<div id="footer">This is my footer.</div>
</body>
</html>
HTML Code:
body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    background-image: url(images/topbg.gif);
    background-repeat: repeat-x;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #333333;

}

#Table_01 {
    position:relative;
    left:0px;
    top:0px;
    width:800px;
    height:128px;
    margin-left:auto;
    margin-right:auto;

    min-height:100%;
}

#header-01_ {
    position:absolute;
    left:0px;
    top:0px;
    width:800px;
    height:9px;
}

#header-02_ {
    position:absolute;
    left:0px;
    top:9px;
    width:539px;
    height:79px;
    background-image:url(images/header_02.gif);
}

#header-03_ {
    position:absolute;
    left:539px;
    top:9px;
    width:26px;
    height:7px;
}

#header-04_ {
    position:absolute;
    left:565px;
    top:9px;
    width:12px;
    height:79px;
}

#header-05_ {
    position:absolute;
    left:577px;
    top:9px;
    width:43px;
    height:7px;
}

#header-06_ {
    position:absolute;
    left:620px;
    top:9px;
    width:14px;
    height:79px;
}

#header-07_ {
    position:absolute;
    left:634px;
    top:9px;
    width:26px;
    height:7px;
}

#header-08_ {
    position:absolute;
    left:660px;
    top:9px;
    width:14px;
    height:79px;
}

#header-09_ {
    position:absolute;
    left:674px;
    top:9px;
    width:56px;
    height:9px;
}

#header-10_ {
    position:absolute;
    left:730px;
    top:9px;
    width:14px;
    height:79px;
}

#header-11_ {
    position:absolute;
    left:744px;
    top:9px;
    width:51px;
    height:7px;
}

#header-12_ {
    position:absolute;
    left:795px;
    top:9px;
    width:5px;
    height:79px;
}

#header-13_ {
    position:absolute;
    left:539px;
    top:16px;
    width:26px;
    height:72px;
}

#header-14_ {
    position:absolute;
    left:577px;
    top:16px;
    width:43px;
    height:72px;
}

#header-15_ {
    position:absolute;
    left:634px;
    top:16px;
    width:26px;
    height:72px;
}

#header-16_ {
    position:absolute;
    left:744px;
    top:16px;
    width:51px;
    height:72px;
}

#header-17_ {
    position:absolute;
    left:674px;
    top:18px;
    width:56px;
    height:70px;
}

#header-18_ {
    position:absolute;
    left:0px;
    top:88px;
    width:100px;
    height:33px;
}

#header-19_ {
    position:absolute;
    left:100px;
    top:88px;
    width:100px;
    height:33px;
}

#header-20_ {
    position:absolute;
    left:200px;
    top:88px;
    width:100px;
    height:33px;
}

#header-21_ {
    position:absolute;
    left:300px;
    top:88px;
    width:100px;
    height:33px;
}

#header-22_ {
    position:absolute;
    left:400px;
    top:88px;
    width:100px;
    height:33px;
}

#header-23_ {
    position:absolute;
    left:500px;
    top:88px;
    width:100px;
    height:33px;
}

#header-24_ {
    position:absolute;
    left:600px;
    top:88px;
    width:100px;
    height:33px;
}

#header-25_ {
    position:absolute;
    left:700px;
    top:88px;
    width:100px;
    height:33px;
}

#header-26_ {
    position:absolute;
    left:0px;
    top:121px;
    width:800px;
    height:7px;
}

#contentarea{
width:790px;
margin-left:auto;
margin-right:auto;
background-color:#FFFFFF;
margin-top:0;
padding-left:5px;
padding-right:5px;
}

#contentarea p,h1,h2,h3,h4,h5{
margin-top:0;
margin-bottom:0;
}

.clearing{
clear:both;
}


#footer{
margin-top:10px;
margin-bottom:5px;
background-image:url(images/footerimg-btm.gif);
width:100%;
height:24px;
padding-top:8px;
padding-left:5px;
color:#FFFFFF;
position:relative;
bottom:0;
left:0;
}
Thanks in advance!

Davey ]]> CSS Forum Davey90994 http://www.webmaster-talk.com/css-forum/191291-footer-showing-top-page-over-content.html Div positioning http://www.webmaster-talk.com/css-forum/191262-div-positioning.html Mon, 09 Nov 2009 12:41:20 GMT Hi I have a three column page On the left and right most columns, i require to position container in each column that sits at the footer of the... Hi

I have a three column page

On the left and right most columns, i require to position container in each column that sits at the footer of the column. This will result in the container in each column adjusting depending on the size of the screen

How do i do this.

cheers ]]> CSS Forum numbenator http://www.webmaster-talk.com/css-forum/191262-div-positioning.html Textbox not aligning to the right. http://www.webmaster-talk.com/css-forum/191135-textbox-not-aligning-to-the-right.html Sat, 07 Nov 2009 17:29:00 GMT I have tried everything tp align a textbox. Here is what I am having trouble with. This is a picture of what I need Image:... I have tried everything tp align a textbox.

Here is what I am having trouble with.


This is a picture of what I need


---

Code:
<span style="float: left;">
Main News Message:
</span>
<textarea class="theform" name="mainnewsmessage" cols="40" rows="5">You may recognize the Poison Arrow pub and the aquanite from our Guaranteed Content polls. Everything in the Poison Arrow came from in-game suggestions and the forums. And thats not all: beware of aquanites...</textarea>

<hr>
and the css:
Code:
<style type="text/css">
input.theform {
border:solid 1px #675f39;
padding:4px 2px;
}
textarea.theform {
border:solid 1px #675f39;
padding:4px 2px;
align: right;
}
</style>
]]> CSS Forum sith717 http://www.webmaster-talk.com/css-forum/191135-textbox-not-aligning-to-the-right.html Not giving button style http://www.webmaster-talk.com/css-forum/191125-not-giving-button-style.html Sat, 07 Nov 2009 13:45:58 GMT I currently have this css: Code: --------- input{ font-size:12px; padding:4px 2px; border:solid 1px #675f39; } I currently have this css:

Code:
input{
font-size:12px;
padding:4px 2px;
border:solid 1px #675f39;
}
</style>
and this form:

Code:
<form action="accounts-password.php" AUTOCOMPLETE = "off" method="POST">
<input type="hidden" name="member" value="1" />

<span style="float: left;">
Your old Password:
</span>
<span style="float: right;">
<input size="40" class="only" type="password" name="oldpass">
</span>
<br><br>
<hr>

<span style="float: left;">
Your New Password:
</span>
<span style="float: right;">
<input size="40" type="password" name="newpass">
</span>
<br><br>

<span style="float: left;">
Re-Type Your New Password:
</span>
<span style="float: right;">
<input size="40" type="password" name="veri">
</span>
<br><br>
<hr>
<center>
<input name="chpass" id="submit" type="submit" value="Change Password" >
</center>

</form>
I only want css style for the input textboxes like:
Code:
<input size="40" type="password" name="newpass">
For some reason Its giving me a css style for the submit button:
Code:
<input name="chpass" id="submit" type="submit" value="Change Password" >
How do I do it so the submit button stays default like with no css added to it, but the input text boxes still keep it?

I guess its because they are both starting with the '<input', not sure. ]]> CSS Forum sith717 http://www.webmaster-talk.com/css-forum/191125-not-giving-button-style.html CSS Sub Menu http://www.webmaster-talk.com/css-forum/191123-css-sub-menu.html Sat, 07 Nov 2009 13:20:57 GMT Hello I am new to using CSS and I am using the following menu on my site coding below. HTML: --------- #menu12 { width: 178px; padding:... Hello

I am new to using CSS and I am using the following menu on my site coding below.

HTML Code:
#menu12 {
width: 178px;
padding: 0 0 0 0;
margin-bottom: 1em;
font-size: 11px;
font-weight: normal;
font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
background-color: #6898d0;
color: #333;
}
#menu12 ul {
list-style: none;
margin: 0;
padding: 0;
border: none;
}
#menu12 li {
border-bottom: 1px solid #90bade;
margin: 0;
width: auto;
}
#menu12 li a {
display: block;
padding: 3px 0px 3px 0.5em;
border-left: 5px solid #8AA1B6;
border-right: 5px solid #8AA1B6;
background-color: #6898d0;
color: #fff;
text-decoration: none;
width: auto;
}
#menu12 li a:hover {
border-left: 5px solid #800000;
border-right: 5px solid #800000;
background-color: #FF7C3E;
color: #fff;
}
.bt1 {
width : auto;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
text-align : left;
font-weight : bold;
color : #ffffff;
background-color : #8AA1B6;
padding-top : 3px;
padding-bottom : 4px;
padding-left : 4px;
border-left: 5px solid #FF7C3E;
display : block;
}
.ht11 {
font-size : 10px;
font-weight: bold;
color : #000;
font-family : Verdana, Arial, Helvetica, sans-serif;
text-decoration : none;
}
.hw12 {
font-size : 11px;
font-weight : bold;
color : #ffffff;
font-family : verdana, arial, helvetica, sans-serif;
text-decoration : none;
}
 
 
<div id="menu12">
<ul>
<li><div class="bt1"><span class="ht11">»&nbsp;</span>
<span class="hw12">Navigation Menu</span></div></li>
<li><a title="Home" href="#">Home</a></li>
<li><a title="Photos" href="#">Photo Gallery</a></li>
<li><a title="Events" href="#">Events Calendar</a></li>
<li><a title="Forum" href="#">Community</a></li>
<li><a title="Articles" href="#">Article Directory</a></li>
<li><a title="Link Directory" href="#">Link Directory</a></li>
<li><a title="Download" href="#">Freeware Download</a></li>
</ul>
</div>
I would like to use a submenu within this menu, but I am having problems adapting the above coding to show a sub menu, could someone point me in the right direction please.

Regards

Webdoc ]]> CSS Forum Webdoc01 http://www.webmaster-talk.com/css-forum/191123-css-sub-menu.html How To Make Custom CSS? http://www.webmaster-talk.com/css-forum/191065-how-to-make-custom-css.html Fri, 06 Nov 2009 20:37:59 GMT Hello world, I was wondering, is it possible to make a custom CSS class? Sort of like: #testDIV { width: 100px; height: 100px; 3dfactor:... Hello world,

I was wondering, is it possible to make a custom CSS class?

Sort of like:

#testDIV {
width: 100px;
height: 100px;
3dfactor: z4;
}

Obviously, there is no '3dfactor' in CSS. I'm asking if there is a way to program it in, so you can make your own custom statements.

Thanks! :) ]]> CSS Forum Physicsguy http://www.webmaster-talk.com/css-forum/191065-how-to-make-custom-css.html Css pixels to percents http://www.webmaster-talk.com/css-forum/191056-css-pixels-to-percents.html Fri, 06 Nov 2009 18:18:28 GMT I have been building a website for a client and created it initially in pixels. However, this was not the best idea as the client is now asking for... I have been building a website for a client and created it initially in pixels. However, this was not the best idea as the client is now asking for me to change it to percents.

I can not find an easy way to change everything over to percents and it killing me

I have used many divs in the document - and 1 table.

I have read how to convert it using simple math - but every time I try it does not turn out.

Is there an easy way to change it over? Or do I have to go through the process of resizing all pictures etc?

I am using a style sheet. Gah - I knew I bit off more then I could chew! haha

I tried to change the style sheet last night for a good 4 hours and had to revert back to my original save.

I am just very confused when I set the main div a lets say 75%. Then I have two columns inside that div - which were set at 20% and 80%. This made the second column jump down to the next line - and also didn't change any of the text or pictures within side the divs.

hmmmmm

These divs also have cell padding - which I assume is part of the problem?

Thanks,

Very confused Jakob ]]> CSS Forum Ashtel http://www.webmaster-talk.com/css-forum/191056-css-pixels-to-percents.html navbar line up http://www.webmaster-talk.com/css-forum/191007-navbar-line-up.html Thu, 05 Nov 2009 23:42:03 GMT Another question, I created a NAVBAR and I want it to stretch to both sides of the body. Its shy of touching the right border of the body as seen in... Another question, I created a NAVBAR and I want it to stretch to both sides of the body. Its shy of touching the right border of the body as seen in the picture:



here is my css:
Code:
@charset "utf-8";
/* CSS Document */


html {
  background-color: #000;
}

p{
font-family: Verdana, Geneva, sans-serif;
font-size: 11px;
text-indent: 10px;
color: #000000;
line-height: 18px;
padding: 3px;
}


h1{
font-family: Verdana, sans-serif;
border-bottom: 2px white dotted;
font-size: 35px;
color: #818f33;
line-height: 50px;
padding: 0px;
border-bottom: .5px black dotted;
}


b{
color: #dce450;
padding-top: 2px;
border-bottom: .5px black dotted;
}


body{
background-color: #fff;
 border: 3px solid #85A110;
  width: 760px;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;

}


/*** Nav bar styles ***/

ul.nav,
.nav ul{
/*Remove all spacings from the list items*/
    margin: 0;
    padding: 0;
    cursor: default;
    list-style-type: none;
    display: inline;
}

ul.nav{
    display: table;
}
ul.nav>li{
    display: table-cell;
    position: relative;
    padding: 2px 6px;
}

ul.nav li>ul{
/*Make the sub list items invisible*/
    display: none;
    position: absolute;
    max-width: 40ex;
    margin-left: -6px;
    margin-top: 2px;
}

ul.nav li:hover>ul{
/*When hovered, make them appear*/
    display : block;
}

.nav ul li a{
/*Make the hyperlinks as a block element, sort of a hover effect*/
    display: block;
    padding: 2px 10px;
}

/*** Menu colors (customizable) ***/

ul.nav,
.nav ul,
.nav ul li a{
    background-color: #fff;
    color: #818f33;
}


ul.nav li:hover,
.nav ul li a:hover{
    background-color: #000;
    color: #fff;
}

ul.nav li:active,
.nav ul li a:active{
    background-color: #036;
    color: #fff;
}

ul.nav,
.nav ul{
    border: 1px solid #818f33;
}

.nav a{
    text-decoration: none;
}
and 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" content="text/html; charset=utf-8" />
<title>Index Testing</title>

<link href="stylesheet.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--



-->
</style>
</head>

<body>
<img src="file:///C|/Documents and Settings/Chris/Desktop/luongonetwork/codwf2/banner.jpg" width="760" height="250"    />


<ul class="nav">
<li><strong>Home</strong>
    <ul>
    <li></li>
    </ul>
</li>
<li><strong>Site Information</strong>
    <ul>
    <li>About Us</li>
    <li>Contact Us</li>
    <li>Submit Content</li>
    <li>Site Map</li>
    </ul>
</li>
<li><strong>Discuss</strong>
    <ul>
    <li>Forums</li>
    <li>Facebook</li>
    <li>Myspace</li>
    <li>Youtube</li>
    </ul>
</li>
<li><strong>COD:MW2</strong>
    <ul>
    <li>About The Game</li>
    <li>Availability</li>
    <li>Buy It</li>
    <li>Other COD Games</li>
    </ul>
<li><strong>Single Player</strong>
    <ul>
    <li>Story Overview</li>
    <li>Missions</li>
    <li>Mission Guide</li>
    <li>Characters</li>
    </ul>
<li><strong>Weapons</strong>
    <ul>
    <li>Weapon List</li>
    <li>Weapon Strategies</li>
    <li>Weapon Pictures</li>
    <li>Weapon Stats</li>
    </ul>
<li><strong>Maps</strong>
    <ul>
    <li>Map List</li>
    <li>Map Strategies</li>
    <li>Map Downloads</li>
    <li>Map Pictures</li>
    </ul>
<li><strong>Multiplayer</strong>
    <ul>
    <li>Multiplayer Information</li>
    <li>Perks</li>
    <li>Modes</li>
    <li>Killstreaks</li>
    <li>Attachments</li>
    <li>Levels</li>
    <li>Strategies</li>
    <li>Prestiging</li>
    </ul>
<li><strong>Achievements</strong>
    <ul>
    <li>Single Player Achievements</li>
    <li>Multiplayer Achievements</li>
    <li>Achievement Guide</li>
   
    </ul>
</li></ul>


<h1>   
Hey this is a title</h1>
<p>This is a <b>paragraph</b> of text that will explain a lot of **** for example the purpose of my website, as well as how to edit the css files in my website to create a unique looking feel. This is a paragraph of text that will explain a lot of **** for example the purpose of my website, as well as how to edit the css files in my website to create a unique looking feel. This is a paragraph of text that will explain a lot of **** for example the purpose of my website, as well as how to edit the css files in my website to create a unique looking feel. </p>
<h1>Hey this is a title 2</h1>
<p>This is a paragraph of <b>text</b> that will explain a lot of **** for example the purpose of my website, as well as how to edit the css files in my website to create a unique looking feel. This is a paragraph of text that will explain a lot of **** for example the purpose of my website, as well as how to edit the css files in my website to create a unique looking feel. This is a paragraph of text that will explain a lot of **** for example the purpose of my website, as well as how to edit the css files in my website to create a unique looking feel. </p>
<p>This is a paragraph of text that will explain a lot of **** for example the purpose of my website, as well as how to edit the css files in my website to create a unique looking feel. This is a paragraph of text that will explain a lot of **** for example the purpose of my website, as well as how to edit the css files in my website to create a unique looking feel. This is a paragraph of text that will explain a lot of **** for example the purpose of my website, as well as how to edit the css files in my website to create a unique looking feel. </p>
<p>&nbsp;</p>
<p>&nbsp;</p>
</body>
</html>
]]> CSS Forum boxiom http://www.webmaster-talk.com/css-forum/191007-navbar-line-up.html need my banner to fit perfectly http://www.webmaster-talk.com/css-forum/190887-need-my-banner-to-fit-perfectly.html Wed, 04 Nov 2009 23:53:07 GMT I need my banner to fit PERFECTLY in my body container. The container element is set to be 760px wide so I made my banner 760px wide. But for some... I need my banner to fit PERFECTLY in my body container. The container element is set to be 760px wide so I made my banner 760px wide. But for some reason, my banner seems to enlarge the body container. (where all the content is).

I want my banner to touch the tip top of my body container (RIGHT where the green border is) and touch the sides perfectly. I want it to SNAP into space basically.



CSS:
Code:
@charset "utf-8";
/* CSS Document */


html {
  background-color: #000;
}

p{
font-family: Verdana, Geneva, sans-serif;
font-size: 11px;
text-indent: 10px;
color: #000000;
line-height: 18px;
padding: 3px;
}


h1{
font-family: Verdana, sans-serif;
border-bottom: 2px white dotted;
font-size: 35px;
color: #033;
line-height: 50px;
padding: 0px;
}


b{
background-color: #CCC;
padding-top: 2px;
border-bottom: .5px white dotted;
}


body{
background-color: #fff;
 border: 3px solid #85A110;
  width: 760px;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
    padding: 15px;
}

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" content="text/html; charset=utf-8" />
<title>Index Testing</title>

<link href="stylesheet.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--



-->
</style>
</head>

<body>
<img src="file:///C|/Documents and Settings/Chris/Desktop/luongonetwork/codwf2/banner.jpg" width="760" height="250" />
<h1>   
Hey this is a title</h1>
<p>This is a <b>paragraph</b> of text that will explain a lot of **** for example the purpose of my website, as well as how to edit the css files in my website to create a unique looking feel. This is a paragraph of text that will explain a lot of **** for example the purpose of my website, as well as how to edit the css files in my website to create a unique looking feel. This is a paragraph of text that will explain a lot of **** for example the purpose of my website, as well as how to edit the css files in my website to create a unique looking feel. </p>
<h1>Hey this is a title 2</h1>
<p>This is a paragraph of <b>text</b> that will explain a lot of **** for example the purpose of my website, as well as how to edit the css files in my website to create a unique looking feel. This is a paragraph of text that will explain a lot of **** for example the purpose of my website, as well as how to edit the css files in my website to create a unique looking feel. This is a paragraph of text that will explain a lot of **** for example the purpose of my website, as well as how to edit the css files in my website to create a unique looking feel. </p>
<p>This is a paragraph of text that will explain a lot of **** for example the purpose of my website, as well as how to edit the css files in my website to create a unique looking feel. This is a paragraph of text that will explain a lot of **** for example the purpose of my website, as well as how to edit the css files in my website to create a unique looking feel. This is a paragraph of text that will explain a lot of **** for example the purpose of my website, as well as how to edit the css files in my website to create a unique looking feel. </p>
<p>&nbsp;</p>
<p>&nbsp;</p>
</body>
</html>
[IMG]file:///C:/DOCUME%7E1/Chris/LOCALS%7E1/Temp/moz-screenshot-1.png[/IMG] ]]> CSS Forum boxiom http://www.webmaster-talk.com/css-forum/190887-need-my-banner-to-fit-perfectly.html Vertical Align Top a Table Cell http://www.webmaster-talk.com/css-forum/190874-vertical-align-top-a-table-cell.html Wed, 04 Nov 2009 21:21:58 GMT I am trying to align top the main body table cell on all pages of: http://www.GoldenAgeOfJewishAchievement.com/contact.html On IE7 and IE8, no... I am trying to align top the main body table cell on all pages of:

http://www.GoldenAgeOfJewishAchievem...m/contact.html

On IE7 and IE8, no go. I believe I may need to do something about it in CSS, but no idea how.

Appreciate the help - THANKS. ]]> CSS Forum jess888 http://www.webmaster-talk.com/css-forum/190874-vertical-align-top-a-table-cell.html Help with Include file display? http://www.webmaster-talk.com/css-forum/190815-help-with-include-file-display.html Wed, 04 Nov 2009 06:24:51 GMT I am having issues with my include file displaying correctly. The site is www.phoenixwholesaleproperties.net and the following is the header include... I am having issues with my include file displaying correctly. The site is www.phoenixwholesaleproperties.net and the following is the header include file:

HTML Code:
          <td bgcolor="#073B84">
            <img src="http://www.webmaster-talk.com/images/spacer.gif" width="1" height="39" alt="">
        <td bgcolor="#073b84" class="nav">
      <div
        <a href="index.php">Home</a> |
        <a href="about_us.php">About us</a> |
        <a href="register.php">Register</a> |
        <a href="phoenix_real_esate_investment_properties.php">Properties</a> |
        <a href="contact_us.php">Contact us</a>
          </div>
            </td>
            </td>
Do you see what the problem is in the code? ]]> CSS Forum web-Inspect http://www.webmaster-talk.com/css-forum/190815-help-with-include-file-display.html background list issue http://www.webmaster-talk.com/css-forum/190754-background-list-issue.html Tue, 03 Nov 2009 15:47:49 GMT I am trying to create a list like this - Image: http://kayzoesolutions.com/images/listexample.jpg When I indent the list, then when I do a... I am trying to create a list like this -


When I indent the list, then when I do a hover to make the background solid all the way across, it shows some of the blue at the left of the hover state. I can't figure out how to make the hover background of white to span the whole length. Any suggestions. Thanks. ]]> CSS Forum kayla2 http://www.webmaster-talk.com/css-forum/190754-background-list-issue.html Opaque image on a transparent background http://www.webmaster-talk.com/css-forum/190740-opaque-image-on-a-transparent-background.html Tue, 03 Nov 2009 12:24:23 GMT I have recently changed the design of a site to incorporate a transparent background in div containers using the new CSS3 styles. The only problem is... I have recently changed the design of a site to incorporate a transparent background in div containers using the new CSS3 styles. The only problem is that any images I have within these div containers also become transparent.

The page in question is a div container with a table inside. The image (a jpeg with solid white background) is placed inside the table with a div of it's own for styling. I have tried setting opacity for the image div as well as background colours and images, none of which work. I have also tried to give the table cell a background colour.

Any ideas would be brilliant!

Thanks,
Dan ]]> CSS Forum superdan_35 http://www.webmaster-talk.com/css-forum/190740-opaque-image-on-a-transparent-background.html Background image will not display http://www.webmaster-talk.com/css-forum/190699-background-image-will-not-display.html Tue, 03 Nov 2009 02:57:04 GMT Website is www.nzmotorhome.co.nz (http://www.nzmotorhome.co.nz) I have an hnav.gif that does not display. CSS is here: Code: --------- .hnav {... Website is www.nzmotorhome.co.nz
I have an hnav.gif that does not display.
CSS is here:
Code:
.hnav
{
    background-image:url("/images/hnav.gif") repeat-x;
    padding-left:40px;
    text-align: left;
I have checked:
1. This code is being executed as I can change the background here to green and it does this.
2. the image file is in /public_html/images/hnav.gif
3. if I place another .gif image there, that does not display either.

The image should look as it does in the Forum page. It is missing on all other pages.

What is the best way to home in on what this problem is?
I have same problem on localhost.

It all worked 2 days ago :( ]]> CSS Forum MarkHoward http://www.webmaster-talk.com/css-forum/190699-background-image-will-not-display.html Need some help here with css and html http://www.webmaster-talk.com/css-forum/190621-need-some-help-here-css-html.html Mon, 02 Nov 2009 03:34:08 GMT I have a template that I purchased that came with a bit of flash, css and html. In working with this, I was able to get the homepage setup to my... I have a template that I purchased that came with a bit of flash, css and html.

In working with this, I was able to get the homepage setup to my liking but now am running into some problems with the 2nd page, 3rd page and so on.

Basically, I don't want the 2 column layout I currently have on the homepage to continue onto the 2nd, 3rd etc. In fact, I would like to have the page wider and taller than the homepage.

The css as near as I can tell though is limiting me from being able to do this.

Is there something simple that I am missing here?

Thanks Mike ]]> CSS Forum Blitzburgh http://www.webmaster-talk.com/css-forum/190621-need-some-help-here-css-html.html Menu hover problem with IE 7 http://www.webmaster-talk.com/css-forum/190541-menu-hover-problem-with-ie-7-a.html Sat, 31 Oct 2009 19:35:12 GMT My nav menu works 100% in IE8, FF, Opera and Chrome... but it's doing something weird in IE7 that can kindof affect it's functionality but I have no idea really where to look for the problem.

It's most easily seen on two pages. The front page, here:
http://www.skullcrow.com

...and on the product pages here:
http://www.skullcrow.com/proddisp.php?id=skull01

On the main page when you hover over the menu and get the drop downs, if you move your cursor so you're also over the text div in the background, the menu goes away. You can tell easiest when viewing the "Community" and "Help" lists. On the product display page is the same thing over a larger area. Anytime you move the cursor to a part of the menu that's covering the text or (only some of?) the background div, it disappears. The menu is obviously on top, and this problem does not occur in basically any other browser.

The main reason I need to fix this is that these menus will probably only get bigger and the navbar will become barely unusable in IE7 after a while.

I don't exactly what code I would need to post for this, I was just hoping for some general information that could point me in the right direction.

Thanks for any help. ]]> CSS Forum relic200 http://www.webmaster-talk.com/css-forum/190541-menu-hover-problem-with-ie-7-a.html Hide/Show Div + Image Swap http://www.webmaster-talk.com/css-forum/190513-hide-show-div-image-swap.html Sat, 31 Oct 2009 12:40:59 GMT I'm trying to replicate the effect of collapsing and expanding (hide/show) div tags on http://www.prophet.com/business/issues.html .

I can do the hide and show of the div tag no problem, however I can't for the life of me figure out how you get those arrows to change directions. I'd assume it was just a simple image replacement, but need a little help. ]]> CSS Forum monkey http://www.webmaster-talk.com/css-forum/190513-hide-show-div-image-swap.html How to make IMAGE link in web site without decoration with css? http://www.webmaster-talk.com/css-forum/190419-how-make-image-link-web-site.html Fri, 30 Oct 2009 11:02:21 GMT Hi, in my site their are images which links to another page, but i want to display it without any decoration, but it is a link so it has a blue... Hi,


in my site their are images which links to another page, but i want to display it without any decoration, but it is a link so it has a blue border which i don't like. I want IMAGE without any decoration with css.
I use link,alink,vlink in <body> tab but HTML 4.01 dues not support it. ]]> CSS Forum Bips123 http://www.webmaster-talk.com/css-forum/190419-how-make-image-link-web-site.html problem with drop down menu subitem width http://www.webmaster-talk.com/css-forum/190386-problem-drop-down-menu-subitem-width.html Fri, 30 Oct 2009 00:44:03 GMT I am having problems figuring out why the drop down menu on my site isn't working correctly in Internet Explorer 6 and 7 (it displays correctly in IE 8 Standards mode)

here is the site

http://www.mndakcirclek.org/spotlightservice.html

What is happening is the drop down menus are really narrow and cut off most of the text.

It works correctly in the following browsers:

Mac OS X
Firefox 3.5.4
Safari 4
Google Chrome

Windows
IE 8
Firefox

any help figuring this out would be great ]]> CSS Forum pip751 http://www.webmaster-talk.com/css-forum/190386-problem-drop-down-menu-subitem-width.html A missing div http://www.webmaster-talk.com/css-forum/190375-a-missing-div.html Thu, 29 Oct 2009 19:28:36 GMT I am working on a site and have uploaded it to my testing site. The url is: http://www.ontraxweb.com/royal/html/services.html There are supposed... I am working on a site and have uploaded it to my testing site. The url is:
http://www.ontraxweb.com/royal/html/services.html

There are supposed to be three blue boxes across the top under the h2 tag that reads "Mention this Royal Air.......get 10% off!"

The boxes are from left to right:

"Air Coditioning Tune up" "Replacements" and "Preventive maintenace"

I see these in FF IE 7 and IE 8 the client says they can only see two of the three, the center one that reads "Replacements" does not show. I have tried look at the page on another machine, my laptop, and the three boxes show up fine. I called another person and they only see two.

Any ideas? Thanks for looking. ]]> CSS Forum fog http://www.webmaster-talk.com/css-forum/190375-a-missing-div.html Problems Making Top Margin 0px http://www.webmaster-talk.com/css-forum/190292-problems-making-top-margin-0px.html Wed, 28 Oct 2009 20:51:37 GMT Hey guys, I have been doing a lot of reading about css positioning. I have taken what Lady and Chris have said about not using absolute... Hey guys,

I have been doing a lot of reading about css positioning. I have taken what Lady and Chris have said about not using absolute positioning except for in specific situations and made my page have a normal flow with only using absolute positioned div's inside of relatively positioned divs.

The problem that I am having is getting my layout to be at 0px from the top.

You can clearly see what I am talking about by visiting http://bestwayheat.com.

You can also see the stylesheet and source by right click > view source.

The div that I am trying to get put to 0px from the top is .bigcontainer. I am not using any kind of positioning on this div. If I put absolute positioning on it I can get it 0px from the top, but then however, i cannot center my layout.

I'm not sure where I am messing up at because I have done a similar layout and have not had a problem with it.

Brandon ]]> CSS Forum WebTraffic http://www.webmaster-talk.com/css-forum/190292-problems-making-top-margin-0px.html Anyone use this? CSS realtime editor http://www.webmaster-talk.com/css-forum/190281-anyone-use-this-css-realtime-editor.html Wed, 28 Oct 2009 18:12:23 GMT http://www.skybound.ca/ I am thinking of purchasing this, but want to know if anyone else has used a product like this or another to help speed up... http://www.skybound.ca/

I am thinking of purchasing this, but want to know if anyone else has used a product like this or another to help speed up development time.

Disclaimer: I have no relationship with this company and just want to know what others are using or have used.

Thanks ]]> CSS Forum jim1228 http://www.webmaster-talk.com/css-forum/190281-anyone-use-this-css-realtime-editor.html CSS 4 column float centered http://www.webmaster-talk.com/css-forum/190221-css-4-column-float-centered.html Tue, 27 Oct 2009 23:52:42 GMT http://codingasylum.freehostia.com/ I want the four columns centered without screwing up the rest of the site. It should be pretty straight... http://codingasylum.freehostia.com/

I want the four columns centered without screwing up the rest of the site. It should be pretty straight forward with what I'm trying to do once you see it.
Thanks. ]]> CSS Forum NewBreed http://www.webmaster-talk.com/css-forum/190221-css-4-column-float-centered.html Mosaic image tile, effect, advice http://www.webmaster-talk.com/css-forum/190220-mosaic-image-tile-effect-advice.html Tue, 27 Oct 2009 23:45:48 GMT Hello, I'm new here, but a longtime lurker. No doubt there are some brilliant minds on here, and I'm open to any sort of advice or help I can get on a question I have. Here is what I'm trying to accomplish, I'm making a website for a friend of mine who is a musician. On the discography page of the site, we'd like to have a mosaic tile of album covers that she has sung on, (about 26 album covers) that are going to be approx 125x125pixels each, roughly 5 rows, 4 columns. When the page loads, if possible, we'd like them to load almost similar to a domino effect, one after the other quickly. On mouseover, we'd like to have a speech bubble type box appear on screen with a button to hear the song on that album, and perhaps 2-3 lines of text that talk about the song and album. Is this possible to do in CSS? If not, what other options should I seek, thanks. ]]> CSS Forum blackpixi7 http://www.webmaster-talk.com/css-forum/190220-mosaic-image-tile-effect-advice.html <![CDATA['gap' above CSS menu in IE]]> http://www.webmaster-talk.com/css-forum/190195-gap-above-css-menu-in-ie.html Tue, 27 Oct 2009 19:08:06 GMT I have been developing a website over the passed few weeks and had it looking perfect in firefox, I finally took the plunge and viewed in it IE and... I have been developing a website over the passed few weeks and had it looking perfect in firefox, I finally took the plunge and viewed in it IE and it looked a mess (no suprise) :( So ive been going through adapting the CSS to make it few correctly in IE also.

The problem is there is a gap above my css menu and I cant figure out what is causing it? The site is not live so I have attatched some screen shots.

This is how it looks in Firefox (as it should tight against the header)


In Internet explorer the menu seems to be pushed downwards:


in my CSS men part here:
Code:
        .menu li a {
    display:block;
    text-decoration: none;
    text-indent: -1100px;
    height:35px;
    background-color: #53534b;
    padding:0px;
    background-repeat: no-repeat;
    margin:0px;
}
If I change display:block to display:inline; the menu goes into the correct position, but then doesnt function correctly.

does anyone have any ideas what could be causing the gap?

Thanks ]]> CSS Forum PH!L http://www.webmaster-talk.com/css-forum/190195-gap-above-css-menu-in-ie.html Help to make these wider http://www.webmaster-talk.com/css-forum/190125-help-to-make-these-wider.html Tue, 27 Oct 2009 02:45:48 GMT ul.table { width:202px; float: left; margin: 0; ...]]> I'm using this code and css:
Code:
<style type="text/css">
ul.table {
    width:202px;
    float: left;
    margin: 0;
    padding: 0;
    list-style: none;
    border: solid #000;
    border-width: 0 1px 1px 0;
}
.table li.lt {
    float:left;
    border: solid #000;
    border-width: 1px 0 0 1px;
}
.table li.rt {
    float:right;
    border: solid #000;
    border-width: 1px 0 0 1px;
}
.table li div {
    width: 100px;
    text-align: center;
    color: #000;
    font-size: 12px;
    padding: .4em 0;
}
</style>
 
</head>
<body>
    <ul class="table">
        <li class="lt"><div>Type</div></li>
        <li class="rt"><div>Number</div></li>
        <li class="lt"><div>TEST</div></li>
        <li class="rt"><div>HELLO</div></li>
        <li class="lt"><div>Type</div></li>
        <li class="rt"><div>Number</div></li>
        <li class="lt"><div>TEST</div></li>
        <li class="rt"><div>HELLO</div></li>
    </ul>
</body>
</html>
How can I make these wider?:
Code:
      <li class="lt"><div>Type</div></li>
        <li class="rt"><div>Number</div></li>
        <li class="lt"><div>TEST</div></li>
        <li class="rt"><div>HELLO</div></li>
        <li class="lt"><div>Type</div></li>
        <li class="rt"><div>Number</div></li>
        <li class="lt"><div>TEST</div></li>
        <li class="rt"><div>HELLO</div></li>
thanks ]]> CSS Forum chrisj http://www.webmaster-talk.com/css-forum/190125-help-to-make-these-wider.html Problem with background positioning/size http://www.webmaster-talk.com/css-forum/190111-problem-with-background-positioning-size.html Mon, 26 Oct 2009 22:40:33 GMT I tried pretty much everything I know to fix this, but I couldn't do it:
I am trying to replicate the skin on this website:
http://www.runescape.com/l=0/title.ws
Note how the background fits perfectly the middle page block. If you zoom out on the browser, you'll see the background still wraps perfectly around the middle block. Also note that the background image, http://www.runescape.com/l=3/img/mai...alloween09.jpg, has a black area in which the block sits.

However, the problem starts here: http://rstb.ipbfree.com/index.php?act=idx The skin is pretty much the same, however, for some reason, the background doesn't wraps like it should. I even tried using the exact same background css from the original website, but using a different location to host the image
Code:
background: #000 url(http://i628.photobucket.com/albums/uu7/Tucalipe/bg_halloween09.jpg) no-repeat fixed center top;
but it still gets weird...

Can someone please shed some light on this matter? ]]> CSS Forum tucalipe http://www.webmaster-talk.com/css-forum/190111-problem-with-background-positioning-size.html Auto css xhtml covertion http://www.webmaster-talk.com/css-forum/190097-auto-css-xhtml-covertion.html Mon, 26 Oct 2009 18:20:11 GMT Hi All, A while ago i found a website which enabled you yo upload a photoshop psd and it converted it to css xhtml code instantly. I cannot... Hi All,
A while ago i found a website which enabled you yo upload a photoshop psd and it converted it to css xhtml code instantly.
I cannot remember the website, any ideas

thanx ]]> CSS Forum sharkbait http://www.webmaster-talk.com/css-forum/190097-auto-css-xhtml-covertion.html Image preloading and performance http://www.webmaster-talk.com/css-forum/190038-image-preloading-and-performance.html Sun, 25 Oct 2009 22:54:32 GMT Hi,

I'd like a little advice about this site.

http://www.urlsnip.biz

Basically I want the homepage to be as snappy as possible, I ran it through an optimising site and it gave me a list of images listed as "page objects" that are not used on the actual homepage. This is an example:

http://www.urlsnip.biz/images/new_account.gif

These are CSS images that are included in my main CSS file

So my question was are all CSS images in the CSS file preloaded regardless of whether they are included on the current page? And if that's the case am I better off creating a common.css file and then a seperate page css file for each unique page?

Thanks ]]> CSS Forum ChilliLime http://www.webmaster-talk.com/css-forum/190038-image-preloading-and-performance.html