Jump to content

Search the Community

Showing results for tags 'media'.

  • 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








Found 6 results

  1. Hello! I’m the owner of https://www.leszackardises.com and I would like to add my logo to the header (the logo is in files). But I really need helps for media-query, for my logo to be fully responsive on every devices, such as mobile and PC. Please, can someone provide me CSS codes?
  2. Can please anyone help me ? This is my Media Queries for Tablets ; @media (min-width: 37em) { body { display: grid; grid-template-columns: 10% 72% 17%; grid-template-areas: "header header header" "nav nav nav" "linkBox main main" "footer footer footer"; } and this my Media Queries for Desktops; @media (min-width: 80em) { body { display: grid; grid-template-columns: 10% 72% 17%; grid-gap: 5px; grid-template-areas: "header header header" "nav nav nav" "linkBox main infoBox" "footer footer footer"; } } My Computer has a Resolution from 1280 x 1024 . When change on @media (min-width: 37em) , on the Line "linkBox main infoBox" to “linkBox main main" , too to change the column from my Desktop...🙁 Why change it when i will only to change on Tablets ? Can please anyone help me , Thank !
  3. Webaluc

    Portfolio CSS

    Hi all! I am a beginner with CSS and I am playing with this w3schools portfolio gallery with filtering: https://www.w3schools.com/code/tryit.asp?filename=FNQ6Q8IJ733Y Two questions: Q1. Row horizontal alignment In my example, the "Lorem Ipsum" text of the "White Mustang" image is longer, so that the 3rd row is not well aligned. How to make the rows always aligned, even if texts are longer in the previous rows? Q2. Number of columns depending on the device In this example, there are always three columns. I would like the number of columns to change depending on the device. For example: • 3 columns on a Desktop • 2 columns on an iPad • 1 column on a Mobile phone Thank you!
  4. I was reading the reference (http://www.w3schools.com/tags/att_a_media.asp) and I've got a few question. - What is the difference between width and device-width and when are we using them? - What is the difference between aspect-ratio and device-aspect-ratio and when are we using them? - What is the difference between bits per color and number of colors and when are we using them? - What is a monochrome frame buffer, scanning method and grid or bitmap? Thanks for the anwers.
  5. Ok, so i could not find this anyways, i don't know maybe i did not loot hard enought but seems faster to just ask here instead since i think this one u all might know except me hehe . I'm trying to expand my knowledge inside CSS Mobile websites, but not only mobile also bigger screens like TV for screens (like mine etc) and so on. I was thinking, does it really "NEED" to be specific numbers before the mobile or screen reacts to the browser? Example: We know that ipads (portrait) uses 768px as a minimum and maximum as 1024px... this is what i have so far: @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { #wrapper { margin: 0 auto; min-width: 768px; max-width: 1024px; background-color: #485778; } } And i'm very surten that i got this one right (tell me if i'm wrong)... however, what if i were to build my "own" design? A screen that has something that is between that number or just 1px "above" the 1024px.. do i just add in another pixel like this 1025px and then it will react as normal? My bottom line question is this, does the media query only react on specific numbers related to devices OR is it also possible to related this to custom build devices and screens? Hope someone can answer as always, thanks!
  6. im trying to make an image gallery with thumbnail images linked to enlarged versions (like a gallery). for movies, do i have to make a copy of the mp4 file and put it into the folder of images? and change the name of the path in the code?
  • Create New...