psd into html - Page 309

What cross browser, W3C valid css, non-javascript "min-height" method?

- by jitendra

Should we always try to not to give "height" to elements in XHTML through CSS? if yes the i think min-height would be better idea instead of fixed height. What cross browser( including IE6), W3C valid css, non-javascript "min-height" method in css? if i add min-height to any tag example <div> then in future in more content comes in then will we have to change height of div or if min-height is defined then no need.

Read the article

How to know if the scrollbars has appeared in browser (jQuery)?

- by snitko

I need to know, whether a vertical scrollbar has appeared or not in browser window. Is it possible using jQuery or any other way?

Read the article

CSS Ease-in-out to full screen

- by Aditya Singh

I have a black background div of a size which contains an image. <div id="Banner"> <img onclick="expand();" src="hola.jpg"> </div> #Banner { position:relative; height:50px; width:50px; margin:0 auto; background-color:#000000; -webkit-transition: all 0.5s ease-in-out 0.5s; -moz-transition: all 0.5s ease-in-out 0.5s; -o-transition: all 0.5s ease-in-out 0.5s; transition: all 0.5s ease-in-out 0.5s; } <script type="text/javascript"> function expand(){ document.getElementById('Banner').style['height'] = '250'; document.getElementById('Banner').style['width'] = '250'; } </script> So when the user clicks on the image, the div transitions to 250, 250. My problem is that, i want it to to transition to full screen. The following javascript function does expand to fullscreen but the transition effect doesn't come. I need to do it from a javascript code without jquery. function expand(){ document.getElementById('Banner').style['position'] = 'absolute'; document.getElementById('Banner').style['height'] = '100%'; document.getElementById('Banner').style['width'] = '100%'; document.getElementById('Banner').style['top'] = '0'; document.getElementById('Banner').style['left'] = '0'; } Please advice. Update : Solution Roger below has provided with an alternative solution. This takes care if the document has already been scrolled and is another place. Will expand the div to full browser screen. sz=getSize(); //function returns screen width and height in pixels currentWidth=200; currentHeight=200; scalex=sz.W/currentWidth; scaley=sz.H/currentHeight; transx=0-((expandingDiv.offsetLeft+(currentWidth/2))-(sz.W/2))+document.body.scrollLeft; transy=0-((expandingDiv.offsetTop+(cuttentHeight/2))-(sz.H/2))+document.body.scrollTop; transx = transx.toString(); transy = transy.toString(); document.getElementById("Banner").style['-webkit-transform'] = 'translate('+transx+'px,'+transy+'px) scale('+scalex+','+scaley+')';

Read the article

Is there a way to loop through all fields in a fieldset?

- by dmr

I would like to change the class for all the fields in a specific fieldset. Is there a way to loop through the fields in a fieldset?

Read the article

Sifr Horizontal Menu with LI

- by Rosaiani

Hello, I am designing a very simple horizontal menu with sIFR and CSS list. The thing about it is that it assigns a certain width to it that makes texts of different widths´ spacing look weird on screen. I´ve seen a default width and height of a certain amount, but what I need is to make it so that the flash is exactly the size of the text. Has anyone bumped into this issue before? Thanks!

Read the article

Hard code values into config.js assistance? CKEditor 3.2.1

- by RIck FLores

Hello gals/guys, I am trying to hard code the bottom values into my configure.js file in ckeditor root. My goal is to hard code all submitted text as black text color and a light blue background. Values are below. How can I integrate these values into configure.js? Thanks! nano

Read the article

How to clear textarea on click?

- by Azzyh

Given a <textarea> with a default value as follows: <textarea>Please describe why</textarea> How do you clear the default value when the user clicks to edit the field?

Read the article

My Account link in most e-commerce sites . reason to have one before log in ?

- by Suresh S

I am developing a new e-commerce website in java. My index page has links such as Login etc. I had gone through other e-commerce sites such as ebay where they have option of My Account. My question is before signing in to the account ,why do they need this link My Account. what is the significance of this. can any web designer let me know the answer?

Read the article

php smarty not passing to browser unless logged in.

- by Kyle Sevenoaks

