Jump to content

Search the Community

Showing results for tags 'CSS'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • W3Schools
    • General
    • Suggestions
    • Critiques
  • HTML Forums
    • CSS
  • Browser Scripting
    • JavaScript
    • VBScript
  • Server Scripting
    • Web Servers
    • Version Control
    • SQL
    • ASP
    • PHP
    • .NET
    • ColdFusion
    • Java/JSP/J2EE
    • CGI
  • XML Forums
    • XML
    • Schema
    • Web Services
  • Multimedia
    • Multimedia
    • FLASH

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start





Website URL








  1. Me, again. This time, I just can't seem to get my head around it. I came up with this idea when I was looking at the link tutorial. So my links on my website are little button pictures right? And I want them to change to a pressed button when they are active. How would I do that? This is probably a stupid, but I just can't get whatever I am not getting right now. And yes I have read the tutorial and searched the reference, I even went to other web pages and inspected their elements.
  2. Hello. Like I said in one of my other posts, the one about giving a table a margin on a style sheet; I am new to CSS really and I am making a little website for a school project. Last night I spent making some graphics for it and all, but my style sheet, as far as I know, is really unorganized, and I am really confused on how it's supposed to be organized. Most of the things I just put in it, and kept moving them around till it worked, but I am getting tired with that process, and it's really messy. Ill post my style sheet beneath, and if anybody could help me organized, that would be wonderfu
  3. Sorry if this may have been answered before but I could really do with a specific answer to a specific set of circumstances. I am very new to anything other than basic css.The best way to describe what I mean would be to look at the site in various browsers. http://www.livingwithaddicts.com/ .I have put this together for a charity using the Joomla CMS (version2.5). If you look at the site in Firefox it is as (for now as it ain't finished) how it's meant to look. It's fine in Chrome and passable apart from some easily solvable positioning issues in Opera. Then we get to IE and I have just added
  4. I've seen this done several ways, but I'm looking for a simple solution. The main content area is white, with rounded corners at the top and a shadow around the top and both sides.(See image below) I've saved out the image in 2 pieces, one contains the top 72px or so with the rounded corners. The other is a slim piece, the same width as the top piece, including the shadow. I've created a div and gave it an id="contentcontainer", where all of the content for the pages will rest. Inside of this div is where I need these images to show up. The top image with the rounded corners needs to always be
  5. http://pastehtml.com/view/buakxo9oj.html I know it lacks the images but I think you can see what I having a problem with: the dropdown menu isn't vertically centered with the page, I tried margin:auto; but it didn't work. In the bottom the footer is overlapping with an upper section, I tried positioning it but it won't go any further down this the HTML <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; c
  6. Hi, I know that this might be a quite common question but I haven't found a solution for my site so maybe you guys can help me out. I am not very experienced with this CSS stuff and I haven't been able to come up with a solution. My navigation bar works fine with other browsers but not firefox. You can find a live view of the site at: http://www.korukivi.fi/?page_id=375 Thanks for any help!
  7. I am trying to make a horizontal menu bar for a website. I am doing it the way they show on W3 with a <ul> list and css formatting. Every attempt looks horrible in IE 8.0. The usual bullets are still present and it is still vertical instead of floating horizontal.Can anyone take a look at this and tell me how to make this type of menu show up properly in the common versions of IE? Here is the site: http://cwarchitect.d....com/index.html
  8. Hello! I'm working on building a small website for my company. I need help in figuring out why the menu isn't working out... Here is what I've built so far: http://silverbergandsons.com/beta/ I can't figure out why the list items are shifted over to the right like there's an invisible bullet there... this applies to the submenu too. When I use width:100% for the background of the menu, it stretches out the page to the right side... Probably has sometime to do with the invisible bullets in problem #1. I can't get the images/menu buttons centered in the page... And lastly, I've
  9. I've been working on this for a while and I've had varying levels of success but have not been able to achieve what I'm after so far. I'm looking to do this with CSS, no jquery or anything like it. I followed the "Son of Suckerfish" tutorial and that got me somewhat there, but when I tried to make the 2nd level dropdown, it started getting all funky and I haven't been able to figure it out. Not to mention, it isn't working properly in IE9 or FF, only Chrome and Safari (for Windows). Below is the design view of the dropdown navigation: So far, I've gotten it most of the way, but the 2nd level a
  10. What i want to know is how i make the thumbnail bigger while clicking on it simillar to what i have done with the fisheye menu on the top. I cannot get those images to work with the dock JS, any suggestions in how to do it with CSS? This is my page: http://www.wedub4u.com/ Let me know your suggestions.
  11. Does an experienced webmaster know which style sheet is best?Note that the image bg.bmp is just a white rectangle with a width of 1000 pixels. So in both cases a white text area of 1000 pixels wide on a gray or silver background will be created. So far, I always use the method with the image but i.m.o.the other way is more straight forward (and therefore less vulnerable?).CSS 1: html { background: #808080 url("images/bg.bmp") repeat-y top center;}body { margin:0 auto;} CSS 2: html { background: #808080;}body { margin:0 auto; background: #ffffff; width:1000px;}
  12. Hi guys, I need you to help me what I can do to implement this site and make it look more appealing. I am a backed coder php, but not good at design.www.jonathonleggwebdesign.co.uk/fw/Any criticism or feedback on code to add would be great. Thanks,Jon
  13. ezmacc

    I broke my homepage

    I added a javascript witget on the right sidebar of my home page and it changed the way the navigation in the left sidebar is being displayed. I have tried everything to fix it and the only thing that will work is if I remove the javascript from the right sidebar. Does anyone have any idea how i can fix this? You can go here to see how it looks now. Below is how I want my home page left sidebar to look. Thanks!
  14. Hellos! I'm having a problem with a border: What I want to do, is to create a line between my site title and my header image. It would be a bottom border for the title. I want to use an image instead of the normal lines, that you normally use. The image is a sort of a chain which I want to span through whole page. What I've tried out so far is:border-bottom: url("/mywebsite/wp-content/uploads/2012/02/chain.png") no-repeat scroll 0 0 transparent
  15. I have a problem with the overflow function on my page, somehow when the function is active the elements height gets inactive. It has to be 100% but it renders thin. this is the page: http://bram-de-leeuw.nl/filmlapse/ When you disable the overflow in the chrome console it renders 100%, i dont know how to fix this, i tried setting next to height the top and bottom properties to 0 i hope you know whats the issue!many thanks in advance!
  16. Hello there! I was just wondering..Lets say you have a site with 50+ pages. And lets say you would like to add a new stylesheet, or your want the original one in a Folder called styles. How would you go about adding a new stylesheet without going into every page and changing it manually?Any answers / coding you can give would be great. Cheers!
  17. My page does not view correctly in other web browser than Firefox.I want the page to have a "book/magazine" design, where you flip to the next page in HTML. I managed to get the design i wanted, but when i view my page in other browsers, it does not look like it does in firefox. Here is the page I am talking about -open in Firefox for correct view, and then try safari/chrome/opera. Why is it like this?http://www.ia-stud.h...strate/inn.html Here is the source-code:<html><head><META HTTP-EQUIV="CONTENT-TYPE" CONTENT="text/html; charset=utf-8" /><META NAME="COPYRIGHT" CONTE
  18. I have a div animated by incremented margin-left when the user clicks a button. I would like to force the animation to stop at a specific margin-left value and callback a different animation. So if the user tries to click too far it prevents them from doing so. Suggestions? I'd like to do it with margin because it'd be easier to edit later, but if I have to use .position.left as a variable, I'll take the code for that just as well. Here's a wacky selector I tried, to no avail, if it helps convey my intention: $('.slidingDiv[style*=margin-left:80px]').stop().animate(.....); I didn't bind it to
  19. Hi, I'm simply trying to induce a gap between my navigation area and my content area, like this website:http://www.thearteryfoundation.com/ But whenever I try adding padding or margin, my two div's seem to be attached at the hip. HTML: [/s][s]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">[/s][s]<html xmlns="http://www.w3.org/1999/xhtml">[/s][s]<head>[/s][s]<title>Metalcore</title>[/s][s]<link rel="stylesheet" type="text/css" href="main.css" /> <!-- Main Paige Styling -->[/s][s]
  20. What I want is a image as a background-and then place divs on that same background I use wrapper ^^
  21. I am new to CSS and I am trying to make my menu stretch 959pixles. My website is centered in the page and is 959px wide. My menu is on the right but i can't get it to stretch all the way to the left side. i want everything to be evenly proportioned, with no spaces. but i can't seem to get it to work. Any help would appreciated!My CSS code is bellow:#menu {position: absolute;top: 219px;right: 1px;z-index:99}#menu > li {float: left; margin: 0 0 0 0px; position:relative}#menu > li > a {background: url(images/menu-span.gif) repeat-x 0% 0%;display: inline-block;height: 38px;line-height: 28
  22. Hey! So I have an intersting situation:I am trying to make a div stop moving left past a certain point when the browser is resized. But in the method I am using, I can no longer position the Div to sit exactly where I want! I want it to float: left at 50%, and be offset left by about ~150px. My code looks like this: div.main_content {padding: 0 195px;margin: 0 auto;}div.inner_content {position: relative;float: left;top: 150px;left: 50%;margin: 0 auto;min-width: 400px;border: 1px solid #000000;background-color: #A0CFEC;text-align: justify;overflow: hidden;}<div class="main_content"><d
  23. Hello Everyone, I am having difficulty getting a CSS background image to display properly in webkit browsers (Chrome, Safari), but it displays as intended in Firefox, IE9, and Opera. The site in question is: http://www.gnosisstudios.com In the upper right hand corner there is a folder looking tab that says "Contact Us". The "Contact Us" tab is inside a div that should align directly with the div above it as I have not entered any margins or padding. However in Chrome and Safari there seems to be a padding of about 25 pixels between the div above it and the tab itself. This began displaying in
  24. Dear all, Currently I am building a website for my study/myself but start to experience some problems, maybe it's impossible to do but I would like to take a shot. Underneath the following URL my website is located.http://www.nielsschreuders.nl/webtest As you can see, this site exists out of one page only in which multiple sections "home, products, about,..." are located by scrolling through the page all sections can be seen. Though, in the product section I have implemented 6 spry collapsible panels but page 3 is getting confused when two spry's underneath each other are collapsed. What I wo
  25. <html><head><style type="text/css">#customers{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;width:100%;border-collapse:collapse;}#customers td, #customers th{font-size:1em;border:1px solid #98bf21;padding:3px 7px 2px 7px;}#customers th{font-size:1.1em;text-align:left;padding-top:5px;padding-bottom:4px;background-color:#A7C942;color:#ffffff;}#customers tr.alt td{color:#000000;background-color:#EAF2D3;}</style></head><body><table id="customers"><tr> <th>Company</th> <th>Contact</th> <th>Country</th>
  • Create New...