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


  • Community Calendar

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start





Website URL








  1. Hi everybody, I could manage to add google translator flags inside my menu bar but unfortunately it is looking nice only in chrome. In ie, the flags are appearing outside the menu bar, not in the same menu line but in a new column at the end of the bar with large buttons associated to the flags.I appreciate if someone could give me a clue.The style and html used are this: <style type="text/css">ul#menu{width:auto;height:30px;font-size:13px;font-weight:normal;font-family:Verdana, Helvetica, sans-serif;}ul#menu li{display:block;float:left;margin:0;padding:0;}ul#menu li a{display:b
  2. I'm using the following code. By clicking on div id="popUpPane", the div and it's childs should appear and slowly fade in.By clicking on the div again, it should slowly fade out and then disappear.Firefox and Chrome (which is webkit too) behave that way and I know Safari did in an earlier version, too. But right know on Safari and on Safari Mobile nothing happens at all when I click on "popUpPane".Is this a bug in Safari or is there something I could change to come back to the intended behaviour?One addition: If I set -webkit-transition to -webkit-transition: opacity .5s ease-in-out; it works
  3. Hi! I'm new here, and I'm very new to CSS so I'm sorry if I ask silly questions! I've been working on making a website for a new business, and even though only the 'Coming Soon' page is up, it still demonstrates my problems. http://www.youmightlikethis-music.com I tried to use CSS to make sure the background image fits to whatever size the screen is, but on big screens it is too short, and on smaller screens if you scroll down there is a white bar which I can't get rid of. If someone could help me with this I'd be very appreciative! Thank youu
  4. I have attached my sample website. In it how do i arrange multiple "div" and why do some break up at different screen sizes. Check my code and help me find my mistakes. index.html
  5. Hello Everyone, Greetings! As a part of assignment test I have to make the HTML Code in DIVs (tableless) as per the attached "Screenshot.png" file. FYI - On clicking on the "Populate Values" button, the div below the button should populate the values of the selected radio buttons of the preferred and home locations respectively as shown in the attached .png file. --------------------------------------------Current status of My HTML Code:--------------------------------------------<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR...ransitional.dtd"><h
  6. In the HTML tutorials, all images were added from a web location (img src="url"/>), when creating my new site, how do i add the images which are on my computer. Do I have to upload the images to a FTP location on the web first and then create the web pages? OR Should i create everything under one folder on my computer and then upload the entire folder to the web host?
  7. Bunnycorn


    So, here's my question. I can make columns, I can edit the size, I can do all that stuff, but I can't get it to go actively down the page or get it to go into the background, if you need my source or anything please just ask. Also; although I doubt you'll be able to help me on this; is there any way to edit an actual in use source? Or even get a fresh one? I'm doing it for a school project and the one who's supposed to be getting the site is incredibly slow, and I don't have money to buy my own, nor would I spend that money to buy my own. I shall attach a copy of my source, incase you need to
  8. Ok, first let me explain what I try to do. I have a menu with some items containing a submenu. The submenu's should open when a parent is clicked and contains submenu's, and when traveling to another page (from the item clicked, for example a parent of submenu item), the submenu should remain active and visible. Now when I click on a parent item the submenu quickly blinks but is closed even as fast as it opens. I want the submenu to remain open when clicked on a parent that has a submenu, so users can easily navigate. So, here is the code I have so far: <div id="topnav"> <ul> &
  9. This white space is hiding my image and I dont know why! there is ample space for the image to exist in the div. Here is the CSS: #guitar {position: relative;transform: rotate(30deg);-ms-transform: rotate(30deg); /* IE 9 */-webkit-transform: rotate(30deg); /* Safari and Chrome */-o-transform: rotate(30deg); /* Opera */-moz-transform: rotate(30deg); /* Firefox */padding: 5px;border: 1px solid gray;background-color: #ffffff;width: 180px;height: 290px;} and here is the HTML <div id="guitar"><img src="Index_files/Images/Collage Photos/About Me/guitar1.png"/></div> i think i
  10. http://www.logoworks1.com/wccs Looks fine in all browsers (that I know of) except for IE. Basically in IE the menu and the content is split apart about 100px. I've attached a screenshot. I don't understand. Any help would be appreciated.
  11. what is a good way to stack more than one div on top of each other.for example the left column has three div one on top of the other, midle column has three and right most column four?I tried putting the three in the left column in an other container div & floating left, worked. But it placed a div I had floating right & top, to floating right and bottom.All this divs are in a wrapper div as well.thank yougray
  12. how do i size a link so when the mouse rolls over it creates a background column for the length of the page? Tried: <li><a href>1399 </a></li> a:hover{background-color:yellow;background-height: auto;} also tried w/a px value but not use. Saw the effect on a website & wanted to try & recreate it. ( Nope can't find the link I used or i'd ckeck the page source )thank you
  13. Hi, I am busy testing out a lightbox form that I'm working on and I've got all to work except the "success" or "thank you" page.Basically I want the user to fill in the online form and when the they are click 'submit', the "thank you" message or page resolves in the same lightbox that the form was in. Go to www.testing123.co.za/test.htm and click on that link you see saying "AJAX SuperBox".The lightbox is opening up an HTML page within in the test.htm page (basically acting like an iFrame?).When I click submit, the page resolves to the success.htm page (which it should) but not in the lightbox
  14. very short code, grabbed it from the net and was trying to learn it. very simple workout page. No matter what I try I can not get box4 to fall under the box1 at the top and next to two center panels. Tried all alignments I could think of. My primary frustration is the code for dragging the red square w/the id =mvBox should work but does not. Have gone over it several times and can not find the error. I put some code to track the mouse to try & debug and alert box to make sure the ball.js script source was correctly linking up. I read the code over several times. I see no errors. Thank you
  15. zeburrehman

    Id Vs Class

    Hi everybody,Can some body please tell me the difference between Id and class not text wise but function wise. I have studied it every where but i didn't understand it. It's too complicated. Please explain it in simple words. I shall be really thankful to you.Regards
  16. Hello put this post for a js answer but I also have a css qustion.why can't I get box three to line up under the header box, next to the two stacked on top of each other boxes?this is my html code I removed the js stuff.thank you all. <!DOCTYPE HTML><html lang="en"><head><meta charset="UTF-8"><title>Fill Shapes Example</title></head><body onMouseMove="mouser(event);"><div id="wrapper"><div id="header"> </div></div><div id = box2>box2</div><!-- Unless canvas size is specified default size is 300 w x 150 h --
  17. zeburrehman

    Id Vs Class

    Hi everybody,Can some body please tell me the difference between Id and class not text wise but function wise. I have studied it every where but i didn't understand it. It's too complicated. Please explain it in simple words. I shall be really thankful to you.Regards
  18. zeburrehman

    Id Vs Class

    Hi everybody,Can some body please tell me the difference between Id and class. I have studied it every where but i didn't understand it. It's too complicated. Please explain it in simple words. I shall be really thankful to you.Regards
  19. I have this CSS (part of): #topnav ul{margin-left: 140px;padding:0 5px;font-size:15px;color:#3366cc;overflow:hidden;list-style-type: none;}#topnav ul li a{float:left;padding:8px;text-align: left;font-family: Tahoma, Arial, Helvetica, sans-serif;font-size: 15px;text-decoration: none;color: #999;}#topnav ul li a:hover{color: black;cursor:pointer;}#topnav ul .current{font-weight:bold;color: black;} It all works exept one: #topnav ul .current won't show as black. Any ideas?
  20. I have no idea whats going on with my website, not even my web teacher knows. I dont think its my CSS file cause things like the background, Links bar, and content container are all looking fine. as you can see it isnt centerd properly. Here are some screen shots. its strange cause on the computer at my school it works fine on IE, but when i try viewing it on Google Chrome it isnt right. I got my mom to try it on fire fox and IE and it screwd up on both for her. any one have any ideas? what its supposed to look like: What it turnes out to be on Google Chrome:
  21. Here's my css codes:How can I remove the margin-bottom? body {margin: 0 auto;padding: 0; margin-top: 0px;margin-bottom: 0px;text-align: center;width: 1024px;border: 1px solid #CC00FF;border-top: 0px;border-bottom: 0px;}div#wrapper {background-color: #FFC;width: 1024px;height: 768px;overflow: auto;margin: 0 auto;position: relative;text-align:left;}#flashSlideShow {position: absolute;left: 100px;top: 100px;}div#footer {margin: 0 auto;width: 1024px;height: 250px;}#flashContent { width:100%; height:100%; } <body><div id="header"></div><div id="wrapper"> <div id="f
  22. The following adapted code taken from this page works in firefox (and I assume some other browsers), but it does not work in internet explorer. The specific part, which stops the script entirely in IE is highlighted in red bold below. Is there a work around to solve this problem so that I can change the content of a style sheet dynamically - using onClick etc Thanks as always for your time. <html><head> <style id="poo" readonly=false>#myAnchor{color:green}</style><script type="text/javascript">function changeLink(){document.getElementById('poo').innerHTML="#myAnc
  23. Zaper Gallis

    Footer Issues

    Ok, I found a way to force the footer to the bottom of a page if the content is to short. I used the information found on this page: http://ryanfait.com/resources/footer-stick-to-bottom-of-page/ The issue is when the page is shorter than the content, such as if you were to re-size the window, the footer ends up in the middle of the content. Does any one know how i can adjust the code to keep it at the bottom of the content at all times?
  24. gatormancl

    Ie 9 Bug?

    for some reason there is a gray line which randomly appears on the left of all my content. This is only limited to IE 9. I don't know why this is occuring and ive never run into this problem. To see what im talking about, visit this link http://w.greenlabelgraphics.com in IE 9, switch to dev tools and view in IE 8, or 7, or view in diff browser such as Safari, FF, Chrome... Any help would be appreciated, thanks a lot in advance.
  25. lchosts

    Proper Css Method

    So general layout question here... which method is proper styling? obviously this is a dumbed down example of all the elements and stuff Ill be working with but just curious if it was better to list 1 style multiple times or 1 class or ident or whatever multiple times. I wanna be as professional as I can be in my writing so Im trying to learn proper techniques now #example1 {color: red;height: 43px;border: 1px solid black;} #example2 {color: red;height: 10px;border: 1px solid green;} #example3 {color: red;height: 100px;border: 1px solid purple;} OR#example1, #example2, #example3 {color: red;
  • Create New...