Jump to content

Search the Community

Showing results for tags 'CSS'.

The search index is currently processing. Current results may not be complete.
  • 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. Hi everyone, I am struggling with transition font color with background in table. I am using TD create transition background, it works, but not font. Here my CSS i created: td { background-color: rgba(0, 79, 0, 0.75); border-color:white; border-collapse:collapse; } #td { transition:background-color 0.7s ease; background-color:rgba(0, 79, 0, 0.75); } #td:hover { background-color:white; color:rgba(0, 79, 0, 0.75); }
  2. When using box-sizing border-box on images do I have to use specific dimensions (e.g width: 100px, height: 200px) for it to work properly? I'm building a site with responsive images next to each other but separated by a border. It works fine on the left and right borders but the top and bottom borders are not contained within the image thus pushing other images next to it out of sync. This issue is really frustrating as I have googled to find a solution but found nothing, not even someone with the same problem. My image sizes are Width: 100% and height: auto. Is this not allowed fo
  3. why foundation tutorial is disappear in w3school course list in website???
  4. Hey guys/gals, I am a bit of a coding dinosaur, and recently got back into html coding, and have slowly been developing my comedy groups website. I've been slowly working with "css", and the list functionality On my event page, I want to display rows of 3 events each, that will have a rounded rectangle background, and the information about each event (with a picture) enclosed within the rectangle. You can find what I am working on at www.standupseoul.com/test1.html My problem is that I need to: 1. Align the 3 events to the middle of the page, not to the right. 2.
  5. lease see my code below, I have sorted out all my coding to work how I want it too, but for some reason I just can't get it to load the map when you open it up in a browser. Can anyone see where I have gone wrong and guide me to get it work please. Thank you. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?libraries=places"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <title>County Polygons + Markers w
  6. I am trying to embed some kml files for local county bodries but am not sure how to asign multiple ones as I am coding in dreamweaver. Also I have made a drop down menu for eack kml file but am not sure how to link and get it all to work, mainly want the boundries to be shown on the map at all times and when selected in the dropdown menu, that particular county is shown on the map. Please see my coding I have done, and if there is any advice i would appreciate it. I am completely new to this and trying to teach myself. var kmlUrl = 'maps/central bedfordshire' ; var kmlOptions = { suppressInf
  7. Hello guys! I'm having serious troubles painting a PNG image. All the threads I see change the background color as well. I need to change the color of a customizable item I want to sell (i.e. glasses: changing color of the glass or temples or front) whenever the customer push a button on a color panel next to it. I've start splitting the original image in 4 .png parts (in the example: glass, front part, left temple and right temple) and I would place them one above the others. How could I change the color of a the right temple, for example? Is it possibly to color it with a non-solid c
  8. How do I make sections of the accordion collapse when I open another so that there is only ever one section opened at a time? I am using the following code: <!DOCTYPE html> <html> <head> <style> button.accordion { background-color: #fffff; color: #093479; cursor: pointer; padding: 18px; width: 100%; border: show; text-align: left; outline: none; font-size: 15px; transition: 0.4s; } button.accordion.active, button.accordion:hover { background-color: #949C57; } div.panel { padding: 0 18px; background-color: whi
  9. Let's pretend, there's a <div> on a page. There's a usual HTML form inside it that sends information to another php-file. By default, the visibility of the div is hidden, and the click on the button makes it visible. The question is how to close the form (i.e. hide the div) using a button or <a> element on the div, WITHOUT the sending data to php-file. In other words, how to close this <div> as if it is usual popup-window, without changes?
  10. Hello everyone on w3schools, I am having trouble with block level elements on my page. I am using a div tag, however, I wanted to create an inline style with double-lined borders and one half of a letter width padding offsetting the text. Also, I am trying to make the block positioned horizontally
  11. hey guys - i have a weird .. what i imagine is just a caching issue. I have an html file with a class 'upperSum'. at some point i labeled a div with 'uppersum' instead of capitalizing the S. i have since resolved the problem however my page will not update the code. when i use chrome dev tools it shows the div as 'uppersum' no matter what i do. cleared cache. shift clicked the tab, reuploaded the html and css. mind is boggled. anyone ever run into this? cheers, andrew
  12. WesleyA

    margin-top and div

    I have a question about margin-top. I made a css script with span columns. The higher columns are supposed to push the lower ones down. I place them in a div, in here multiple columns. The second column though, takes the top of the outer div as reference (not sure if that tis called parent). I find this strange. I tried to make a second div inside but it didnt work. Can you only use div as a reference point or also a span element or p ?
  13. Hi I have an absolute div on my html page. my requirement is when i click on the rest of the page (other than the absolute div) the div's display should become none. I mean the div should not be displayed. How can i achieve this? any simple solution? Please help.
  14. Has anyone an idea how to solve, create the good placement of the z-index: see: www.veldfiets.nl: I wish to have the fixed musicplayer behind the text (div 'inhoud'): if I give the div 'object' -1, only the contactformular goes in front the fixed musicplayer, the div 'inhoud' stays behind the musicplayer. Thanks.
  15. I have read the tutorial on CSS navigation bar. It really helped me to understand it, but the example with a dropdown only has one level. I would like to know how to create a second layer. In other words if you hovered on Dropdown>Link 1 in the example another menu would show. I also noted that in the example the dropdown can only appear at the end. This is because it is not inside <li></li>. Surrounding it with list item tags allows you to put it anywhere in the navbar. <ul> <li><a class="active" href="#home">Home</a></li> <li> <div
  16. Hey! I am relatively new to CSS and HTML, what I basically do is some sort of Reverse Engineering -- I downloaded a template from w3 and tried to tweak it for work. Admittedly, I am a noob and doesn't fully understand what the codes mean. I need your advice on how I can edit the CSS code to stop breaking the nav bar whenever the screen is not maximised. I know the links/text can shrink so i'm thinking maybe the nav bar doesn't have to break or rearrange the links to several lines. The actual site is saved locally at the moment and here's the css code for the menu. /*--menu--*/ .men
  17. http://craft.minestatus.co MineStatus - Minecraft Servers MineStatus is a brand new modern minecraft server list. Personal Server Analytics Votifier Voting Sharing Profiles Comments Blogs I have recently created my second site. Tell me what you think.
  18. This is the class i have applied to two divs that i have on my page as buttons .geetzaboor{ display: inline-block; text-align: center; font-size: 30px; padding: 20px; height: 50px; width: 150px; border: 2px solid black; border-radius: 5px; background-color: #69D2E7; /*white; */ color: black; } This is where my divs are on the page as of now. I have been trying to center both divs. I want them to stay centered when i zoom-in/zoom-out. Any help?
  19. I am attempting to create a drop down menu and I liked the style of the top home menu seen here http://www.lego.com/en-us/products (right near the lego symbol) but I am not sure how to create a similar one would some one gI've me guidance on how I can do this I just started html coding so I am a noon with little knowledge of html right now.
  20. Hi all, Similar in idea to another post. I have a series of cards in a shopping cart. When I display them as quarter width, they are not the same height. When they are displayed they get mixed up further down the page. Here is the code I am using. (a what I have tried) So what I need is the same height for each card. Sorry I could not see where to add a code block. <script> #box{ height:150px; overflow:scroll; } </script> <div class="w3-quarter "> <div id="box"> <div class="w3-card-2"> <div class="w3-container w3-theme-l2 w3-small"> <?php
  21. Dear all, i am getting the following issue with my tables, as they resize according to text size, how can make it all same size and auto break text to second line to make it more readable and consistent ( the following image is the test i was running ) i tried to change the css and do style for table however it didn't work.. here my css and here the code for the tables in the image
  22. To sum things up... I'm looking for as much reviews as possible. I've been working on minestatus for the last year now. I've come across many programming roadblocks and developments to further improve the quality, user impression, user interface, and user engagement. If you guys have any ideas on how to make my site better in any of those categories that would be amazing. Thank so much! Link to site: http://minestatus.co Site Name: MineStatus Site Description: MineStatus is a new social sharing plateform I've created. It allows users to make there own profiles, upload content, disp
  23. Hi Everybody! I'm newbie in this forum. Forgive me my english, I'm still learning. Look at this example: http://www.w3schools.com/cssref/tryit.asp?filename=trycss_anim_margin When I added "p { border: 1px solid red; }" into the <style></style> I saw a red new line below the first paragraph. So I checked it by google chrome tool for developer (Ctrl + Shift + I). There was an added <p></p> and I don't understand why, because it isn't into the code. Any idea? Regards: Marek
  24. Some helps about responsive website. I want to know how to to make website responsive i know basic html and css but did not make them responsive so helps me thanks..
  25. Hi, As you know, there is W3C markup validation service. Is there a reliable validation service for PHP, MySQL, JS (other than Chrome's console), and CSS?
  • Create New...