css

Programming Resources for Non-English Speakers

I teach a course in basic web programming at a public university. I often have students who are working hard to pick up English at the same time that they are taking my course. In many cases I have thought that I would like to have additional course materials in a variety of languages to keep some of the technical hurdles from being comp...

Font size in OS X is too big

I'm creating an HTML/CSS site and I have the font size adjusted the way I want it when I look at the site on Firefox in Windows (which is what I'm developing on). But when I look at the site in OS X (either Safari or FF), the font size is too big. Not massively bigger, but bigger than my client wants. But if I reduce the font any more, i...

How can I make two textboxes appear as one?

<asp:TextBox id="txtComment" runat="server" Columns="50" MaxLength="50" /> <asp:TextBox id="txtComment2" runat="server" Columns="50" MaxLength="50" /> I have the two textboxes above on a web form. How can I mash them together and make them appear as one text box? ...

CSS: navigation bar to expand to the whole page height

Hello guys, Im not too great at CSS but hopefully someone on here can help. I have the following mockup. (i have stripped out my content to make it easy to view) <body> <div id="container"> <div id="header"></div> <div id="body"> <div id="navBar"></div> <div id="mainContent"></div> </div> <d...

Why doesn't the image load when dynamically loading css in asp.net?

I am loading a css file dynamically by making the link style attribute a server tag. All of the css loads fine except for the image. It just shows the alternate text. I am doing this in the page_load event. Here is a snippet of my img markup: <img class="logourl" alt="Header" /> Here is a the css for logourl: .logourl { backgroun...

HTML/CSS positioning for Menus “float: bottom”

I am creating a horizontal menu, can't figure out how to alignall the menu options to the bottom of a container. Provided is an example to demonstrate what I'm trying to do, but the CSS code does not work as needed. Can you provide suggestions to get all the menu tabs to sit on the bottom? <style> .example1 { position: relative; ...

Completely center an image?

I have a div and an image within the div. The image size will vary. I want it to be centered horizontally and vertically. Css verticle align does't seem to work. Any tricks? I can use php, css or Jquery ...

How do I prevent a WebView from scaling down a rendered web page?

I'm developing a Cocoa/Obj-C application that involves a WebView (from the WebKit framework). I've noticed that this WebView presents a slightly scaled-down version of the rendered webpage. An example screenshot: In a browser (Safari or Firefox): In my WebView: These happen to be local HTML/CSS files generated by the program, but ...

Is there anything wrong with having positioning & float?

I have: .event { float:left; position:relative; top: 50px; width: 100%; height: 100px; background-color: #FFFFFF; border-top: 1px solid #D6D6D6; border-bottom: 1px solid #D6D6D6; } It works to my liking in firefox & safari. Mainly float against another element, but be offset against it. I know I can use...

Cucumber/Webrat: follow link by CSS class?

Hello there, is it possible to follow a link by it's class name instead of the id, text or title? Given I have (haha, cucumber insider he?) the following html code: <div id="some_information_container"> <a href="edit" class="edit_button">Translation here</a> </div> I do not want to match by text because I'd have to care about the ...

List item bullets disappearing in IE6 and IE7

I have created a list of items using <ul> and <li>. It's works fine in Firefox but in Internet Explorer 6 and 7 I cannot see the list bullet. Here is what I've done: I have a global ul , li reset value. After that I have created two column list using two <ul> block. I am overwriting the ul li global style value none in CSS to list style...

What is an efficient way to set CSS class for each cell in a given table row?

I have a problem setting the CSS class for each cell in a given table row. Initially I thought setting the parent row CSS would affect the style properties of cells, but that doesn't work. Instead I have to loop through all the cells in a given row to updated the CSS class. However this is not efficient. And it took a lot of time. Cons...

a:hover background image swap not working in IE6

Hi I have: a.dismiss-cross { background: transparent url(/images/cross-grey.png) no-repeat scroll 0 0; float: right; border: none; width: 19px; height: 19px; display: block; } a.dismiss-cross:hover { background-position: 0 -19px; } And implemented with <a class='dismiss-cross' href='#'></a> Lo and beh...

Can this CSS syntax be improved, be made more organized?

Is there a cleaner way to write the same css given that input name f1 to f7 are all type=text like the first line? Thanks #tform input[type="text"] { -moz-border-radius:6px; border: 1px solid green; } #tform input[name="f1"], #tform input[name="f2"], #tform input[name="f3"], #tform input[name="f4"], #tform input[name="f5"] { width...

Can css affect elements added by document.write?

If I have this css div.myContainer img.noCampaign { display:none; } and this html/javascript <div class="myContainer"> <script>document.write('<img class="noCampaign" src="whatever.jpg" />');</script> </div> I can't seem to get the img element to disappear? Is there no access to the img element through css when dynamically addi...

flex 3 css corrupt design view

when I apply a css using mx:style tag it corrupts the design view this answer settings doesn't change anything wether I checked or not "render skins when opening a file" is there a way to tell flex to ignore completly css in design view, or indeed let flex shows the dcss properly instead of this blue gear icon placeholder everywhere. ...

Which CSS bug is this? (margin-bottom, ie6 + ie7)

In ie6 and ie7, the margin-bottom from the p is being applied to both the p AND the div just below it. In other words, this code will apply a margin-bottom of 20px to both the p and the div in ie6 and ie7. No problems in any version of FF, Opera, Chrome/Safari or ie8. <p style="margin-bottom: 20px;">Hello world!</p> <div style="float: ...

CSS not working with PHP script:

Here is the code from my style.php script The objective: User should be able to select and input different options for the background color and font. This code snippet with css and php is called stlye.php and is suppose to supply the variables to be used on my outputform.php script. <?php header("Content-type: text/css"); $gray = "#3...

FrameSet / Frames, possible to hide and collapse in CSS. Also a position absolute question.

Hello, I'm currently working with some god awful CRM system. Essentially each page is made up of two FRAMESET elements each containing a bunch of frames. I need to create a print style sheet for a particular page. I'm having trouble getting everything to fit onto one page. So I've hidden some menu elements using elementName { display:...

How to have hover effects on input boxes in Internet Explorer 6

Hey, Im looking how to have hover effects on input boxes in Internet Explorer 6? Im using YUI if I can utilise that. Thanks ...