Jump to content

Search the Community

Showing results for tags 'CSS'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

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

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


AIM


MSN


Website URL


ICQ


Yahoo


Jabber


Skype


Location


Interests


Languages

  1. For the past few days, I'm struggling with one Chart.js chart that I want to clip or mask with custom vector path. I was able to do something like what I want, but I think I'm missing something. The approach that I took is to create the chart in html (the traditional way, with html canvas ..etc) and then create a svg with the shape I want to cut off and then overlay the <canvas> and <svg> elements. This is what I was able to accomplish: js: var config = { type: 'line', data: { labels: ['January', 'February', 'March', 'April', 'M
  2. Hello, Im quite the noob so I need your assistance. Im building a website using squarespace and im trying to modify the checkbox section of the form through css. I would like every checkbox to have a different image and the items to be in 3 columns rather than one. So far i have managed to edit the size of the checkboxes and insert the same image in all of them (see attachment) but i cannot figure out how to individually edit every single checkbox differently. Please help. Thankyou! C
  3. من میخوام وقتی خودم سایت میزنم و بقیه اون رو add to home screen میکنن هم اسم و تصویر داشته باشه هم تمام صفحه بشه. لطفاً لطف کنید کد این کار رو بگید. G translator (Persian => English) When I create a site myself and others add it to the home screen, I want it to have both a name and an image and a full page. Please tell, whats the story of them big puppys .....
  4. W3Schools seems to be pretty consistent in the way declarations are ordered in a declaration block. What is this based off of? Do they have a style guide for this? What are recommended practices for ordering declarations? Thanks!
  5. Hi guys I have uploaded a document with html and css in the file manager of my Wordpress blog. The html is the image of horse and the css is used to turn the horse into a galloping horse. Unfortunately, the code doesn't work on my blog as it does on codepen https://codepen.io/dannyku18/pen/yLYJXMV I think the connection between html and css is missing. How can I make this code work? Best, Daniele
  6. Hello, I am struggling for days now, i want to use this template and my question is how can i reverse animation/transisition on close? In this example it gets terminated at the same moment when i click close and there is no transistion back. https://www.w3schools.com/w3css/tryit.asp?filename=tryw3css_sidebar_animate many thanks in advance.
  7. Hi I am in the process of replacing an old menu on a website and came across the W3Schools menu guides. I have recreated most of the menu using the example and code on the 'Drop down menu in NavBar' page (https://www.w3schools.com/howto/howto_css_dropdown_navbar.asp) and I am really pleased with how it is coming along. However, my HTML and CSS skills are quite limited and I am stuck on two things that I am hoping someone here can help me with. I have done a few searches on these forums but not found quite what I am looking for or something that fits with what I have done so far
  8. Why does my polyline tag in SVG not accept style set inside defs tag but does in normal CSS? Here is my code: <html> <body> <style> .trapezoid2 { fill:beige;stroke:forestgreen;stroke-width:2; } </style> <center> <!-- I routinely use the center tag for older browsers. --> <svg height="400" width="800" style="border:5px double blue;background-color:tan;margin:0 auto;" > <defs> <polygon id="trapezoid1" style="fill:tan;stroke:blue;stroke-width:4;" /> </defs> <use xlink:href="#trapezoid1" points="100,
  9. I am following the tutorial here, and I would like to add more than two slideshows on a page. I tried this: <h4>10 Shot Photo Challenge #1</h4> <div class="slideshow-container"> <div class="mySlides1"> <div class="numbertext">1 / 10</div> <img alt="this is required and i dont want to put this" src="multimedia/tenshotone/Gutowski_BlackAndWhite.jpg" style="width:100%"> </div> <div class="mySlides1"> <div class="numbertext">2 / 10</div> <img alt="this is requ
  10. I saw an example in w3schools. they gave a percentage to flex-grow and I don't know how does it work? I thought that we can use just number for flex-grow and now I don't know what is the result of percentage value. I need to help... the example is here https://www.w3schools.com/css/tryit.asp?filename=trycss_mediaqueries_flex
  11. Is anybody aware of that the tutorial of SASS is actually SCSS? Syntax @import and @include and so on are all SCSS. The whole tutorial is about SCSS syntax but the whole titles are all SASS.
  12. Hello, I'm quite new with HTML and CSS. I'd like to create an accordion with an for the expanded or collapsed state of the section. Unfortunately I couldn't find an example on w3schools. Do you have an example for my problem? Your help is highly appreciated. Sascha
  13. Víctor Pan

    Layout problem

    I'm trying to give to my nav and my aside tags 70% height but it doesn't work. Please help me, it's beeing very difficult for me layingout my page, i don't even know how to layout pictures can someone give a hint, or a place where i can read it. THANK YOU VERY MUCH. I ATACH MY CSS AND HTML FILES. style.css index.html
  14. Hello, I’m a beginner and I’m trying to link my html file with my css file. Mi css file is inside a folder called css, in the same folder that the html file. I’ve written in the head of my html file: <link rel=”stylesheet” type=”text/css” href=”css/styles”> But the thing is I can not change my tags background colors neither nav, neither footer, content… I don’t know what I’m doing wrong but maybe you can help with that. Thank you. estilos.css index.html
  15. Hello, I have been using W3 tutorials to create custom code elements on my weebly website. Lately I have been having issues with a code I created from two separate tutorials: image roll over and responsive size. The code is situated within a greater grid created with weebly's building tools. Image rollover and responsive size work in W3's try it editor, but on my website only the rollover works. On a full size window everything looks just fine (the bottom left is the custom coded element) but a slighter smaller window results in a slide bar to view the full image, because it will not
  16. I've been struggling with W3 CSS for 2 days now, but struggling means learning so that's okay. I'm trying to rebuild this page to make it responsive : https://hdauctions.com/wp-content/uploads/2011/11/Autobahn.html I'm struggling when combining grid, responsive and layout classes but i'm please with the responsiveness of following code. But taking care of the height of the two responsive blocks is not working. According to layout "Side-by-side w3-cell elements will also automatically self-adjust to equal height" Any suggestions ? Did I do well for a non css'er ? <!DOCTYPE
  17. Hi guys, I'm already using a theme on shopify called Atlantic. i want to build a new landing page on shopify similar to a page that i like on website demo (see attach). I have no coding experience to do that. I tried installing different app via shopify to help me build the landing page but i couldn't find the right tools to do it (text with image option, styling tools), i want to keep the header and footer for the current theme and change the content. Would you please help with recommendation on how to build the landing page (see attached) and connect it to the theme that i'm
  18. Hi, I am new in this forum and firstly, I wanted to say thank you for such great community. I have started to learn CSS. I see it is really challenging. I wrote down a HTML/CSS code for a rollover button. I like to combine this with UIkit Toggle function that I can hide/unhide text or portion of a website, but I could not come up with any solution. I pasted my HTML and CSS code below. I hope you guys can let me know how to modify my code to be able to hide/unhide things, when I click on it. I really appreciate your help. HTML: <a href="" class="button">everyone</a&
  19. I was trying custom css styling for checkox https://www.w3schools.com/howto/howto_css_custom_checkbox.asp but it is not accessible in high contrast mode. any suggestion fro correction
  20. Hi! Im trying to design a view with 2 boxes : on the left 1 menu and in the right the main box. The menu should be vertical and relative, and with the main box I can do what I want. The problem is that this 2 boxes should fill all the space horizontally and vertically. But all the time that I change the width or the "position" I have 2 results: Part of the main box is hidden with the menu box The two boxes dont fill the space This is the css code of my boxes: .main-box{ background-color: #FFFFFF; font-size: 14px; color: #34495E; height:99%;
  21. dkx4hws

    W3 CSS

    Hi the https://www.w3schools.com/w3css/4/w3.css doesn't appear to work in asp.net using forms is there a work around for this?
  22. Hey, I'm new to CSS and trying to figure something out. I want to have my search bar so when the user clicks it, the entire page fades except for the search bar. So although the bar itself doesn't change, it creates the effect of it being highlighted. If anyone could point me in the right direction that would be great! Thanks Dan
  23. Hello everybody I recently found this simple Image Hover Effect on w3schools: Image Hover Overlay: https://www.w3schools.com/howto/howto_css_image_overlay.asp This even seems to work on mobile (iOS) devices (touch), as far as I could test in the tryout editor. I then saved the provided code and published it on my own hosting (https://hammermann.ch/test.html). It's still working on desktop, but not on mobile (and I haven't changed any code at all) Any Ideas how to solve that? Thank you and stay healthy! Pascal
  24. Hi, I made a website whit css bootstrap and so on... But if I test it with a google speedtest it results very speed on desktop while the for mobile it's very slow ! my question is: Can I load only the necessary css for mobile when viewing in small screens? what other precautions can I do? Of course I'm using a cms like wordpress. Regards, Giovanni
  25. Hi Guys. This is my first post here so apology in advance (if forum rules being ignore or posted into wrong category). I am trying to display elements on div hover. I had watched a lot of tutorials and practice a lot but still i am struggling with my problem that's why i come here so maybe someone (a Hero) help me. Even sort of direction mean a lot for me Explanation: Actually i am trying to create a something like Character Selector UI in case if you're looking some reference. I want to display hidden content at class="outputr1". If i hover img 1 then it show on
×
×
  • Create New...