css

Problem with GridView and RowStyle

Hi, I have a problem with an <asp:GridView> Rows are too tight from each other so i want to give them a fixed height. I tried using RowStyle's and AlternatingRowStyle's cssclass. In my css I have: .new_fila_exp_ini { margin:0 auto 100px auto; } But it doesn't use the 100 pixels. I think it's because it used to be a HTML table ...

display: inline; fails when <form> is present

<style> ul#custom { float:right; width:100%; padding:0; margin:0; list-style-type:none; } #custom li{ display: inline; } </style> <ul id="custom"><li> <form name="form1" method="post" action="checklogin.php"> <label for="field_1">Login ID (Your Email)</label> <input type="text" name="myusername" id="fiel...

SPAN vs DIV (inline-block)

Hi, Is there any reason to use a <div style="display:inline-block"> instead of a <span> to layout a webpage? Can I put content nested inside the span? What is valid and what isn't? Thanks! It's ok to use this to make a 3x2 table like layout? <div> <span> content1(divs,p, spans, etc) </span> <span> content2(divs,p, spans, etc) ...

Problems with the event target

Why does this work only if i call the alert function ? After i close the alert box, the color changes. If I comment the line with the alert command then nothing happens. function setLinkColor(el) { var color = getStyle(document.getElementById(el.id), "color"); alert(el.id); document.getElementById("cont...

why doesn't this style html work

In the below following HTML the <b> is not working for making the "6" bold. any ideas why? <h2 style="margin:1px;padding:0;color:#333333;font-family:verdana;font-size:85%"> I am <b> 6 </b> years old today </h2> ...

css left help jquery

ok so basically I have a setup like this: <div id="tabs"> <div id="tab_one"> Something here </div> <div id="tab_two"> Something else here </div> <div id="tab_three"> Another thing here </div> </div> Now my css looks like this: #tab_one { position:relative; left:0px; top:0px; } #tab...

cross browser strechable round corner with semantic code and minimal use of images. is it possible ?

I know to make round corner is not possible for IE without Javascript or images. JS solution will not work if js is disabled so i want to go for image option i need any images + css solution to make cross browser compatible round corner div with minimal ,easy to make and pure semantic and W3C valid code, strechable and minimal use of i...

html float problem

I have the following code: <div "background-color:green"> <div "float:left">something</div> <div "float:right:>something else</div> <div> Why does the background color not appear in this case? What needs to be done to make it appear {Code simplified for understanding , may not be in the approporiate syntax} ...

Design that "slides out" of the left side of the browser as you make the browser bigger?

Hey all, I'm trying to build a blog. I would like to create a design that essentially slides out more of the picture when you drag the browser handle to the right, and slides in to a certain point when you drag the browser handle to the left. How do you do this in css?? EDIT: I'm thinking you could use a float:right, width:100%, overfl...

Embedding SVG in XUL

I want to Embed SVG into XUL. I tried to use the this tutorial which requires pasting of the SVG code in XUL application and it works but this is not clean. I want to keep SVG and XUL files separate, further I will like to use a separate CSS file for SVG part, any examples how we can do this? ...

internet explorer issues

Hello I developing a website in Joomla the website is working fine in Mozilla, Safari and chrome but when I render it in Internet explorer it gives following error. Please enlighten me on this..... User Agent: Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.1; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media C...

Setting div background image using JQuery

Hello, Im using JQuery to set the background image of a div as follows: $(document).ready(function() { $('#pic').css("background","url(images/pic.jpg)"); }); But the image does not get displayed. How to fix this ? Thank You. ...

What CSS tools (framework,grids system, IDE,..) do I need for starting web design?

Hi, I am building a new WebSite based on Grails technology. Concerning the graphical design of my website, I plan to use services from a professional web designer but meanwhile, I need to do some basics graphical design myself in order to have a "user-friendly" beta-version. I have read through the stackoverflow.com site but couldn't...

How to get the size of a dynamically loaded swf with javascript?

Hi, I want to get the dimensions of a dynamically loaded flash object and resize a DIV accordingly to it. I can't use a server side language to do it. I've tried searching about loading and reading the header portion of a SWF file to get it's dimensions with javascript but came up empty. Is this remotely possible/feasible? Thanks in ...

CSS adjacent sibling selectors - IE8 problem.

I am creating a menu system using a UL/LI structure. I'm trying to use sibling selectors for hover/show-sub-menus. I'm using this; #MainMenu li.Sel ul li.HasSub a:hover+ul { display: block; } The UL structure would be something like this; <ul id='MainMenu'> <li class='Sel'> <a href='#'>Click Me</a> <ul> <li c...

two divs on each side on the same line

How can I make it stay on the same line? I want "How ya doin?" to be on the same line as the menu. <div class="header"> <b>How ya doin?</b> <ul class="menu"> <li><a href="#">Home</a></li> <li><a href="#">Registration</a></li> <li><a href="#">Terms of Use</a></li> <li><a href="#">Support</a></li> </ul> </div> THe CSS: * { margin: 0...

Comments within style= attributes - safe?

I am working on a CMS that generates CSS "style='xyz'" statements from user input. The user input will be validated but as an additional safeguard, I want to check the validity of the values on generation of the CSS code. If an invalid value is encountered - e.g. a relative width ("50%") where only absolute values are allowed due to lay...

modal window problem

Hi, I am using colorbox a jquery plugin to emulate modal window which is not able to overlay flash movies and youtube video. I have experimented with the z-index but nothing seems working. Please enlighten me on this. thnx in advance ...

Aligning elements on same line

I want both labels and textbox appear on same line ("Search for products:" label is above "search" label, i want them to be on the same line), the difference is slight but it exists, I want them to be precise. online version: link Markup: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"&gt; ...

Setting the height of a SELECT in FIREFOX 2

Hi, I have a weird problem with HTML select box height in Firefox 2, here's the code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>FIREFOX 2 SELECT BOX HEIGHT ISSUE</titl...