I'm trying to use CSS as so: <link rel="stylesheet" media="screen and (max-width: 991.98px)" href="/files/mobile_css/daniweb.css" type="text/css"> <link rel="stylesheet" media="screen and (min-width: 992px)" href="/files/css/daniweb.css" type="text/css"> I want to load one CSS file for our mobile layout and a different one for our desktop layout. The problem is the web browser always downloads both files, which completely eliminates the performance advantages of having a more lightweight mobile CSS. What I'm thinking of doing is using a `<link rel>` to download all of the CSS that's common between mobile and desktop. Then, conditionally, via javascript, injecting CSS via @import (I guess?) to load the …

Member Avatar
Member Avatar
+2 forum 13

So I'm faced with a CSS mystery. Developing a project, came across an unexpected result, and can't explain it, nor have I been able to come up with a workaround. First I define 8 custom properties properties on a custom selector <b->. Then I conditionally (based on classes defined on the <html> element) override 3 of those propertiess with calc() formulas. Then, I use those properties to define some more properties, again using calc(). Finally, I use the result of the most complex calculation as the width of the <b-> element and a nested <iframe> element. But the calculation only …

Member Avatar
Member Avatar
+1 forum 8

![Scooch.gif](/attachments/large/4/13717be4f5be2345d3ca84ac1c6a79ce.gif) I am working on a page where I currently have a menu of 12 projects. On hover a project is underlined and on click a project expands vertically displaying a description. I have used a table to layout this menu. I wish to create a function where the menu is only able to expand untill a certain point, before it begin "filling up" the next column with the remainder of the menu. Below I have attached a mock-up GIF, showing the desired function. I have also pasted in some of my code. Please forgive my simplistic description, I am …

Member Avatar
+0 forum 0

Explain CellSpacing and Cellpadding?

Member Avatar
Member Avatar
+0 forum 3

Hi This is Praveen, I am working since 8years as a FrontEnd Developer with strong Knowledge in below mentioned Skills HTML 4 HTML 5 CSS CSS 3 JavaScript jQuery Bootstrap 3 and Bootstrap 4 Angular 2 to 8 React PWA (Angular and React) Require JS KnockOutJS NodeJS Magento 2 FrontEnd

Member Avatar
Member Avatar
+0 forum 2

I need to add a name to a Telephone number which appears on the sceen on the phone in replace of the phone number any suggestions?

Member Avatar
Member Avatar
-1 forum 3

Hello i want to show html5 video with content over it . Like background image. The whole div html5 video must be of 400px height <div style="height: 400px"> <video controls poster="{{item.media_pic}}"> <source src="{{item.image_path}}" type="video/webm" /> <source src="{{item.image_path}}" type="video/mp4"> <source src="{{item.image_path}}" type="video/ogg"> Your browser does not support HTML5 video. </video> <ion-row> <ion-col col-4> some text </ion-col> <ion-col col-8> button </ion-col> </ion-row> </div>

Member Avatar
Member Avatar
+0 forum 2

I am creating a web slider (responsive), but I need it to have a wave transition, what would be my best option? Thanks.

Member Avatar
Member Avatar
+0 forum 3

I am in a pickle in trying to implement a turn based game where two players join the game and is assigned a role randomly where they alternate roles after each successive round, the problem with that for me personally lies in trying to figure out how to make it turn based when their roles are alternating each round. I am using nodejs (new to it) and socket.io. The dealer moves first then the client selects their number is the game flow. My code is as follows: main.css body { font-family: "Helvetica Neue", sans-serif; margin: 0; padding: 0; } input …

Member Avatar
Member Avatar
+0 forum 1

Now as the automated cms are coming in power for eg. wordpress. Is it leading to ending of web development career.?

Member Avatar
Member Avatar
+3 forum 7

Hello i want to show the full image in a specified height div like this <div style="width:400px"> <img class="images" src="someimage.jpg"> </div> i tried this .images { width: 100%; height:auto; }

Member Avatar
Member Avatar
+1 forum 4

hi there i'm trying to build a responsive full screen website based on prestashop 1.7 but i have an issue from long time that i have tried to solve but failed so the thing is i made the width 100%. and margin 0, the page is full but not really full there is a small gap on right hand screen, so when i put padding-right to 5px i really get the fully screen but a second problem apears a horizontal scroll bar that is verry enoying i have screen shot of my issue can guys sugest a solution for that …

Member Avatar
Member Avatar
+0 forum 1

what is UX/UI design ? please explian for me , i know only programming in php and javascript and css i know nothing about UX , is it for graphic designers ? or for programmers ? thanks.

Member Avatar
Member Avatar
+0 forum 7

I am skilled in Core PHP, JavaScript, Mysql, Ajax, HTML, CSS, jQuery and Codeigniter and having 4+ years of experience in Web Development. I have very vast knowledge in dynamic and static website development.

