Search Results

Search found 11323 results on 453 pages for 'psd into css'.

Page 230/453 | < Previous Page | 226 227 228 229 230 231 232 233 234 235 236 237  | Next Page >

• Javascript: move the "view point" of the browser

  - by ArchJ

  I have a page with many out-of-bounds contents and since I set body{overflow:hidden}, they are not outside the viewport. So I want to attach a function to a button which would move the PoV of the browser so that the out-of-bounds contents would come into the viewport. What I can think of now is to set body{position:relative} and use jQuery to animate() the body instead. But in terms of performance, is there a better way to achieve that?

  Read the article

• How turn text links into HTML links at the client side with javascript

  - by xRobot

  In my db I have saved every links in the form: www.example.com or http://www.example.com Is there a way to turn this text links into HTML links at the client side ( e.g. javascript ) with tag and parameter like this ?: <a href="http://www.example.com" rel="nofollow">www.example.com</a>

  Read the article

• Can i make this div fill out the remaining space depending on the the sidebars widths?

  - by Marcus

  i have 4 divs inside of a div like this: <div id="Wrapper"> <div id="CoreSideBar"><!-- a sidebar to the right --> </div> <div id="SystemContent"> <div id="SystemNavigation"><!-- will be some kind of "tabnavigation" in the top of this div --> </div> <div id="PageContent"> </div> <div id="SystemSideBar"> <!-- a sidebar to the left --> </div> </div> </div> I would like the sidebars to have 200px width each and im also going to make it possible to "collapse" the sidebars so you can have more space for the PageContent div if you need it. What do i need to do to make the PageContent div fill out the remaining whitespace between the CoreSideBar and the SystemSidebar? Is this even possible in all browsers?

  Read the article

• How do i create these borders in the middle?

  - by Nitesh Panchal

  Hello, I know how to generate rounded corners using images. But please have a look at the link :- http://roundedbox.andreas-kalt.de/ The rounded corners on all four corners are all images, but my question is how are those borders in the middle done? Those green color borders that surround the whole div. The tutorial is given but it is German :(. Also i don't want to use Css3 like -webkit-border-radius etc as they are not yet supported in IE Thanks in advance :)

  Read the article

• How to keep a floating div centered on window resize

  - by Jimbo

  Is there a way (without binding to the window.resize event) to force a floating DIV to re-center itself when the browser window is resized? To help explain, I imagine the pseudocode would look something like: div.left = 50% - (div.width / 2) div.top = 50% - (div.height / 2)

  Read the article

• Why does one column seem to load first in Wordpress?

  - by Cynthia

  I have a Wordpress site that is doing something very bizarre. If you go to: http://digitaldemo.net/joy/krippen-a-b-c/ When it loads, the main content div loads on the right hand side of the page and then once the sidebar loads, THEN it gets pushed over to where it ought to be. It's only really noticable in Firefox, but I'd like to find out what is causing it and fix the issue. Any ideas? Many thanks!

  Read the article

• highlight all text in a textbox on focus using jquery

  - by oo

  what is the best way to highlight all text when i click inside of a textbox

  Read the article

• Struts2 jQuery Plugin Autocompleter renders HTML with style attributes <== changing this?

  - by Tim

  I'm using the Struts2 jQuery plugin 2.1 and render an autocompleter in my JSP. Here's the code: <s:form id="search-form" action="search" theme="simple"> <s:url id="remoteurl" action="jsonlanguages"/> <div> <sj:autocompleter cssClass="bgstandardelement empty" id="languages" name="echo" href="%{remoteurl}" delay="50" value="Search..." /> <input type="submit" id="search-button" value="GO" /> </div> </s:form> No matter what theme I set the autocompleter-form to, the HTML rendered for the list I output is always an unordered list with a style element that I cannot override. It has the following stype-attribute: style='z-index: 1; top: 242px; left: 926px; display: none; width: 256px'; As I want another outfit for my list, this doesn't work. Putting in the following attribute has no effect: cssStyle="width:115px!important;" What can I do?

  Read the article

• Scroll returns to default after display:none in Chrome/IE

  - by Sam

  Here's the example: http://jsfiddle.net/sammy/RubNy/ Scroll down in the div container. Then click anywhere in the window to hide the element. Then click once more to show the element. You'll notice in Chrome/IE that the scroll is reset, but in Firefox, the scroll remains how you left it. Which is the standards behavior, Chrome/IE or Firefox? Should I report this to the Chrome issue tracker? Thanks in advance for any help on this, and happy new year, and thanks again, and cheers, and stuff. =D

  Read the article

• How to make the background image like this site?

  - by Jerry

  Hi all http://disney.pageonewebsolutions.com/ This website background image perfectly fit to his div. I was wondering if anyone can help me to create the site like this. Appreciate any reply.

  Read the article

• Display image at point using jQuery

  - by Chris

  I have an image with a click event handler that captures the location where you clicked. $("#image").click(function(e) { var x = e.pageX - $(this).offset().left; var y = e.pageY - $(this).offset().top; }); I want it so that when the image is clicked an image appears at that location on top of the image. How do I do this?

  Read the article

