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. 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&
  2. 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
  3. 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%;
  4. 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?
  5. 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
  6. 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
  7. 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
  8. 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
  9. <!DOCTYPE html> <html lang = "en"> <!--This is my first comment in my index page--> <head> <meta charset="utf-8"> <link rel="stylesheet" href="greentea.css"> <a href= "greentea.html"></a> </head> <header> <h1>Teaz Nuts</h1> </header> <!--This is the body of my page--> <body> <nav> &l
  10. How do you include a .inc file in a .css file? I want to create a navigation bar with CSS, but it requires me to connect the head.inc to the css file. How do I do this?
  11. Hi everyone, I'm a complete newb to this, so I feel questions are a great way to get my feet wet, here we go. I am using a Laravel Website. It's very bland looking. There is a CSS section, and I will provide a screenshot...but I have no idea what should be entered....do i need to create CSS files, or...honestly i'm, clueless. But it would mean the world to me if you fine folks could not only help me, but point me to the correct resource to begin my learning adventure. Biggest thanks in advance Carson
  12. Here's the reference code: https://www.w3schools.com/howto/howto_js_image_comparison.asp I'd like to be able to get this to duplicate and have them appear side by side. Putting the HTML code into tables doesn't work. If I increase the size of the pictures they run over each other. I think the issue is within the CSS. Here's a sample of code: .img-comp-img { position: absolute; width: auto; height: auto; overflow: hidden; } I was able to move the snowy mountain picture by copying the code, changing the element selector to ".img-comp", changing position to r
  13. Hi, I'm using a w3-css-theme. How do I make a stripped table look like the theme I chose? I use the example like so: <table class="w3-table-all"> When I added w3-theme-l2, nothing happened. Thanks
  14. Hello Folks, Newbie here, learning via w3schools.com. I think I'm missing something basic, but I can't figure it out.I'm using w3schools to create a hero image (via https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_hero_image), but when I upload that code to my host, and then using different screen resolutions, the image is distorted. Viewing it on 1024x600, I see the hero image of the guy holding a camera, but if I view it on a much higher resolution, the image is "zoomed in" to the top left area of the picture. Here's the code, any help would be most appreciated: &
  15. Hi, I was playing around with my website and I was trying to make a semi-transparent footer This is the code I used for the footer <footer class="footer galaxy-footer"> <div class="content has-text-centered"> <p> <script src="js/copyright.js"> </script>© 2018-2020, <strong>Company.</strong> </p> </div> </footer> And this is my css .galaxy-footer { background-color: rgba(25, 25, 25, .5); color: var(--white); // #ffffff } .galaxy-footer strong { color: var(--white); } The other classes
  16. Trying to modify this for different pages using page ID. Working well for the site, but I need to have different backgrounds on different pages. body { background-image: url("paper.gif"); } New to this and could use some help making it work. Thanks to anyone.
  17. JoanaN

    CSS Animation

    Hi, I have these comic PNG images and I want to animate them using CSS. I want to rotate any resize them; how can I do that? Do you have any other animation ideas that work well with comic style? Thank you!
  18. Noob here. I have been playing around with W3.css, in particular the w3-row-padding, however I would like to set up five columns, with some padding. Can anyone advise me how I might go about this (I'm guessing it will involve nesting some containers?) Many thanks.
  19. Hi The guide on making a scrolling header is great, but it relies on javascript running every time you scroll. That is really expensive (resource-wise) and contributes to a laggy an unresponsive website. I think the guide should be updated to use sticky css-elements instead of js. This method does not have the same performance issues, and I'd argue it's an easier and more elegant solution. The new guide is pretty much already written here. The support for sticky elements is not perfect, so there is a discussion to be had about whether to prioritize browser support or performance, b
  20. Hi, I did animated leafs on my web-page and after that my links did'n work. I tried to set the animation to run just one time, but it didn't help. Is just so, that animations and links don't work at the same page? Animation is made with @keyframes.
  21. I'm trying to set up a template for a website, with a responsive top border with dropdowns in the navigation bar. I thought I had it all working at one time, but have gone back to previous files to no avail. The menu is responsive, and goes down into a hamburger icon, but clicking on the hamburger icon does nothing. I'm trying to do this without using too many external files. I think the problem must be in the javascript function combined with the media queries, but I haven't been able to see the problem. I used the W3Schools responsive navbar with dropdowns, from https://www.w3school
  22. Hi, Can someone please help with some code I am trying to have the numbers *clicked* & stay blue in color and then display over on the right side in the ? circles only allowing each number to be used once photo is attached of my web page
  23. I finished studying html, and i started CSS but its same as html. should i skip css and just go to JS? i have a background in c (arduino and raspberry pi ), am not interested in the whole front-end code (its like making a power-point presentation more than coding). when am going through css its like a am going through html yet again. i could finish it in a week probably (since i finished studying html and since it seems like css is the style sheet of html). am just feeling like am wasting my time. I have this bad habit, if i start reading something, i don't feel completed if i don't go
  24. i cant make background color fully the entire page with fixed sidebar, can you help me to give the background color fully in main side bar. sorry for my bad english :) This the link fixed sidebar
  25. Could you please run the following html test case, to help figure out how to make bootstrap 4 tooltip go away when a button is disabled while the tooltip is over the button? All the details concerning my question are in the source code for display when the HTML is displayed. Any help appreciated. Thanks <!DOCTYPE html> <html lang="en"> <head> <title>Bootstrap 4 Tooltip Persists, Looks Terrible</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="Content-Type" content="text/h
×
×
  • Create New...