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. Hi, I'm building a website and I'm wondering if I can use a stylesheet provided by W3schools for some elements on the site. This is the stylesheet http://www.w3schools.com/lib/w3.css Thanks,
  2. Hi, I am new using Less, and I am wondering what the proper way to transform this css classes into less classes in order to reuse them. .body-404 #content-wrapper, .page-404 { background: transparent !important; } .page-404 .error-code { color: #f4b04f; } .body-500 #content-wrapper, .page-500 { background: transparent !important; } .page-500 .error-code { color: #e66454; } 2 Questions : 1/ Let's say one day I'll have a 403-error. Should it be one function that generate the class: .mynewerror(403) 2/ And if yes or not, how it should be ?And s
  3. In my site www.mikroviologos.gr I would like to make a news section at the bottom of the content like this example. I tried different ways: 1. Inside <div id="content" class="col-9"> after the last <p> I created a <div class="col-4"> to divide the content into 3 columns. 2. I made .floating-box following this tutorial inside <div id="content" class="col-9"> after the last <p> but the result was always the same: part of bottom text goes under footer. Why does this happen? Since I put news section inside <div id="content" class="col-9"> shouldn't it hav
  4. Hello I want to learn to do more stuff like in this Wordpress theme: https://www.anchour.com/ After the video and the heading with white background there's a section with pictures, whenever you hover over a picture they get dark and some text appear on them. How can i do this? i know i can do something with the :hover pseudo-class and put some style there to get the picture darker, but... how can i make text that wasn't there in the first place appear?
  5. I Know That Parameters In The 2D Matrix Function Are: matrix(scaleX(),skewY(),skewX(),scaleY(),translateX(),translateY()). But What Does Those (n)'s Parameters Mean In The 3D Matrix Function? matrix3d(n,n,n,n,n,n,n,n,n,n,n,n,n,n,n,n)
  6. This is my page: http://codelcolab.feriapixel.cl/ When i shrink the browser window or watch it on a mobile device, the first divs (with class row) have least width than the ones that came after them, so i'm having a blank space to the right of the first divs because of the wider ones. How can i do to make all the divs the same width? Here is how it looks, notice the white space to the right of the orange boxes:
  7. hi. To hide an element i am setting display property to "none" and to display it again i am just removing "none" that means i am setting display property to ""(empty) using java script and my element get displayed so why should i use "block" then and what is the use of it?
  8. I am developing a survey in a platform called Qualtrics. Qualtrics allows you to use what they call "embedded data" to "pipe text" into the survey in order to customize aspects of your survey itself. For example, if I want to insert the name of a school or person into a question I would use piped text which allows the customization to vary from person to person. It is a similar process to what would happen in a mail merged document that allowed someone to insert the name of a person to give the appearance of personalization. As part of the survey I am designing I have figured out h
  9. Hello all, pretty new here (and to web design, in truth) I have been toying around with Dreamweaver the past 3 weeks or so trying to redesign my company's web page and one of the elements I was adding to the page is a carousel for showing off some things. I have the carousel working properly and things are great, but there are a few things I want to try and learn how to do in order to make the page look fresh and appealing. Here is an example of what my bootstrap resembles for this topic. Pay attention to only the carousel at the top. https://getbootstrap.com/examples/carousel/
  10. Hi i am new for the PHP, i had the experienced before to do a login system page but what i want it is HTML and PHP file to separate i dont want PHP with HTML together to 1 file , cause professional people will more likely to use 2 file rather than 1 file easy to maintain and edit how to use the external PHP file coding without re-design whole page cause normally what i tested before was link or turn to other new page and result will come out but the design was totally gone so have any ways and suggestion to do that ... in the end, im sorry i not well in english and my knowle
  11. I've Been Analyzing W3.CSS When I Found A Strange Thing. I Found That !important Rule Is Used More 90 Times In This Framework,The Problem Here Is That !important Is Paralyzing The Ability To Manipulate Some Of Those Elements Who Carries Some Of The w3-* Classes Using Javascript,For Example: .w3-deep-purple,.w3-hover-deep-purple:hover { color:#fff !important; background-color:#673ab7 !important; } As You Can See,I Can't Manipulate Any Element Which Carries The .w3-deep-purple Class Because The !important Rule Has Disabled Style Manipulation Using JavaScript,This Means That The Following Cod
  12. HI i trying to create a website of forum textarea editor are necessary too for recommendation which editor are best for textarea such as summernote, wysihtml5 .... and how is work to store the data/value/text with styling effect in mysql database ? Thanks all of you
  13. HI i trying to create a website of forum textarea editor are necessary too for recommendation which editor are best for textarea such as summernote, wysihtml5 .... and how is work to store the data/value/text in mysql database ? Thanks all of you
  14. HI, i have no good enough of the knowledge about the CSS design, i try to making the effect like Facebook, when mouse enter the people name will pop-up a small box , displaying like the people name,profile image,background image , and other 3 button in footer. i try to made it but still fail .... i dont have idea how to make a picture in-between the background image and some simple description. is not mistaken been using the CSS change the profile image position to absolute, and i guess the z-index also need higher of number .... but those of the design ... i not design similar like the
  15. I am trying to help an friend with a new website and it seem that at the work section, media queries are ignored in landscape, portrait is working fine. The problem is that I realy don't know what I am doing wrong, maybe someone could tell me where I have done something wrong. When looking on mobile device the work images (buttons) should be organized one under each other. In portrait this works fine, but in landscape it ignores the media queries and the work images (buttons) are displayed as on desktop next to each other en up on each other. Why are media queries working in portrait but are i
  16. HI i trying to create a website of forum textarea editor are necessary too for recommendation which editor are best for textarea such as summernote, wysihtml5 .... and how is work to store the data/value/text in mysql database ? Thanks all of you
  17. W3.CSS - Can I Make Some Modifications To W3.CSS Code?
  18. HI there, first i apology my english not too well, hope you may understand what i mean ,Thanks Im try to using the Bootstrap one of the function is popover similar like tooltips, but i facing the problem For example : <div id="all"> <div id="a" class="circle_ball" data-user-id="2">●</div> <div id="b" class="circle_ball" data-user-id="1">●</div> </div> and my Jquery code is : $('#all').on('mouseenter','div',function(){ $(this).popover({ title: 'Jun Hoo', content: $(this).attr('data-user-id')
  19. Why is javascript not working with my form? I can not return any form element with document.getelementsByID or document.getelmentsByname. I wanted to do a simple what is your name put a user's name and display it back. Also I wanted to position the form elements wherever I want. How do I accomplish all that? Any fix or suggestion on how I should have done this? Thank you in advance Frank <!DOCTYPE html> <HTML> <HEAD> <TITLE>First Step </TITLE> <STYLE> Html, Body { margin:10; padding:0; } #Label1 { position: absolute; cursor: default; Left: 124
  20. I see that in the W3.Css demo and templates there is use of forms. When I tried to edit this for use with HTML/PHP The button for the HTML form only works when the Modal Submit is used. <div id="id01" class=" w3-modal" > ... <form action="subscribe.php" method="POST"> <input name="subname" class="w3-input" placeholder="Full Name" type="text" required> <input name="subemail" class="w3-input" placeholder="Email Address" type="text" required> <label class="w3-label w3-validate">Subscribe to e-Mail Newsletter</label> <input c
  21. When I code css and html none of my images are showing up when I test the website. I have done everything I can do. I tried a different software to code on, I have tried to use different methods of getting the image to appear. Even created a blank site and just added a image but nothing would show up. I would be really grateful if you could help me as it is really holding me back from creating websites.
  22. hello im new to the website and web programming in general, im in need of assistance with your w3schools official AJAX live search tutorial, i've copied the code to the right files, livesearch.php and index.html, which are placed in my htdocs folder and the apache server is running well. I know my code has css issues but i need to fix something else, mainly this: This is my search form, located in a table, inside a div tag: After i type in a single letter this happens: The search box disappears, instead of auto completing the word as long as i type. And even these results are shown be
  23. In this common case you have a div containing an img with some floating. The image appears outside its containing div. I don't get it, given that the contained image has its size specified, shouldn't the containing div be able to calculate the apropriate size before rendering? So, how are things working in reality? thanks
  24. how do i delete a topic
  25. I was reading the tutorial for creating an accordion here: http://www.w3schools.com/howto/howto_js_accordion.asp Does anyone know how I could add this accordion or something similar to the mobile view of a responsive menu. I want to add it only when there is a 'submenu'. The code I currently have is (index.html): <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Resposive Multi Level Horizontal Nav?</title> <!--nav styles--> <style> .show { display: block; } nav {
  • Create New...