I'm not the best at understanding these things with php and smarty, but this is really annoying. On: http://www.euroworker.no/order, there is meant to be a display of the amount of tax included in the price like: Tax (25%): 772,- Totalt: 3861,- But unless the user has logged in or created a new account, the tax doesn't display. Here is the Smarty code: <tr id="taxtr"> <td> </td> <td> </td> {foreach $cart.taxes.$currency as $tax} <td> </td> <td colspan="4" class="subTotalCaption2">{$tax.name_lang}: </td> <td class="amount taxAmount2">{$tax.formattedAmount} </td> {$cart.formattedTotal.$currency {$GLOBALS.cartUpdate|@array_shift} {/foreach} </tr> I don't know about all the inner workings of this system (Livecart), but is there anything I can do or look through to make it force the calculation/display. Thanks..

Read the article

What is the recommended way to do DRY web development (SASS+HAML, LessCSS, etc) in non-Ruby projects

- by T.R.

I've been looking to make things a little more DRY, both on my personal projects (django) and at work (JSP/struts,PHP). SASS+HAML seem to be quite popular, but, do those outside of the Rails community generally use these as well, or do they opt for other similar solutions? Which do you use, and what was the reasoning behind the choice?

Read the article

Changing background image to a button

- by Alpan67

I am trying to change the backgound-image of a button but it doesn't work as I thought !! the CSS is OK and it is as follows : ITA{ float:right; margin : 5px 85px; width:40px; height:40px; background : #FFFFFF url("../ITA_off.png") center center no-repeat; border:0; } my javascript function in the "HEAD" is function cambiaBandiera() { test=document.getElementById("ITA"); test.backgroundimage="ITA_on.png"; } and the button is as follows input type="button" id="ITA" onClick="cambiaBandiera()" What's wrong ? Please HELP ! Thanx in advance Alex

Read the article

Click to make body text larger | JavaScript

- by Wayne

Please note this is just an example: <img src="img/normal-font.png" onclick="javascript:document.body.style.fontSize = '13px';" />   <img src="img/medium-font.png" onclick="javascript:document.body.style.fontSize = '14px';" />   <img src="img/large-font.png"onclick="javascript:document.body.style.fontSize = '15px';" /> The body text does indeed enlarge if I choose one of them, but what I like to include is remembering what option you've chosen by reading cookies. In fact, I have no experience in creating cookies in JS, only in PHP. Could someone come up with an example of how to make cookies the simpliest way remembering my option, but whenever someone clicks another one, it should get rid of the cookie that was last set, e.g. Cookie value has 15px, then should update it or remove it with a new cookie with a new value of 13px and so on. Thanks :)

Read the article

Escaping and unescaping a string with single and double quotes in Javascript

- by Reina

I have a search box that a user can search for any string including single AND double quotes, once they have searched, the backend is passing the keyword back to me so I can put it back in the box. I don't know what the string is so I can't escape quotes myself, below is an example: var keyword = "hello"; $("#selectionkeywords").val(); The issue I am having is that if the user enters "hello" the keyword becomes ""hello"" and I get this error: missing ) after argument list [Break On This Error] jQuery("#selectionkeywords").val(""hello""); The user could also enter single quotes so that rules it out as well. I tried using escape unescape but I still have the same issue e.g. escape(""hello"") I could get the value in an unescaped format e.g. "hello" but I don't know what to do with it, escape doesn't work on it I end up with this %26%23034%3Bhello%26%23034%3B So I'm pretty much stuck at the moment as I can't do anything to the string, any ideas?

Read the article

Why does setting the margin on a div not affect the position of child content?

- by DanM

I'd like to understand a little more clearly how css margins work with divs and child content. If I try this... <div style="clear: both; margin-top: 2em;"> <input type="submit" value="Save" /> </div> ...the Save button is right up against the User Role (margin fail): If I change it to this... <div style="clear: both;"> <input style="margin-top: 2em;" type="submit" value="Save" /> </div> ...there is a gap between the Save button and the User Role (margin win): Questions: Can someone explain what I'm observing? Why doesn't putting a margin on the div cause the input to move down? Why must I put the margin on the input itself? There must be some fundamental law of css I am not grasping.

Read the article

How To Read A Remote Text File

- by XcodeDev

Hi, I would like to read a remote text file called posts.txt on my website. An example of the insides of the posts.txt file would be this: <div style="width : 300px; position : relative"><font face="helvetica, geneva, sans serif" size="6"><b>2</b></font><font face="helvetica, geneva, sans serif" size="4"><i> scored by iSDK</i></font><br><img src="Bar.png" /></div><div style="width : 300px; position : relative"><font face="helvetica, geneva, sans serif" size="6"><b>2</b></font><font face="helvetica, geneva, sans serif" size="4"><i> scored by martin</i></font><br><img src="Bar.png" /></div> What I wanted to know is how can I get the score, and scored by text from the .txt file? The score is (in this case) the: <b>2</b>, and the scored by text in this case would be: "scored by iSDK". Any code telling me how to do this is twice as helpful! Thanks in advanced XcodeDev

Read the article

height: auto does not work to automatically resize header

- by slevin

I'm trying to do a simple thing in CSS I have a header tag and inside that a couple of h tags. So, in order to have a responsive design I do height:auto; inside the header tag, so it will automatically stretch to contain the h tags. Right? But does not work, headeris just a line in the top of the page. t should stretch to contain the titles, right? What am I missing? Is it a good practice to put CSS in the h tags and not style header at all? So h tags will be like the header in user's eye? Thanks in advence Check it here

Read the article

Multiple stylesheets for a Lightbox clone.

- by Neurofluxation

