Jump to content


  • Content Count

  • Joined

  • Last visited

Everything posted by mboehler3

  1. It does work in FireFox, but not IE
  2. That doesn't work either... I'm searching other sites too but can't find a solution...
  3. border:none; doesn't seem to work... is there another way to remove that 1px border around the box?
  4. Arial, Regular, 12px, Sharp (in Photoshop CS3)
  5. How would I style the bgcolor, width and border? The code on the page for the second image looks like this: <div id="inputWrap"><select name='ImportantFactor'> <option value='Select one'>Select one</option> <option value='Full-service'>Full-service</option> <option value='Online'>Online</option> <option value='Price'>Price</option> <option value='Customer service'>Customer service</option> <option value='Other'>Other</option></select></div> As you can see there's no class set up for the dropdown.
  6. Hi I want to add style to the drop down menu on my form. Here's a picture of what I want it to look like:I'm able to get a basic, standard drop-down menu, over my input box image, like this:Is it possible to get the first picture as a result using CSS? Any help is appreciated, I just need to be pointed in the right direction.Thanks!
  7. Is this even possible?I am modifying a tab system that I found here.I want to add a margin and width to the bottom border of my tab list. Here is how my tab system looks:And I want it to look like this:So I'd want to not have the border extend 100% of the screen, and start under the first tab, giving about 20 pixels of left padding/margin.Here is my CSS: .tabberlive .tabbertabhide { display:none;}/*-------------------------------------------------- .tabber = before the tabber interface is set up .tabberlive = after the tabber interface is set up -------------------------------------------
  8. I found a solution, using this CSS:/* Second Level Top */.navmenu960 ul li ul li ul li.top {background-image: url('/images/v1_1/surechoice/sub-top1.gif'); background-repeat:no-repeat; height: 33px; display:block; width:265px; margin: 0 1px; margin-left:-1px;}.navmenu960 ul li ul li ul li.top a {display: block; width: auto; margin: 0 7px;}.navmenu960 ul li ul li ul li.top:hover{background-position: 0 -33px; display:block; height:33px; color: #88ac2e; width:265px;}/* Second Level Middle */.navmenu960 ul li ul li ul li a.bckground {background-image: url('/images/v1_1/surechoice/subsubback.gif');
  9. That didn't change the look at all... I'm stumped here. Any other suggestions?
  10. But the page doesn't look how I want it to... there is white space underneath the top link, and there is a gray border that sticks out on the left. So I want to change the code, but I don't know what's wrong.
  11. I can make the submenu wider, that is no problem. But with this new code, even when I remove the third word, it still looks funky:
  12. Making these changes to the CSS:.navmenu960 ul li ul li ul li.top {background-image: url('/images/v1_1/surechoice/sub-top1.gif'); background-repeat:no-repeat; min-height:1; display:block; width:265px; margin: 0 1px;}.navmenu960 ul li ul li ul li.top a {display: block; border: 1px solid #CCCCCC; border-width: 0 1px;width: auto;} Rendered this:Doesn't the li.top need a height declaration, since the image is 66 pixels, and the bottom 33 are the rollover?
  13. UPDATE:I'm still having trouble with this sub-sub-menu. When you rollover the top and bottom, you get a break in the left gray border:And now the first link breaks onto two lines. But, when I change the width of ".navmenu960 ul li ul li ul li.top" from 265 to 285, I see this:I don't get it - why does the text break? It can obviously fit onto one line. And why does the border go away on a rollover?Here is my CSS: /* Second Level Top */.navmenu960 ul li ul li ul li.top {background-image: url('/images/v1_1/surechoice/sub-top1.gif'); background-repeat:no-repeat; height:33px; display:block; w
  14. Thank you, the overflow:hidden works perfectly!
  15. The top of the image has the background-image behind it, but once the text stops, so does the background-image. Here is my HTML:<div class="tabbertab"> <h3><div runat="server" id="tab1" class="description">{Tab Title #1}</div></h3> <div class="tabs-margin"> <div class="tabs-image"><img src="w200xhauto.png" width="200" height="200" runat="server" id="image_tab1" maxwidth="200" minwidth="50" maxheight="400" minheight="20" /></div> <div class="tabs-headmain"><span runat="server" id="title_tab1">Enter headline here.</span><
  16. I figured this out - for some reason, adding a "clear" underneath the main tabs <div> did it. Not sure why...
  17. Here is the HTML code: <div class="tabber"><div class="tabbertab" title="How it works"> <h3>How it works</h3> <div class="tabs-margin"> <div class="tabs-headmain">Enter payroll and access reports from anywhere</div><br /> <div class="tabs-headsub">— even on your iPhone® or Blackberry®</div><br /><br /> <strong>What you do:</strong><br /> Our easy, 3-step process lets you enter and approve payroll hours in minutes, or you can use our 1-Click Payroll Technology to process payroll in seconds.<br /><
  18. I have a tab-content system that I've modified from this script here.Everything works fine in IE, as it looks like this below:As you can see when you rollover a tab, a black outline highlights that tab. But in Firefox, only the first tab has the black outline on the hover. The rest of the four tabs do not rollover, and thus cannot have their hidden content shown.Is there an explanation for why this works in IE and not FF?Here is the JS: /*================================================== $Id: tabber.js,v 1.9 2006/04/27 20:51:51 pat Exp $ tabber.js by Patrick Fitzgerald pat@barelyfitz.com
  19. Thank you for your help, now I have the same issue with the sub, sub menu. I applied the same CSS for the ul li ul li ul li... here's what I see when I rollover the top:Here's my CSS:.navmenu960 ul li ul li ul li.top {background-image: url('/images/v1_1/surechoice/sub-top1.gif'); height:33px; display:block; width:295px;}.navmenu960 ul li ul li ul li.top a {display: block; margin: 0 1px; width: auto;}.navmenu960 ul li ul li ul li.top:hover{background-position: 0 -33px; height:33px; color: #88ac2e; width:295px;}
  20. Like this?.navmenu960 ul li ul li.top {background-image: url('/images/v1_1/surechoice/main-top1.gif'); background-repeat:no-repeat; height:45px; font-size:13px; font-weight:bold; display:block; width:251px; margin: 0 1px;}
  21. Thank you, that worked - but now a small part of the left and right borders go away when you rollover the text, as seen here:
  22. Here is my HTML: <div id="navmenu" class="navmenu960"><ul><li><a href="/product/payroll/" class="payroll"><strong>Payroll</strong></a> <ul> <li class="top"><div style="padding-top:20px;"><a href=#">How it works</a></div></li> <li><a href="#" class="bckgroundarrow">Payroll Features</a> <ul> <li class="top"><div style="padding-top:5px;"><a href="#">Accounting Software Integration</a></div></li> <li><a href="/product/payroll/time-clock-integr
  23. I am using a rollover nav menu with no margins. Instead, I'm using a background image for the top, rounded corner list item that has some white space at the top, giving the idea that margin/padding is being used. Here is the image that I use for the first list item:Now here is how the menu should look, when the user rolls-over "Product":The problem is when the user rolls-over in the white space between the top nav and the sub menu. I've added a giant arrow to replicate my mouse:As you can see, the text "disappears," or turns white. But, when the mouse moves down a little bit, the text disp
  24. I am creating a custom tab menu that replicates this tabber here.My problem is getting the five tabs to align on the gray line. In Firefox, the tabs overlap the line:And in IE, they underlap (don't reach the gray line):Here is my HTML: <div class="tabber"> <div class="tabbertab"> <h3>How it works</h3> <div style="padding:15px 45px 0 20px;"> <strong>We handle the tedious payroll details - to alleviate your hassles</strong><br /> With SurePayroll, you simply go online and enter payroll hours. We handle allt he time-consuming, tedious details. &
  25. Is something overriding the background image to give it that green color?
  • Create New...