• What do you do when your page displays incorrectly on your server, but correctly in jsFiddle?

  - by Marcin

  I have a page which is displaying incorrectly in Firefox and Chrome (in that the tbodies do not show borders); however it displays correctly in jsfiddle (here: http://jsfiddle.net/JwkrD/ - both browsers). I'm not sure how to proceed - how do I get the tbodies to show up on my page in the same way as they do in jsfiddle? I'm using the same DOCTYPE, both pages are being served up with type text/html. I can't find any other differences.

  Read the article

• How to show hidden div when javascript is disabled?

  - by metal-gear-solid

  I'm hiding a div using display:none and this div only shows when we click on + icon. but if JavaScript is disabled then I want to show that div by default on. How to do this? I can't post whole code for now.

  Read the article

• Polygonal Divs -- Making content overflow in a specific shape?

  - by Will

  Here is the site I'm currently working on: http://willcrichton.net/ If you click on the arrows on each side of the hexagon in the middle, you can see that it transitions left and right using jQuery + jQuery Cycle + jQuery Easing. However, you can also see that it is rather ugly -- because I'm using hexagons and not squares and because divs are square shaped, the content hexagon overlaps with with the background in an unpleasant way. So, my question is: how would I essentially hack a div into a hexagon? That hexagon should be the same size/shape of the content div, and when content is outside the area of the hexagon it should be invisible.

  Read the article

• How to remove focus from submit button

  - by c0mrade

  How can I remove focus from submit button? I don't know why it is there in the first plate, and it looks really ugly here is a screenshot : And here is how it should look like, it regains its appearance after I click beside it and hover it.

  Read the article

• jQuery Hide Div(s) on focus of drop down menu or text (live search) input

  - by webwrks

  Can anyone help me? I'm trying to hide the #hideme div when the a user clicks the drop down menu (to select something) or puts the focus on the text field. Thanks! #hideme { background:#ccc; } <script> $(function(){ $('#skill_select').click(function(){ $('#hideme').hide(); }); }): </script> <select> <option selected="selected">Pick from the list</option> <option>Option One</option> <option>Option Two</option> </select> or <input type="text" value="type something"> <br/><br/> <div id="hideme">Hide Me Please</div>

  Read the article

• How to disable default vertical scroll bar that comes in IE 7?

  - by Purushotham

  I can see a vertical scroll bar without scroll when I open my IE 7. I is not so weird to see but it is not obeying my web page rules. I cannot see this kind of strange behavior in any other browser.

  Read the article

• How do I make menus like these?

  - by Doug

  So I'm looking at slickdeals.net and amazon.com, and I found something very intriguing. It's basic for most of you guys out there, but it's new to me. For slickdeals.net, when you click login, a login box pops up like so. Also for Amazon.com, when you hover over the left navigational menus, a new menu pops up! I think it's JavaScript, but how does this work? How can I do something like that?

  Read the article

• How can I hide these dots

  - by Patrick

  Hi, How can I hide the small dots nearby each picture in IE7 ? http://www.sanstitre.ch/drupal/portfolio?tid[0]=38 I've tried with text-decoration:none and list-style-type:none but it didn't work. Thanks.

  Read the article

• border radius misbehaving.

  - by Kyle Sevenoaks

  In FF this border radius doesn't seem to want to work. Editable link here. the right radius of the big box should be 0px and the left of the small boxshould be 0 to join them..

  Read the article

• What is the most standard and compatible way to make a whole table row into a link?

  - by Ricket

  Obviously you can't just surround the <tr> tag with an <a> tag and call it a day; this is invalid and doesn't even work. I have seen JavaScript used, but then what happens to browsers that don't support JavaScript? What is the best way to make an entire table row <tr> into a link?

  Read the article

• div:hover is affecting all elements below

  - by Jesse

  Here is a sample fiddle: http://jsfiddle.net/K2zyU/4/ The problem I am experiencing is that the main navigation hover is applying to the sub navigation items. If for example, I were to move the list above the main navigation div the hover works as I would expect? I'm unsure of what I'm missing / doing wrong in this case. <div class="main">MAIN NAV<div> <ul class="sub"> <li>SUB NAV 1</li> <li>SUB NAV 2</li> <li>SUB NAV 3</li> <li>SUB NAV 4</li> <li>SUB NAV 5</li> <li>SUB NAV 6</li> </ul> .main:hover, .sub li:hover { color: black; background-color: #f3ffff; opacity: .6; }

  Read the article

• How to add style to parent <li> item if child <ul> exists?

  - by user1292760

  I'm trying to make a menu in advance to be seen whether there is a double nesting. <ul class="parent"> <li class="child"></li> <li class="child"> <ul slass="nesting"> <li></li> <li></li> </ul> </li> <li class="child"></li> </ul> So ul class="nesting" hidden by default but appears during the hover of li class="child". I want to make another design on the li class="child" which have a nested ul. Another words how can i show nesting before hover by the means of Javascript/JQuery? Thnaks in advance!

  Read the article

• How to creating code highlighted blocks on your website

  - by Saif Bechan

  I have written a small PHP framework and I want to make a website where I explain some basic features. I want to display blocks of php code. Is there an easy to do this, preferably without JavaScript. I want to have section kind of like displayed below: // This function takes in a value and return it public function getname($name){ return $name; }

  Read the article

• How do I set font size to 0px in IE6?

  - by Justin808

  I have an unordered list, I'm trying to hide the text in the list. I can do this 2 ways that i know of: font-color: transparent; font-size: 0px; I prefer the 0px method as its not selectable. This issue is neither way works in IE6. The first way just doesn't work in IE6 at all, the 2nd leave a 1PX high font. Is there a way to hide the text in IE6? This is a visual thing, I know you can read the text by reading the source and that is OK, I just need it to visually not be there.

  Read the article

< Previous Page | 226 227 228 229 230 231 232 233 234 235 236 237  | Next Page >