Hey! I have a Lightbox clone (colorbox), which works fine and has no real issues. What I would like is an extra arguement that would say: [pseudocode] if (linksRel == "lightbox1") { add stylesheet1 to this lightbox } else { add stylesheet2 to this lightbox } [/pseudocode] Currently, I have a page with a "colorbox.css" file attached and the" jquery.colorbox.js" file as well - But I want the JS file to import the required CSS dependant on what link was clicked... Urgh, does that make sense? Does anyone have any ideas? I'm stumped!

Read the article

Use JS to add characters into textfield

- by Thomas

I want to add a $ symbol before a users entry into a text field without actually submitting the $ when the user clicks submit. Additionally, I need to prohibit the user from entering anything but numerical values in to the text input. I know about the JQuery input mask (http://www.conetrees.com/2009/03/blog/jquery-masked-input-plugin-increase-usability-for-masked-format-input-fields) but this plugin requires you to set the exact number of digits/letters that the user is supposed to enter, which is no good for my current project. Can anyone think of a way to accomplish what I have described above?

Read the article

table outputs blank rows on the browser

- by fusion

following the answer here, altho it solved my problem, it displays a blank table. .something like this. the data does get inserted in the mysql but the table displays nothing. the codes are posted on the above link. your help would be appreciated. thanks!

Read the article

Why does this code generate an error? [closed]

- by user559601

Read the article

How to change the CSS of entire page/website on click?

- by Rakesh Juyal

Is it possible to have 3-4 CSS on a page, and then on any event, say click, change the css for entire webpage. This way we can give our user the ability to change the theme. I know we can change the css of an element by: $("#myElementID").removeClass("class1").addClass("class2");

Read the article

CSS Select only List after 1st layer

- by Gidiyo

Given <ul class="menu"> <li>  <a href="/gbcweb/index.php?option=com_content&view=article&id=19&Itemid=27"> <span>sub menu</span> </a> <ul> <li> <a href="/gbcweb/index.php?option=com_content&view=article&id=22&Itemid=34"> <span>sub menu1</span> </a> <ul> <li> <a href="/gbcweb/index.php?option=com_content&view=article&id=22&Itemid=34"> <span>sub menu2</span> </a>  </li> </ul> </li> </ul> </li><ul> How do I select all the from layer 2 onwards?And set a background image to all sub menu.

Read the article

How to make Chrome obey this rule?

- by George Edison

Here is the code: <table style='margin-left: auto; margin-right: auto; text-align: right;'> <tr> <td style='vertical-align: top;'>Title:</td> <td style='width: 400px;'><input type='text' style='border: 1px solid black; width: 100%;' /> </tr> <tr> <td style='vertical-align: top;'>Content:</td> <td><textarea style='border: 1px solid black; width: 100%;' rows='7'></textarea></td> </tr> </table> Here is what it looks like in Opera and FireFox (in Linux): But then in Chrome (also in Linux): As you can see, the first text box is not the right width :( How can I fix this?

Read the article

Why is my condition onsubmit not returning false?

- by Liso22

After asking a couple of questions I managed to create this form. I didn't have troubles making it return false if the submitted value was 0 but I cannot make it return false when it's the string 'Cambia de ciudad". I'm sure I'm messing with the quotes or something like that. This is the form: <form role="search" method="get" action="http://chusmix.com/" onsubmit="if (document.getElementById('s')== 'Cambiá de ciudad") return false;'> <input class="ubicacion" name="s" id="s" tabindex="1" onsubmit="if ((document.getElementById('s').value.length < 4) || (document.getElementById('s')== 'Cambiá de ciudad')) return false;" onfocus="if (this.value=='Cambiá de ciudad') this.value = ''" onblur="if(this.value == '') this.value = 'Cambiá de ciudad'" type="text" maxlength="80" size="28" value="Cambiá de ciudad"> <input type="submit" id="searchsubmit" value="Buscar" /> </form> How do I make it work? Thanks

Read the article

ingenious idea needed: how to declare different sizes for different fonts? @font-face?

- by Haroldo

I've never seen this done, but i get a feeling that there's gotta be a clever way of doing it. css font-size-adjust looks like it was never meant to be, but when i look around I'm seeing some really ingenious css techniques going on. Take this on nettuts yesterday for using @font-face for vector icons. my challenge: if(user has calibri ) { font-family: calibri; font-size: 12px; } if(user hasn't calibri ) { font-family: arial; font-size: 10px; }

Search Results

Search found 29591 results on 1184 pages for 'psd into html'.

Page 309/1184 | < Previous Page | 305 306 307 308 309 310 311 312 313 314 315 316 | Next Page >

- by jitendra

- by snitko

- by Aditya Singh

- by dmr

- by Rosaiani

- by RIck FLores

- by Azzyh

- by Suresh S

- by Kyle Sevenoaks

- by T.R.

- by Alpan67

- by Wayne

- by Reina

- by DanM

- by XcodeDev

- by slevin

- by Neurofluxation

- by Thomas

- by fusion

- by user559601

- by Rakesh Juyal

- by Gidiyo

- by George Edison

- by Liso22

- by Haroldo

< Previous Page | 305 306 307 308 309 310 311 312 313 314 315 316 | Next Page >