My logo text is not displaying correctly in the grid display

I'm trying to make the logo take full width instead of leaving a white background around it. body{text-transform:capitalize;margin:0;}.page{background-image:url(./hero-bg.jpg);display:grid;height:100vh;grid-template-columns:10%auto;grid -template-rows:15%autoautoauto;g

P粉647504283 2024-02-04 08:50:49 0  1  436

Page larger than required issue; React.js

The current page looks like this: As you can see, there's a lot of white space at the top. I can't seem to figure out how to make that blank space disappear. This is the HTML: <divclassName="auth-form-container" style={{display:'flex',justifyContent:'center',alignItems:'center',height:'...

P粉166675898 2024-04-02 14:48:30 0  1  413

CSS: Remove body margins

I'm new to web development and have a problem removing body margins. There is space between the very top of the browser and the "logo" text. My code is on jsbin. Is body{margin:0;} wrong if I want to remove spaces?

P粉403804844 2023-10-14 19:48:32 0  2  696

Why is my hr tag translucent when it is set to a solid color of white?

I have a html (with bootstrap) and a css, in my html I have a <hr> tag which has a class and then in my css I have the border style for it. It's translucent and you can see the white color, but it's not "solid". I wish it were completely solid and not pale like I guessed. body{backgr...

P粉957661544 2024-04-06 16:13:26 0  1  666

How to make an image appear in the center of the header?

First of all, my code is based on 3 files, an HTML, a CSS and a JS. It should be noted that I am using the Bootstrap5.1.3 framework to create the HTML. My problem is, first of all, the logo of the clothing brand I am using as a case study is not centered, I have tried everything to make it centered ...

P粉103739566 2024-04-01 23:49:58 0  1  545

javascript - Ask about blank text nodes

How can I remove those little dots in the picture? This is the html in my Firefox browser. I don’t know why these little dots appear. They are the little dots inside the blue stripes. Firefox displays these dots as whitespace-only text nodes. These blank text nodes all have widths.

世界只因有你 2017-05-16 13:36:26 0  1  653

How can I eliminate the small white space between the navigation bar and the next section? How to get rid of the little gray space on hover selector?

I'm coding this website as the final project for my HTMl course on freecodecamp and I'm running into two errors that I don't know how to fix. On one hand, I have a little white line between my navigation bar and the first section. On the other hand, I use the hover selector to make the background of...

P粉764836448 2024-02-25 22:54:59 0  1  390

javascript - jquery If you first use off to unbind an event and then on to bind the event, it will not work?

Click to view the main JS code of the mobile version demo {code...} Function description: First click [Directory] to open the directory on the right; then click [Blank Area] to close the directory on the right; Question: Question 1: Clicking on the blank area cannot be closed Directory on the right;...

習慣沉默 2017-06-12 09:28:16 0  4  956

Place interactive markers on images using React

please help. I have an image like the one below that is displayed on the home page (a larger image). Note that the "FORGE" house has a white and blue marker with a black arrow in the middle. The same goes for "rental" homes. Each of these markers will act as an interactive button...

P粉896751037 2023-09-08 21:25:41 0  1  842

javascript - css carousel chart adapts to layout problem

Similar to the carousel layout, the outer blue container does not have a width set and is 100% adaptive. The width of each sub-container is equal to the width of the parent container and is displayed in a row. The part beyond the parent element is hidden. Without using js Can it be achieved under ce...

给我你的怀抱 2017-06-13 09:23:41 0  3  1087

javascript - JS JQ data initialization problem

How can I make the temperature data of the upper yellow area and the lower white area the same after the page is loaded? The yellow part is written in the tag using HTML, and the white part is controlled using JS. It can be increased or decreased, but the data can be kept consistent after increasing...

过去多啦不再A梦 2017-07-05 10:49:08 0  2  798

Use bslib to customize the CSS of DT::datatable in Shiny applications

I'm trying to apply custom CSS styles to a DT::datatable in a shiny app. When the user selects a row in the table, I want the selected row to have yellow, black text instead of the default blue, white text. I cannot do this successfully when I also use the bslib package. (A similar question was aske...

P粉081360775 2024-03-29 21:41:03 0  1  434

javascript - Conflict between front-end and back-end routing?

This is my front-end routing. It seems to be fine, but when the browser refreshes locahost:4000/select/ProfessionalElective, the page will become blank. You must enter it from other routing points. I looked at the loaded js and css, the path becomes localhost:4000/sele...

迷茫 2017-05-19 10:39:13 0  2  723

CSS drop cap image, text aligned in white space

I don't think this is an everyday dropcap situation. My capital "S" is an image like this: Note that the actual image extends all the way to the upper column. The top bar is part of the same image, containing the large S and the drawing to the left of the S. I colored the background blue s...

P粉415632319 2023-09-05 21:42:04 0  2  566

Unexpected behavior (white button bug) when using Tailwind and MUI in NextJS project

I'm currently building a project using NextJS, TailwindCSS and the MUIReactUI library. Whenever I try to add a MUI button to my project, it works fine but the color of the button remains white. The color returns to normal on hover and still has the ripple effect when the button is clicked. But when ...

P粉996763314 2023-11-04 11:04:23 0  1  768

Be a running front wave

At first, I just learned computers because I wanted to play with them. Later, I learned programming because I thought it was very interesting. Now I have been working as a programmer and I feel that learning is very interesting. I learned html, js, css, vue, react, and php, all by myself. I’m lookin...

曲小冷 2020-06-05 13:49:51 1  0  1128

Linear gradient not working with variables in light/dark themes

I'm working on my personal website - https://cooperativedoilylivedistro.elliott23.repl.co - which has light and dark themes depending on preference. The problem is that when I set the linear gradient to a variable it doesn't work and the whole background turns white. This is HTML, CSS and JS. If you...

P粉190443691 2024-03-29 13:28:10 0  1  354

3. The JS 3D model has been added but is not visible

I'm trying to add a 3D model to my website. I'm using three .js. I tried everything but couldn't make the 3D model visible. In the Network tab of the developer tools, I can see the MTL and OBJ files are loaded, but the page is just blank. I tried 3 different 3D models but the same problem persists. ...

P粉593536104 2024-04-03 19:06:13 0  1  418

The background is blue sky, white clouds and green grass. Two cartoon people are walking around. Click to have voice chat.

Is this effect easy to achieve?

P粉081862638 2023-06-14 12:54:00 0  0  362

Ways to fix issue 2003 (HY000): Unable to connect to MySQL server 'db_mysql:3306' (111)

I recently tried to containerize my FastAPIPython server (also for replication/doubling purposes). Before, I had just a MySQL server in a Docker container and everything was fine, but when I also made my web server a service, it couldn't connect to the MySQL server, so now the application doesn't wo...

P粉178132828 2023-09-05 11:18:47 0  1  829