Jump to content
Stef's Coding Community

stuck

Member
  • Content Count

    20
  • Joined

  • Last visited

Community Reputation

0 Neutral

About stuck

  • Rank
    Member
  1. Excellent. Nice one Falcon. Really appreciate this. Works a treat.
  2. what sort of issues? I'm looking for some answers on the jquery site but so far not been able to find anything. If someone knows of a solution pls help me - many thanks.
  3. havent got a url as im just experimenting at the moment but this is the sample code: <script type="text/javascript" src="/js/jquery/ui/ui.core.js"></script> <script type="text/javascript" src="/js/jquery/ui/ui.tabs.js"></script> <script type="text/javascript"> <!-- $(function() { $('#tab-container').tabs(); }); --> </script> <a href="#two">Click Here...</a> <div id="tab-container"> <ul class="tabs"> <li><a href="#one"><span>One</span></a></li> <li><a href="#two"><span>Two</span></a></li> <li><a href="#three"><span>Three</span></a></li> </ul> <div id="one"> .... </div> <div id="two"> <h2 id="description">Description</h2> </div> <div id="three"> .... </div> </div>
  4. Hi - I have a link on my page which when clicked i would like it to jump to a section on the same page but thats sits inside a tab. Now, currently this only works if the tab which contains the id is already open - using a href="#description" as the source, and <h2 id="description"> as the destination. How do i get round this issue? Its almost as tho the browser thinks that if the content is not visible then it doesn't exist...
  5. no url but here's my css: #price { float: left; width: 100%; padding-bottom:40px;} #price li { margin: 0.4em 0; padding: 0; display: block; } #price li label { margin: 0.4em 0; text-align: left; display: inline; float: none; position: static; } #price li label#item-quantity { width: auto; text-align: left; float: none; display: inline; } #price li input#quantity-top { width: auto; } #price li.item-button { /*margin-bottom: 2.5em;*/ } #price li input#add-item-to-basket { } #price li.rent{ /*line-height: 4em;*/ } And this is the markup: <ul id="price"> <li><strong>£359.00</strong></li> <li>£421.82 inc VAT</li> <li>Availability: 278 in stock<br /> 47 next day from supplier<br /> 0 in 2–3 days </li> <li><label for="quantity-top" id="item-quantity">Quantity</label> <input name="quantity" id="quantity-top" size="2" value="1" maxlength="3" type="text" /><input type="hidden" name="code" id="code" value="" /></li> <li class="item-button"><input type="image" id="add-item-to-basket" src="/ui/buttons/add-to-basket-large.gif" width="160" height="40" alt="Add to Basket" title="Add to Basket" /> </li> <li class="rent"><a href="/rent">Rent</a></li> </ul>
  6. It baffles me! I hate IE!! The list items have a class of block. So what if one of them happens to hold an image. Why does IE do this?!
  7. thanks but i tried line height. what this does move the list item even further down in the other browsers which already show it as i would like. plus line-height effectively is creating space above and below and so everything underneath the list is being shunted down too.
  8. in otherwords, why is one list item sitting behind the one above it in the list (the one which holds the image.)
  9. Two list items. The top item contains a button. The last item in the list is a link. The problem i have is the last item (link) sits behind the button of the list element above it in the list. This is an IE issue. The list looks fine in all other browsers. This is the HTML: (the whole thing sits inside a form, hence the input src) <ul> <li><input type="image" id="button" src="/ui/buttons/add.gif" width="160" height="40" alt="Add" title="Add" /></li> <li class="rent"><a href="/rent">Rent</a></li> </ul> I have tried using display: block on li but to no avail. I can add a bottom-margin to the top list item (button) to push the link down from behind it, but it is doing the same for other browsers so the link ends up sitting miles below the button in other browsers. I know there must be an easy solution but i can't somehow put my finger on it. Pls help!
  10. stuck

    styling for print

    Nope - unable to find any article or demo which uitilises jprint for what i am trying to achieving. Basically, my client is another who will only read articles in print. He really needs the content to be printed in columns rather than a page-wide block of text. If anyone has an axample of where i can educate myself on this then pls pls pls let me know about it. Best Rgds
  11. stuck

    styling for print

    thanks for your help - i will look into this. great stuff!
  12. stuck

    styling for print

    this article is primitive and doesn't help me with my question.
  13. stuck

    styling for print

    is it possible using a print style sheet for my content to be printed in columns rather than spew out as it appears on screen. if so, how would i go about this. best regards
×
×
  • Create New...