css

CSS import or multiple CSS files

I originally wanted to include a .css in my HTML doc that loads multiple other .css files in order to divide up some chunks of code for development purposes. I have created a test page: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; <html xmlns="http://ww...

Getting LEGEND tags to wrap text properly.

Legend tags are always a nuisance as they don't adhere to a lot of CSS rules. I'm trying to get the text within a LEGEND tag to wrap using the typical solution of wrapping the text in the LEGEND with a span and setting the width and display: block. <legend> <span style="border: 1px solid blue; width: 250px; display: block"> ...

how to create a 2 column to seperate label and input element in a form

My form looks like: ** <p><label>first name</label><input type=text name=fn /></p> <p><label>last name</label><input type=text name=ln /></p> </div> <div id="rightform"> <p><label>state</label><input type=text name=state /></p> <p><label>city</label><input type=text name=city /></p> </div> ** I want the layout...

How do you ensure a <td> is exactly 200px tall?

I have a table with an image inside: <table style="border: 3px solid rgb(0, 0, 0); width: 800px; background-color: rgb(255, 255, 255); margin-left: auto; margin-right: auto; border-collapse: collapse;"> <tbody> <tr> <td style="text-align: center; padding: 0px; margin: 0px;"><img style="width: 800px; height: 200px; border: 0px;" al...

Indentation annoyance with CSS in Vim

I've moved from TextMate to Vim lately, and am really liking the switch. However, I have an itch regarding the way Vim handles indentation within curly braces using the CSS syntax. I use simple_pairs.vim, which may or may not have something to do with my problem, but I don't think so, as things work fine in PHP, JavaScript, etc. Let me e...

Hidden Div flows into header when shown via jQuery (only happens in IE)

Hello, To see what I mean, check out my source here in IE. When you click the login button (right now it is just wired to show and hide divs and not actually log anyone in), the login panel is hidden and the welcome panel is shown, but it is right up against the top header until you click the page again. I cannot figure out why this i...

Loading/Parsing XML with Jquery

I am trying to use Jquery to load the contents of an XML file and then format (html) the results. The only thing is that, I would like it to load only nodes in the XML file that contain a specific phrase. I have been unable to find instructions on this. This phrase will be a variable so, I will have a master XML file with all values a...

HTML, XHTML, and CSS... what are some good resources?

What's a good book, or a good way to learn HTML, XHTML, and CSS? I recently graduated from school and I only know Java, and C++. I would like to learn some web development so I am looking for some good books and resources. ...

css - get rid of spaces between spans

I'm trying to emulate a tab bar with html I'd like the width of each tab to be set according to the text lenght (that is, no fixed width) and to word wrap in case it exceeds the screen width I've almost achieved it <html> <head> <style type="text/css"> #myTabs .tab { float: left; } #myTabs .tab_middle { margi...

Expand a relative positioned element to full container height

Hi, I have a div directly under the body. My HTML looks like this: <body> <div class="parent"></div> </body> And the css I use is this: .parent { border:1px solid black; bottom:10px; position:relative; top:100px; width:500px; } This div doesnt stretch to the entire viewport/available body height. However, if I change th...

Selecting all images in a <td> tag and disabling them

My HTML looks something like this: <table class="disabled"> <tr> <td> <input blah blah> </td> <td> <img id="reallyLongASP.NetID" etcetc/> </td> </tr> </table> In all with a class indicated as "disabled", I want to set visibility: hidden on the <img>. I can disable using the crazy id A...

CSS Question - Any way to set (eg. a font-size) to a group of styles, by linking the style to another?

.small_fonts{ font-size:10px; } .fonts_blue{ color:blue; } .fonts_red{ color:red; } .fonts_green{ color:green; } Any way to apply "small_fonts" to each of the "fonts_blue, _red, _green" w/o doing this: .fonts_blue, fonts_red, fonts_green { font-size:10px; } I am just trying to update my css to be more organized. I realised I don't ne...

CSS - Which method is better?

Which is better in regards to processing time but also taking into account ease of use for a developer? .font_small{ font-size:10px; } .font_blue{ color:blue; } .font_red{ color:red; } <span class="font_small font_blue">Hello World!</span><br /> <span class="font_small font_red">Today's the day!</span> OR .font_blue_small{ color:blu...

How to combine this css?

.. .box_content ::selection { background:#CCCC33; /* Safari */ } .box_content ::-moz-selection { background:#CCCC33; /* Firefox */ } Anyone know if I can combine those like this? .box_content ::selection .box_content ::-moz-selection { background:#CCCC33; } Or maybe like: .box_content ::selection, .box_content ::-moz-selection ...

Is there a way to prevent a string of letters with no spaces from overflowing out of its corresponding boundaries?

The question is pretty straight forward, I have tried using a span with rules set to clear:both; and display:block;, at the bottom of each list entry where the text is being inserted in with no luck. I am not really sure what to do on this. I don't expect to many entries with long consecutive letter strings but for example if someone doe...

Site hosted with Blogger has some display problems in IE

Hello guys..My site url is : Da Factopedia It opens up perfectly in all browsers Firefox, Opera, Safari, Chrome. Even in IE 8 the Home page is perfectly displayed . But if you click on any post page like this one : http://www.dafactopedia.com/2010/03/7-surprising-facts-about-sleep.html the right sidebar starts acting up. It starts floa...

Multi-level ul based dropdown CSS positioning not working in all IE browsers

I must say that I am stumped on this one! I have a (what I'd call rather simple) ul based multi level dropdown menu. It works perfectly in Firefox, Opera, Chrome, Safari etc but the second level of menus (example parent > child > child) fails to show in all IE browsers. It seems to me like the ul that houses the second level of menu item...

Chrome error with NO_MODIFICATION_ALLOWED_ERR DOM Exception 7

I have below code to insert a style into DOM (there is a use case for injecting style into DOM so please don't ask why or say to load the css in .css file). <script type="text/javascript"> window.onload = function() { var bmstyle = document.createElement('style'); bmstyle.setAttribute('type', 'text/css'); var styleStr = "#te...

Shrinking image by 57% and centering inside css structure

Hy, i'm really stuck. I'll go step by step and hope to make it short. This is the html structure: <li class="FAVwithimage"> <a href=""> <img src="pics/Joshua.png"> <span class="name">Joshua</span> <span class="comment">Developer</span> <span class="arrow"></span> </a> </li> Before i paste the css class...

Table cellspacing with CSS

hey, is it possible to add spacing between the cells? <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>test</title> <style> #wrap { display: table-row; /* there is no also cellspacing in CSS afaik :( */ } #wrap div { display: table-cell; /* margin: 40px; doesn't work for table-cell :( */ ...