Member Avatar
+0 forum 0

Hello Guys... This is Upender. I am a Graphics/Webdesigner with 7yrs experience in this field. I am new here and happy to contribute my experience with you.

Member Avatar
Member Avatar
+1 forum 1

Please give any idea

Member Avatar
Member Avatar
+0 forum 6

Hello, I would like to style my table. I have two different table that I would like to style differently. How to do so? This is what I try but it does not work: table, td { padding: 5px; } .order table, td{ width: 5px; } </style> <table class="order" border="1"> <tr> <th>Nama Produk</th> <th>Harga</th> <th>Jumlah Pembelian</th> <th>Tipe Produk</th> <th>Total</th> </tr> <tr> <th><input type="text" name="fname"></th> <td><input type="text" name="fname"></td> <td><input type="text" name="fname"></td> <td><input type="text" name="fname"></td> <td><input type="text" name="fname"></td> </tr> </table> One table order I would like to set the width : 5px. Please help. Thanks in advance.

Member Avatar
Member Avatar
+0 forum 6

Hi All, Its been years I have done any css and even then I wasnt very good at it. However I have decided that I am going to have another crack at it. I am trying to put a div on top of a div to look like the below example: https://ibb.co/MRQp5tg my css /*Outer Div*/ .header{ position: relative; float:left; overflow: hidden; /*inner div */ .float{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; float:right; } Any ideas, I have tried playing around with the postioning, but cant get it to work. Thanks

Member Avatar
Member Avatar
-1 forum 3

Does anyone here know MVC well enough to teach me or know of a great tutorial I can read? I'm a Senior C#, ASP.NET Web Developer at my core but since I've been under employed for a few years I have not had the chance to learn MVC. Also interested in React or similar javascript libraries as well as Boot Strap.

Member Avatar
Member Avatar
+0 forum 4

What Is SVG And Why Do You Use It ???

Member Avatar
Member Avatar
+0 forum 3

Greetings Digital Natives. I'm excited join this platform. I am a sofware developer at [Timbu](http://www.timbu.com/south-africa) Hoping to learning and connecting with you guys. I want to really upgrade my tech skills. I have stayed along in front end. I need to do little of backend and move with likeminded fellow.

Member Avatar
+0 forum 0

I need an answer for this question ( write 2 program that takes grade as input and display the range of marks use the select case and if() A. 90 to 100 B+ 80 to 89 B. 70 to 79 C 60 to 69 D 50 to 50 F. F

Member Avatar
+0 forum 0

Hello i want to create in html and css something like the picture i shared here. An image over two divs. Equally divided through the two divs like the picture here. Any sugestion? ![sample.png](/attachments/large/4/eab51ce489d73c359202b562bd368348.png)

Member Avatar
Member Avatar
+0 forum 3

I don't think people should be lumping web design with HTML and CSS anymore. Design should be separate from coding. Design is typography, layout, color theory, illustration, digital manipulation, etc. It should really be it's own section and not grouped under web development. Anyway, just saying. =)

Member Avatar
Member Avatar
+0 forum 7

Hello Experts! I am stuck here while generating QR Code using php sql. Basically I am generating code for students using their ids and other information while fetching data from database. But the problem is that when i click on submit button so that table data store in QR Code, then it only generate the QR Code of of only last one student. For Example if i have 6 students, it only generate the qr code of student whose id is 6. Code is here:

Member Avatar
Member Avatar
+1 forum 2

I made sorting arrows for a table in illustrator and exported it out as an svg. I want to place them in a table head, and use css to style it. I will be using javascript (vannila) to swap classes to change the state of my icon. What is the best tag to use for svg in my case? below is sample of what I have now <thead> <tr> <th id="step">Step<img class="sort" src ="assets/sort-up-and-down-arrows-couple.svg"></th>

Member Avatar
Member Avatar
+1 forum 6

Hello, I am making a website ... I have a body class with background color, and a div container inside that has some content. What I want to do is to make the background clickable, and when you click it it should redirect to another page. In other words, I want my background to act like the div with the content inside it is a modal and when you click on it to redirect to different page. *it is not a modal. I do not need a modal. Thank you

Member Avatar
Member Avatar
+0 forum 1

Menu sub links overlapping when select box opens , how to fix this Check this below link for reference http://i.stack.imgur.com/lCCWO.gif

Member Avatar
Member Avatar
+0 forum 8

Hello to you all. I want to import an excel with four spreadsheets into 4 grid views. So far so good. But I also wan the grid view on load to check if the line values already exist on the database. What's the best apprach to add this collumn to the grid view? Regards, RL

Member Avatar
+0 forum 0

browser application to draw, print the text. in programming language typescript. in not found google source... help! Help me find I need source code

Member Avatar
Member Avatar
+0 forum 1

The End.