Forum: CSS

Silly question, but how do you position the: facebook like button; tweet button; twitter follow button; pin it button? I have put them all into an <ul id="social">:

Hey there. Just a quick question here.. is there any way to mask a textbox with an image? I've tried -webkit-mask-image, -o-mask-image, -moz-mask-image, and mask-image but none of them seem to work with input text. Thanks in advance, Jacob

I'm trying to put a modal window on my webpage. I found a script on the net and it works just fine, except that when the window displays, the background page is not "washed out". I think it has to do with the opacity property, but I can't get it to work. Can someone please help with this. ...

I need to put a simple css drop menu within a div table cell. Note that I'm using the table cells as a workaround of CSS's inability to control vertical alignment in float divs, and I need to use those because the page is built from a matrix of divs that are dynamically generated so I have no...

Hi everyone, I am new to the forums, and to web design. I am currently taking a class on HTML5 and CSS. For my final project, I am supposed to publish a web site. So far, however, I have been having issues with inserting images, and displaying floats. I am currently writing code for my home...

Hi all, I'm having a problem with my new dropdown menu bar, i tried hard to figure out the problem but cannot seem to find a solution. Here is the code for the dropdown menu bar #nav,#nav ul { list-style: none outside none; margin: 0; padding: 0; } #nav {

Hi This page http://www.ccmediaservices.co.uk/residential-lettings/ Renders perfectly fine in firefox and in ie. But in chrome the filter box on the right hand side seems a bit short and the search button fails to fit within the box. The purple box to the right of the listings Can't...

Hi all. i'm having the prolems with my blog, when i view it in firefox or chrome, it works fine, but it in IE9, i found too many issue, first, the footer too large, and suddenly some border appear, you can see those errors in the pictures below: ...

I had a lot of trouble with this one. I ended up figuring it out with CSS attributes I've never used before, although very simple and now I know I have to use said attributes more often. What I'm wondering is if there's any way to clean this up a little more. Or if there's another way to do...

I'm just getting into HTML and CSS and have a problem with setting the spacing between divs. I've tried to use top and left to position the boxes rather than making use of margins and padding. I'm more used to this method from my Excel UserForm use. So for demo purposes of my problem I've...

Hi all, I'm trying to create a search box that is located in the far right of the menu bar, and i want to remove the hover effect of the search box. Sorry for my bad english, to know what i mean, you can see the picture below :D Myblog: http://thegioidulieu.blogspot.com/ menu bar:...

I'm trying to center a jQuery Mobile page with a panel and "margin: 0 auto" doesn't work, so here is what I have: <style type="text/css"> @media screen and (min-width:65em){ div, .ui-page{ margin-left:2.5em; } } </style>

My header wrapper has a gap at the bottom of it for some reason but I am unsure why. The inner div and wrapper div should be the same height { liquid height for content } but the wrapper has a small gap after I added my navigation menu. Help? Everything can be found here:...

Hello, I am trying to follow the code from this simple css drop down menu here. I have the code which I am trying to make work with what I have currently. I want the spacing between the listed items for the menu. When I use the code from the website I cannot seem to set the spacing I need. The...

Hello, I have made a website in HTML5 and CSS 2.1 but when I open it, the navigation toolbar and menu and tabs in my browser changes to the color of my container(div under body). Is there a way I can change the colors of my browser using code? Because I don't want other users of my website...

One of my students had an interesting problem that I was able to resolve the code, just would like some type of explanation as to why it happened. Here are excerpts of the code: body { background-color: orange; color: #d5e3ff; font-family: Verdana, Arial, sans-serif;}...

Please take a look at this jsfiddle... You'll see I've got everything accurately laid out with the CSS, except for one thing... there's an #inner_body container next to the navigation column in the #body_wrapper. For some reason, the #inner_body is sitting at the bottom of the #body_wrapper and...

Hi there, I am just putting the finishing touches on an eCommerce site I have been working on for a few months. My issue is with the header. If the page is viewed in either Firefox or Internet Explorer, the header looks as it should. But when I attempt to view the site in Google Chrome or...

Hi all I have a demo here - http://www.ttmt.org.uk/forum/thumbs/ It's just a floated <li> list containing images. The containing div has a percentage width with overflow:hidden To allow the <li>'s to float left, the <ul> has a width wider than the width of all the images.

Hello, I am making a small schoolproject but I am now stuck on something. I want the headphone pictures to dissapear and text to appea rinside the same box when I hover over them. Is this possible in CSS? Here is a picture of my website. http://piclair.com/4o2xn

I need some help. My site works in IE8, but it's not working in IE9, IE10, Chrome, or Firefox. I am wondering if someone can take a look at the stylesheet and let me know if there's something I can do. It's fitted for IE8 because that's our corporate browser, but we're going to be moving up...

Hi, I have a css image header backgound which i linked using the following code and it works in IE - http://slouchmat.co.uk/products.htm - if you click on the header it takes you back to the homepage however it does not work in Firefox The code: - <div...

Hi all, I have been handed a rather complex project and could use some help getting started. Here's what I need to do I am making a web site for a dart league. It needs to track teams, players, scores, and stats. This is the process I need to create for the owners/users: 1) Team captain...

I am curious how to create an onpress or onclick behavior that generates a sequential number string until I reset the counter. I have a beginning knowledge, use image maps and need a little help creating the code. I would like the sequential numbers generated all sent to a log file that I can then...

I've posted this in JavaScript as well, because I'm not sure what the problem is. I could use a couple points of view. Moderator - I will remove the post from which ever forum I figure out it doesn't belong. I created an overlay for my website, but completed it in a separate file for testing...