Category "html"

Truncate string with html tag in Laravel

I want to truncate in Laravel text from database with HTML Tag, for example: <p>Hi. I want to say about my story. </p> I found a method: {{ Str::li

Why my grid template is not responsive as should be?? I've tried using media queries method, watching youtube vids, added meta, no changes

Below is the HTML and CSS code that I am trying to make a responsive website with. Media queries have been used to make it responsive but not working even thoug

Open other webiste in new tab alogn with my website

I have a website-1 (www.example.com). When a customer reaches out to my website, the other website-2 (www.example2.com) should be open in a new tab correspondin

Get interactive html/css from Adobe XD

I'm using Adobe XD from the first time, I'm working actually on an xd created by a designer to export HTML/CSS scripts to be injected in the web application (Sp

humberger menu stop scrolling main body css

I am trying to implement a hamburger menu. My expectation is when I will click on hamburger menu then the whole screen will contain only hamburger menu and ther

locomotive scroll disable the scroll of my page

When I put this function : const scroll = new LocomotiveScroll({ el: document.querySelector('[data-scroll-container]'), smooth: true }); The scroll of my page n

Is it possible to use Emmet in a blank CSS sheet, outside of a selector?

I am currently making my live easier with various custom emmet short forms for code I use a lot. So I tried to make something like the ! in html for CSS so that

Everything on my pages works fine on VScode's live server but not on local

When previewing my pages with a live server everything works fine. but when I tried to open my index file from local it didn't show CSS or anything. and when cl

Flex inside flex causing orientation issues

I am new to Web Development and React (and fairly amateur at CSS), so there must be some fundamental issue with my understanding of how flex works. With referen

Change background color in Bootstrap 5 multi level dropdown menu

anyone tried to changed the background color in multi-dropdown menu in bootstrap 5? the original code is here https://bootstrap-menu.com/demos/multilevel.html I

Having trouble using List.js to filter student profiles in JavaScript?

I am trying to filter student profiles via an input field. JavaScript grabs the data via an API and then using a return function I display the data on an HTML p

How can I use javascript to hide by default the navigation links in my navbar on small screens?

I set up my navber using tailwind css and was able to make it responsive. When viewed on a smaller screen the navigation links are displayed underneath each oth

How to have my css navbar be proportional to the page

My (epic) navbar gets messed up when the window is to small, how can I have it shrink proportionally to the page? I've tried a few things but it just shrinks th

Insert javaScript function inside FreeMarker template

I have a problem introducing a js function inside ftl. I have a javaScript function which converts a value from bytes to kilobytes, on the other side I need to

Inertia compensated mouse position in Javascript

I am attempting to add an inertia type effect to my parallax background which is based on the current mouse position. I have found a script that can take the po

getUserMedia html js web camera not working on android

I'm using getUserMedia to make a website that can display a camera stream. The problem is, my code works on computer, but not through a mobile browser. Does any

Responsive website is not working mobile devices

I am having big trouble with my website as it is not being responsive. I already included the required script for adjusting page to device width on the html :

Display as much elements as it can fit in one line, and if not all of them can fit add additional element that represents number of remaining elements

I would like to align all tags for a given article in one line. If all the tags can fit in one line, then I want to display all of them, like this: But, if the

Insert text on top of video canvas, and export as MP4

Let's say you have a HTML5 <video> element with an MP4 video source: #video { width: 400px; } #text { font-size: 30px; background-color: yellow; } &l

c# get html response after script application

I want to have the result of html page but after application of the javascript. If you prefere what i need is to have the html output and not the page code. See