Jump to content

stuck

Member
  • Posts

    20
  • Joined

  • Last visited

Everything posted by stuck

  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
  14. I found the following javascript dropdown menu down the right hand side of this web page - looks cool. http://www.equanet.co.uk/catalogue/Computers/Laptop/Laptops one flaw with this however is that when u select an item in the list the page refreshes but the category collapses. would anyone know where i could find a menu like this one but where the collapsed and expanded states are retained after a page refresh. is it at all possible... Any help would be greatly appreciated.
  15. it doesnt even need to be a checkbox - it could be a select field where one of the options reveals the extended part of the form. is this possible?
  16. could jquery be used to show xtra fields on a form when a checkbox is ticked? i want to display part of a form only if a checkbox is ticked. does anybody know if this is possible. If so, how would i go about implementing this. I have looked thru hundreds of jquery tutorials but unable to find one...please help!
  17. i need to show a form only when a checkbox is ticked. Im guessing i need to use jquery to do this. Anyone know of a tutorial which explains this - or even better your advice.
  18. im looking for a menu whereby its items expand and collapse. Ideally if a link is clicked inside the expanded item, the whole item will stay active (expanded) even when other links in other list items are subsequently clciked on. To make it easier to explain i have found this one similar here: http://www.equanet.co.uk/catalogue/Computers/Laptop/Laptops but it would need to do more than this. eg clcik on price and choose an option, - how could i force the price section to remain expanded instead of collapsing when the results are updated. Im not javascript developer hence me asking for help - but i dont know if the effect i am trying to achieve can be established by any other method - anyone....? Many thanks
×
×
  • Create New...