css

Absolute DIV height 100%

I have been working on this for the past couple of hours, and searching the web and stackoverflow hasn't been much support. How do I make #gradient and #holes fill the entire page? I have used the Inspect Element feature in Safari, and when I highlight the body element it does not fill the entire window. HTML: <body> <div id="gra...

PNG image appears in IE8, disappears in IE7

I'm attempting to display a logo (PNG created in Paint.NET) on my web page (XHTML 1.0 Transitional), like this: <body> <div class="header"> <div class="logo"> <img src="logo.png" /> </div> <!-- etc. --> .header is styled as follows: .header { background-color: Black; color: White; margin-left: -3em; padding-...

Correct text input width for cloze

I've got a JS-generated fill-in-the-gap text/cloze and I'm having trouble adjusting the text boxes to the right size. But unlike others I'm in the position of knowing exactly what the user will/should enter. So, if I have a gap _______ like this, I want the input to be exactly 4 characters wide. However, maybe since I'm using a proport...

Can anyone explain "em is relative to the font size and % is relative to the parent element" by example?

Can anyone explain "em is relative to the font size and % is relative to the parent element" by example? What is the means of relative to the font size and relative to the parent element? ...

help with converting css styles from tag to tag

Need some points on how to convert a styled tag to be used on another tag. If my css has a particular style that works on a <div> tag, what do I have to do so it works on a span tag? What if the css style works on any paragraph tag <p>, how can I get it to work on a div tag? ...

Jquery Fade when page content is loaded

I want to create an effect in jquery that waits until every element of my page is done loading before anything is displayed. The same effect is done here. As you can see, when you load or refresh the page, the background color appears and when everything is finished loading, jquery fades it in. My website is: http://www.vitaminjdesign.c...

Frameset border problem in Internet explorer

Hello I am making a frameset page with the following code <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"&gt; <html> <frameset rows="*,65" border="0" framespacing="0" > <frame src="page.html" /> <frame src="footer.html" scrolling="no" /> </frame...

Scrollbar hidden in IE6 (css issue)

I'm not a CSS guru and I'm seeking your help. The following site www.jomea.com does not work properly in IE6. You cannot scroll down the page and it gets cut off. The web designer who worked on the html/css cannot fix and has been wasting my time for the past couple of months. style sheet for default page: ~/styles/jomea.css style s...

jQuery Innerfade - fading weirdly on IE7

Hi all! I'm wrapping up a new site, http://architect.sitesbyjoe.com and I'm using the innerfade plugin on the site's homepage. For some reason, the fading is slow and choppy. The only other thing Javscript-wise is the Fancy Zoom, but I've already removed it etc with no change. Any thoughts? Other posts are pointing to CSS issues.... ...

IE8 table disappearing border-top

Hi I have a table with border-top set to 2px. This works in every browser except IE8. CSS: <style type="text/css"> .mytable { border-collapse: collapse; border: 0; border-top: 2px solid #43848C; width: 300px; margin:0 2em 1em; border-bottom: 1px solid #72afb6; } .mytable tr { border-color: #72afb6; ...

Two separate background images.

I want to have my page to have two background images: one at the top, and one at the bottom. I don't want them static, though. How would I do this? ...

Minimum height on vertically expandable div

Hey, Is there a way to set a minimum height for a div, but still allow it to be expandable? For example, I want a div to have an exact height of 300px when my page loads. However, if more content is added to the div with javascript, I want it to expand after that. If I specify a height and the content expands past the div, it either ...

CheckboxList input Not working in IE7/6

I modified asp.net checkboxlist using css. It hides input using display:none and I'm able to click on label and casue postback in Firefox but in IE when i click label in checkbox list it doesn't work. What could be wrong here? My code: <div style="padding-left:15px;"> <asp:CheckBoxList ID="cbl" runat="server" AutoPostBack="true" ...

@font-face in CSS....is it ok?

On my website, my font family is Tw Cen MT, Gill Sans, Century Gothic, sans-serif. Obviouisly, not everyone is going to have Tw Cen MT, so I have chosen to try out the @font-face method. Here is my css: @font-face { font-family: Tw Cen MT; src: local("Tw Cen MT"), url(fonts/TwCenMT.ttf) } A few questions: Will this work in all m...

ASP.NET HtmlTextArea attributes and newline

I'd like to change some of the attributes of an HtmlTextArea in a SharePoint web part that I'm developing in C#. The HtmlTextArea is being used as a customized display for some Sql Server 2005 data that I'm pulling in and I'd like to change the font, color, etc., and make it read-only. I see that there are a few methods, such as HtmlText...

How do you vertically align images within a list or a div?

Hiya, I have the following code for showing some images: HTML: <div class="footer-logos"> <ul> <li><img src="/sites/default/files/imagefield_thumbs/All Ears Cambodia Logo_1.png" alt="" class="first"></li> <li><img src="/sites/default/files/imagefield_thumbs/MLF rev.jpg" alt="" class=""></li> ...

Problems with CSS and styling input tags for a search bar

Here's the CSS code I'm working with: #navigation input#search_bar { background: url(images/searchbar.png) no-repeat; border: none; height: 20px; width: 156px; margin: 0; } #navigation input#submit { background: url(images/submit.png) no-repeat; width: 30px; ...

css - forcing width of menu items to take up 100%

i have this site: www.yoursdproperty.com i need the top menu items HOME, BUYING PROPERTY, SELLING PROPERTY ETC... to take up 100% of the width of the top bar. if i add more items, i went them to size accordingly. here is the CSS associated with this menu bar. is there something i can change here to do that? /* Moo Menus */ #cssmenu...

Img tag works when hard coded but not when dynamically inserted via javascript.

If I dynamically generate the img tags they don't show up when they should, but if I hard code the values in there the images show up. Anyone know why this is? According to my jQuery there should be 2 image tags inserted after each input with the class .inputBox HTML: <form action="" method="post" id="myform"> <label for="FirstName...

CSS display inline items briefly show up as list-items when loading page

Hello, I have a Carousel (jcarousel) which displays items inline. When loading, the items first show up vertically (list) and then switch to the normal inline position. I have this on several websites and find it annoying. Is there something that can be done about this ? Thanks ...