All Questions
510,223 questions
0
votes
0
answers
4
views
Footer overlaps content instead of creating new page with Paged.js in A4 doc
I'm putting together an HTML document that needs to be A4 sized and needs to be very strict about the positioning and styling of its items, so I'm using Paged.js to set up pages while also maintaining ...
0
votes
2
answers
20
views
I want a signature animation on my svg i have tried but only half of its is showing?
<svg xmlns="http://www.w3.org/2000/svg" width="282" height="122" viewBox="0 0 282 122" fill="none">
<!-- Signature Path -->
<path id="signature" d="M59.1294 91.0229C59.2018 87.6683 ...
0
votes
1
answer
24
views
Bootstrap 4 Navbar not working on mobile view
I'm having an issue in the mobile view of my chrome dev tools. I've seen the issue on a friend's phone, but my phone works fine...
I have a bootstrap 4 navbar with dropdown menus, and the dropdown ...
- 55
4
votes
2
answers
65
views
Make an element sticky until a specific amount of the remaining container height is reached
How can an element be defined to behave like a sticky element only when the remaining height of the element is greater than a specific size (that I will call sticky container margin)?
For example, in ...
- 366
1
vote
2
answers
43
views
How to make transparent inside of path canvas
I have script that writes two triangle, blue and red.
I want to make transparent this area instead of blue and red like Paper-cutting work.
(I want to put the image background, so it must be ...
- 12.3k
0
votes
2
answers
38
views
React Native OTP Input - Cursor Not Centered in TextInput Box
I’m building an OTP input component in React Native with four TextInput boxes, but I’m facing an issue where the cursor is not centered inside the box. Instead, it’s aligned to the right side of the ...
- 81
-3
votes
0
answers
26
views
Creating responsive flexbox grid with equal items [closed]
I have a problem with matching all my requirements regarding boxes in flexbox. Assume I have 3 breakpoints.
My requirements:
On first breakpoint, boxes should be in one column, on second breakpoint ...
- 582
0
votes
0
answers
19
views
How can I make Shopify Liquid Code Colour Swatch code less squished?
I have some code that checks for a colour swatch on Shopify liquid code, it links to the silver or gold version of a product based on a custom meta field, but the text is all squished, can anyone help ...
-1
votes
1
answer
75
views
Background showing through div background [closed]
I fixed it, thanks for trying. The problem was the translate and transform. I replaced it with z-index and ran javascript to find the center. Check it out, always room to improve
It does not work on ...
- 15
0
votes
0
answers
25
views
react navbar components alignment
well i have been stragling to align all the items of the navbar next to each other couldn't see where the problem is i tried to fix the size of the logo but it didn t work and the elements remaind on ...
0
votes
1
answer
33
views
User icon moves with the menu in a Bootstrap 5 navigation bar
Question:
I'm using Bootstrap 5 to create a sticky navigation bar at the top of a Django project. When the navigation menu expands on smaller screens (via the toggle button), the user icon (fa-user) ...
- 73
-1
votes
2
answers
43
views
Trouble adjusting text size associated with a radio button--CSS
This is my first coding project, and it's a very small quiz that I'm working on with freeCodeCamp. The goal is to create a survey, and in my efforts to stylize my HTML with CSS, I can't for the life ...
0
votes
0
answers
48
views
my horizontal scroll is visible but does not work
I am creating an app in ionic, I have a tab that shows a total of 7 cards but I want them to be displayed as horizontal scroll that only 4 can be seen and the others when scrolling, if the 4 are shown ...
-1
votes
1
answer
40
views
Trying to get hover and CSS to high light correctly [closed]
I'm having issues with CSS highlighting the correct rows of my table and allowing highlight when I mouse over them.
The rows of serverA and ServerR look like what I intend.
However, where the server ...
- 41
1
vote
2
answers
76
views
How can I play an animation after the previous one is finished?
I have been trying the typewriter animation, and it went well!
.typewriter{
display: flex;
justify-content: center;
}
.typewriter .p1,.p2{
font-family: monospace;
font-size: 1.5rem;
/* ...
- 33
1
vote
1
answer
49
views
Is there a way to disable a lazy loading in Angular v19 standalone components?
In older versions of Angular, where we used to have module-based applications, it would load a module once and even if you close components that are exported by that module - it wouldn't load that ...
- 25
0
votes
4
answers
61
views
Summary arrow is not centered with the content
I'm using summary/details html gadget for show a series of events.
Here is a simplified code (removed all rails/erb logic)
.eventscreen {
display: flex;
flex-direction: column;
width: 100%;
...
- 83
-1
votes
0
answers
48
views
Text formatting inside a HTML button
Edit: I have been able to solve the first part of the issue: having the text to be wrapped inside the button with automatic new lines if needed. Seems that adding white-space:normal was sufficient.
I ...
- 11
-3
votes
0
answers
30
views
Select group Elements with Sortable.js [closed]
i have a list with different customers and their own products. my customer asked if its possible to click in one of them, and check or validate the others elements with the same class, then drag and ...
- 1
0
votes
3
answers
61
views
Hyperlink affects the whole page
I'm new to html and css (self taught)
I'm trying to use a simple grid system with a side bar + content. So for the side bar I want link to internal pages to change the content, I'm making a basic ...
0
votes
0
answers
31
views
Issue with Persistent Timer After Opening a Letter in Java [closed]
I am working on a Java application where a user can "open" a letter, and after that, a 24-hour countdown timer should start. The goal is to prevent the user from opening another letter ...
-3
votes
0
answers
45
views
Flex Box CSS styles does not work as expected [closed]
I am a beginner programmer. The HTML CSS of what I tried is attached below.
I need the output of look like this way
but unfortunately the displays look like this:
This is the code I tried - please ...
- 125
-1
votes
1
answer
49
views
Arrange text radially in a radial menu
I have a code for a radial menu with elements. The code works for me, but I don’t understand how to add text (labels for the menu items) to it. I want the text to be arranged radially as well, ...
-3
votes
0
answers
43
views
How can I have textarea to look and act like default input element? [closed]
I am trying to get TEXTAREA to look exactly as INPUT in all browsers and without javascript and to act as DIV element regarding full width (it is not 100% but it fit available width).
This is what I ...
- 163
0
votes
0
answers
20
views
How create chevron arrows connected with 2 divs [duplicate]
I need create 2 divs connected with 2 divs. I have some issues when trying to reduce space between divs. The issue comes when I create pseudo elements ::after .left block and ::before .right block ...
- 607
1
vote
0
answers
32
views
Transform: rotate on hover not working on mobile versions of safari and web apps
The transform rotate on hover CSS function works perfectly on desktop versions of web browsers and chrome mobile. But I cannot get it to rotate when clicked / tapped on, in the mobile safari and app ...
- 11
0
votes
2
answers
35
views
Expand select option from other element
Background:
I was trying to do some custom styling for my select element by changing the color and arrow example:
<select :id="'select' + index" class="w-full px-4 py-2 pr-8 bg-theme ...
- 693
-3
votes
0
answers
39
views
Why image background of the button is not showing? [closed]
I'm writing a website and I encountered one problem. I used 'background-image' in CSS, but instead of my image I see grey square. It's Q&A section. Here is the HTML structure and CSS code (I ...
- 1
0
votes
1
answer
47
views
Make menu scrollable on smaller horizontal mobile screen
My menu is using a series of links to appear when you hover over the parent menu item. To make my website work well on mobile devices, I have decided to take a more responsive design approach and use ...
- 25
3
votes
3
answers
61
views
make animation return to initial value (background-color)
I have a box that I want to blink.
it should blink indefinitely (infinite)
it blinks to white and returns to the initial color
there should be a "pause" between each loop (color stays the ...
- 95
-1
votes
2
answers
43
views
Converting the Dimensions of a Playing Card to Pixels (2.5 inches x 3.5 inches) [duplicate]
How do I convert the dimensions of a playing card (2.5 inches x 3.5 inches) to pixels?
How do I do that?
My resolution screen size is: 1280 x 720.
I’m not using it on mobile.
I just want to create ...
- 13
-3
votes
0
answers
47
views
Is there a way to have a single page change by a link in html? [closed]
I want to have an HTML page (character_template.html) to change depending on a link clicked earlier on a different page (characters.html). I have looked into SQL and PHP, but it doesn't make sense to ...
- 11
1
vote
1
answer
30
views
How to send a value from a css checkbox submission?
The below is related to the following link: After selecting check box Instead of Tick symbol need X in html
input[type=checkbox].css-checkbox {
position: absolute;
overflow: hidden;
clip: ...
0
votes
0
answers
18
views
Image Resizing Challenge in MSO Outlook 2016
I am working on creating a hero email module, (Polaroid style with text and CTA below the hero image.) but I'm encountering an issue with the image not fitting properly inside the container in MSO ...
- 1
-5
votes
1
answer
37
views
Animation on bottom property [closed]
h1{
animation: bouncing 0.5s ease 0s infinite alternate both;
background: darkblue;
border-radius: 50%;
display: inline-block;
cursor: pointer;
font-size: 0.75;
font-weight: 300;
...
0
votes
1
answer
29
views
CSS code not appearing when using div ID? [closed]
I'm trying to have the "directory" div appear in the font art dystopia in white and 40px, but it instead displays as jolly lodger at the bottom left of the div above the marquee. I initially ...
- 13
0
votes
0
answers
29
views
Non-stateful media query in CSS?
I'm trying to hide and reveal a sidebar based on the client screen width using two respective animations (hide-sidebar and reveal-sidebar). To achieve this functionality I'm employing a media query:
@...
- 1
0
votes
1
answer
37
views
Javascript window.print() problem - text quality
I am working on cash register software and now I have problems with receipt printing.
I use php to load receipt data in a html div which I want to print. So I use javascript for printing and ...
-4
votes
0
answers
25
views
indentation dissapeared inside <ul><li> after <br> [duplicate]
Normally:
<ul>
<li>first list item<br>
<li>second list item<br>
a little something about this one..</li>
<li>third list item<br>
</ul>
...
- 25
0
votes
1
answer
78
views
Keeping aspect ratio of internal SVG
I have a root SVG element, defined as this (inserted at the top of the <body>):
<svg version="1.1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3....
- 183
-1
votes
1
answer
54
views
How to set an image and text side by side with different width ratio and an identical height
I need to place two div's side by side - left div is of 60% of the screen width and right div to be of the remaining 40%. Height of both the div's to be 90vh.
In the left div, I need to set an image ...
1
vote
1
answer
48
views
Overlapping submenu items when hovering over the item
I'm new at creating websites and I have a navigation bar working and I added a dropdown with multiple submenus. When I hover a submenu the submenu item opens and stays open even though I hover over ...
- 11
0
votes
0
answers
57
views
Why is the height of a child element set to 250px instead of 0px? [closed]
I encountered a very strange problem. I have three nested DOMs, namely grand-parent, parent, and child. The grand-parent has a fixed height, the parent has no fixed height, and the child has a height ...
- 1
-4
votes
1
answer
50
views
How can I make the scroll bar significantly larger? [closed]
I am working on a webpage where I need the scroll bar to appear much larger than its default size. Specifically, I want to increase the width of the scroll bar and make it more prominent so users can ...
1
vote
1
answer
47
views
Add images to sidebar of a quarto website
I'm building a quarto website and my for my homepage .qmd file looks like the following:
---
title: ""
about:
template: solana
image: Headshot.jpg
---
# Hellow
Text Text Text Text ...
- 541
-1
votes
1
answer
39
views
How to enable the bootstrap HTML5 menu to dropdown
We have a menu in one of our sites that we inherited from the previous project. That menu used to work, but now it doesn't. It uses bootstrap libraries version 3
The menu doesn't dropdown, stays ...
- 1,241
2
votes
1
answer
51
views
Strange scrolling behavior with a grid of images
Strange scrolling behavior with a grid of images
I'm experiencing a strange issue when scrolling through a grid of images while moving the cursor around. The scroll position occasionally "rolls ...
- 23
1
vote
1
answer
21
views
HTML <header b-tg5po7urw9> What is b-tg... produced by using Razor generate MVC
I built a simple sample app RazorPagesMovie and examined the source page for Index part of the app and many of the elements are followed by b-tg5po7urw9. I can find no explanation of what that file/...
- 11
1
vote
2
answers
44
views
how could I make my input form change position as the list above grows
I have my HTML as
window.onload = function() {
/*The initial item number set to 3 */
var itemNo = 3;
/* get the date of current day */
var today = new Date();
var todaystring = today....
- 11
0
votes
0
answers
23
views
Code-inject a switch's webview login (Alcatel-Lucent)
Main information:
The school's network switches are by Alcatel-Lucent
They have WebView enabled.
I am trying to get through the sign-in layer.
External extensions ARE blocked.
Chrome policies are ...
- 25