css

Padding on div border

I want to put padding on a css border. Pull it inside a div, away from the edge. Is this possible using css (css3 is fine, webkit). Here is the design. I did this by placing a div inside a div, then give a border to the inner div. I want to make the markup slim as posible so I want to use only one div if posible. Thank you. ...

press tab to go to selectbox

i have a textbox follow by a selectbox, when i press "tab" on textbox, it doesnt go to selectbox. how to make it go to selectbox? is the solution required to use javascript? is there any workaround without using javascript? editted: <html> <input type="text" tabindex="1" /> <select tabindex="2" > <option value="volvo">Volvo</option> ...

Jquery - changing background image - throws weird error

Hi, I have 4 list items in my HTML and there is image and a text in the Item. What I am trying to do is when someone clicks on the list item, I want to pull the text out of it and use it to form an image url and assign it to an element's background. But this simple stuff is not working and firefox is throwing a warning without changing ...

Is there any HTML 5 + CSS 3 framework specfically to make mobile website for supported devices?

Is there any HTML 5 + CSS 3 framework specfically to make mobile website for supported devices? ...

Internet Explorer Missing Divs Issues...

I am having some serious trouble with missing DIVs under Internet Explorer and I cannot seem to get them to show up. The website is http://www.andstones.ca. And it looks great, and functions perfect in most of the other required test browsers, but something about its appearance in IE7 is off. The issues are related to the #righty div ...

[CSS] Unchangeable input image border in FF/CH/SAF/IE8?

Guys, I've found a very strange thing. I was complaining about it before, but nobody sees old questions here. Here's an example: http://tinyurl.com/2ugzj6j It works perfectly in Opera only... In Firefox, Chorme, Safari and IE8 there's a border around this button... And I have no idea WHY? How to delete the border? Thanks. ...

workaround for tabindex on firefox on macos?

Is there any work-around with javascript/CSS for tabindex not working on Firefox on Mac OS? without changing Mac OS system keyboard-preference? ...

Custom styling of Wordpress more link displaying inconsistently between webkit and firefox

So I am styling the Wordpress more link on the blog index page, and I've used some custom styles and markup that are displaying inconsistently between webkit based browsers (Safari and Chrome) and Firefox. All is well in Firefox, but in webkit it doesn't look as I'd like it to. I can't seem to find how to fix it in webkit. The problem i...

HTML <a> tag is pushing elements down the page when using position: relative

Hello all. I have a form with a style input box and a <a> tag that acts like the form submit button. I don't want a real form button because I will be performing AJAX on this form. Here's the markup: <form action="" method="post"> <input type="text" id="videoLink" /> <a href="#" class="formSubmit">Go</a> </form> <div class="co...

CSS: Use tag type before ID?

One of the guys here at work puts the tag name in front of all his CSS selectors for element ids. For example: div#footer { } This, as opposed to just: #footer { } His rationale is that this is a quicker lookup for most browsers because they don't need to check the id attributes of every type of element--just div elements. He als...

Height iframe in div problem

I'm having troubles fitting the iframe in the exact height of the div. The problem isn't that is won't fill the complete div but it exceeds beyond the div. This is what i have now CSS *{margin:0;padding:0} html, body {height:100%;width:100%;position: relative;} #header { height:100px; width:100%; background-color:#FF0000; } ...

Problem with page display in Explorer

I have this code (had to split t in 4 sections to display ok): <div class="list_item" id="item_1"> <div class="list_item_int">Andrés Bedoya</div> <div class="list_item_big" title="Soy Andr s Bedoya el programador de este maravilloso software">Soy Andr s Bedoya el programador de este maravilloso software</div> <div class="list_item_big" ...

Position:fixed to work on IE 6/7/8 and mozilla

hello all, I want to make a div's position fixed on the bottom right of a page..( a chat box) ..how do i do that through a css file which will work on all IE6/7/8 and mozilla ....for now i have #chatBox{ position: fixed; bottom: 0%; right: 1%;} This doesn't work on IE..and my constraint is that I am just allowed to edit this CSS fil...

IE7/IE8 Compatible rendering floated layout wrong

I have a site with a right sidebar and a left main content area. Code looks like this: <div class="leftside">leftsidecontent</div> <div class="leftside">leftsidecontent</div> <div class="leftside">leftsidecontent</div> <div class="leftside">leftsidecontent</div> <div class="rightside">rightsidecontent</div> <div class="rightside">rights...

Adding a Large text box to a page

I am building a page where I want to add a HUGE text entry box. Just like this: http://unbouncepages.com/real-time-texts/ I have done normal text fields before, but how do I get the box and font size to be massive? ...

CSS - smarter code comments

Hi I read some time ago about a way to comment a css block in a such way that you only need to remove one end of the comment character set in case you want to uncomment the block later. But I can't remember how it was done :( Maybe someone here does know :) ...

Box Shadows in CSS

This is not a question, but just a rant. Or maybe a question... or maybe I just don't know much about box shadows.. In order to use box shadows in CSS3 in different browsers, here what I have to do: -webkit-box-shadow: 0px 0px 10px #676767; -moz-box-shadow: 0px 0px 10px #676767; box-shadow: 0px 0px 10px #676767; Is there anyone else ...

Seeing red: How to NOT clear a div in IE7?

First of all, do you see red?... http://jsfiddle.net/yaBqr/ I do in IE7 and I want to know why. Both paragraphs are floated in opposite directions and there's nothing else that could possibly be clearing the container div. I know what you're thinking... "What's the problem? What's wrong with the container div clearing the paragraphs?"....

How to get CSS background images to show up in HTML files opened by Word?

Hi all, My question is specifically what I'm after, but I'm also interested in 'general rules' around how to preserve styles when opening an HTML page in Word. More information on my context follows. The HTML file being opened in Word has <link ... /> elements including stylesheets. everything displays normally in a browser. So far I ...

Best way to start learning HTML, CSS, and other web frontend technologies

Hello. One of my friends is wanting to learn HTML for the purpose of helping me to create websites. I figured the best place to start is working with the frontend of websites. What good online resources out there can I recommend to my friend? Most of the online HTML tutorials out there teach the deprecated way of writing HTML, such as ...