返回首页
We’re rewarding the question askers & reputations are being recalculated! Read more.

Questions tagged [css]

CSS (Cascading Style Sheets) is a representation style sheet language used for describing the look and formatting of HTML (HyperText Markup Language), XML (Extensible Markup Language) documents and SVG elements including (but not limited to) colours, layout, fonts, and animations. It also describes how elements should be rendered on screen, on paper, in speech, or on other media.

Filter by
Sorted by
Tagged with
1
vote
0answers
7 views

Cant get the text to appear below the Image

I am trying to make the text appear below the image but it is not budging at all. My goal is it make the text appear below the image in the container .left-col p{ ...
0
votes
0answers
18 views

Using classnames to dynamically style component with CSS based on props value

I am creating a set of reusable components (wrapped material-ui) which are being styled using CSS. I need to set the width of the component dynamically via a prop passed into the custom button. I ...
-2
votes
1answer
20 views

How to target an element that shares its class name with other elements in the same heirarchy?

<div class="menu"> <ul> <li> <ul class="sub-menu"> <li> <ul class="sub-menu"> <li></li> </...
0
votes
2answers
25 views

Remembering the outline after rebooting the user's computer

I am making a basic online editing interface(works similar to Microsoft Outline) for coursework and i want the details on the outline to be stored if the user reboots the system. How could i go about ...
0
votes
2answers
14 views

rtl radio input material kit

I'm having hard time to turn the radio button into RTL format. would you please help? <div class="form-check" style="width: 49%;text-align: right;position: inherit;display: inline-block;"> ...
0
votes
0answers
9 views

TinyMCE 5.x - Highlight an item in a custom dropdown menu

I have 3 menu items in a custom TinyMCE 5.x dropdown that controls the width of the editor. I want to indicate what the current selection is, but can't find a way to interact with the menu items after ...
-1
votes
2answers
14 views

How to center the navbar-brand in bootstrap [duplicate]

I've tried a few things like using flex boxes auto margins and transforms etc but I can't seem to center this navbar-brand because it centers between the right hand side and a button and I want it to ...
0
votes
3answers
26 views

function is not executing on li click in angular6?

I am building custom autocomplete like drop down using angular7. I have this html in my component.html <div class="wrapper"> <div class="row mt-3"> <div class="col-6"> &...
0
votes
0answers
8 views

How to make data flow into next column based on height and width?

So i am looking into flexbox and i have a div with a list in it. I want to make the div into wrapping flex columns and set certain height and width and if it exceeds the height and width, i want to ...
0
votes
2answers
14 views

style rule with pseudo element and a pseudoclass in css

I am trying to display the first letter of the first paragraph within the article element with a font size of 2em and vertically aligned with the baseline of the surrounding text. This is my code so ...
0
votes
0answers
13 views

CSS does not align on timeline table

I am trying to create the layout of a timeline using php 7.x. I have two timelines. I want to have the first timeline as the second. However, even though I am using the same code, I get a different ...
0
votes
0answers
14 views

Move Angular component with screen scrolling

I am working with a site that uses Angular Material and its grid system if that matters. In the right column, there is a component that needs to stay in the same position on the user's screen while ...
0
votes
0answers
5 views

Animista animations not activating

I am trying to use combine Bulma and Animista for my css needs. The Bulma is working fine with: <link rel="stylesheet" href="http://cdn.jsdelivr.net/npm/bulma@0.8.0/css/bulma.min.css"> How I ...
1
vote
0answers
17 views

focus on textarea inside v-for issue

I have comments and replies . when i click the reply button on the comment i want it to focus on the collapsed textarea . there is many textareas since its a comment section .. <div class="bg-...
0
votes
4answers
27 views

Width style attribute not being respected properly in html?

Iam working with Gatsby's Img component but I cannot figure out how to properly set the width. It seems to sort of ignore the width and just choose its own width. The image should be exactly 276px ...
-1
votes
3answers
32 views

style a div element that is nested within a section in css

how to style a div element that is nested within a section, this is what I tried, but I get the error expecting "}"; #section1 { color: blue; #div1 { color: red; } }
1
vote
1answer
24 views

is there a way to break list into columns using VueJs?

I have a List which is being rendered using v-for and i am outputting the data into one column. Is there a way that after a certain width and height, the data flows into next column without making any ...
0
votes
0answers
32 views

What is the best practice to load alternate CSS file by Cookie

I want to serve different css file to users according to they choice. They can choose between standard, dark and light mode. I cannot use PHP because of my nginx cache. So I try with cookies / JS ...
0
votes
0answers
45 views

html/css: why default button with border changes to transparent on mouse over?

( Note to close-voters: please, vote as irreproducible only if you have a working environment similar to the described ). The following very simple example contains a button with border color set to ...
0
votes
0answers
19 views

Image gets abnormally scaled when hovering on other images

I have a site which has a couple of images and I implemented a hover effect on the images but for some reason, one of my other images (in another div scales up and gets misaligned). I thought this ...
-4
votes
4answers
29 views

does anyone know how i could move my cube to the middle of page

http://repl.it/@glassdemon66/Cube this is a 3d cube i made that is rotating infinity but i don't known how to move it to the center of the screen
0
votes
0answers
14 views

Do you know a way to automatially enter and contain a background-image inside a css clip-path?

here my demos: clip_background_contain [single] => http://codepen.io/joondoe/pen/ExxGdZz?editors=0100 clip_background_contain [container] => http://codepen.io/joondoe/pen/qBBLJMb I will present ...
2
votes
2answers
26 views

add scrollbar to div instead of scrolling the whole page [duplicate]

I have a page containg a panel on the left and right side. The right side represents a list of items and it might be that this list gets larger than the page height. If that happens, I don't want to ...
-6
votes
0answers
28 views

How to remove this glitch during website loading on first time?

I have uglified my js though i dont know js. The glitch parts are the span tags in code. Need help.
-1
votes
0answers
21 views

JavaScript to create a dymanic page for personnel directory [on hold]

Disclaimer: I'm very new to web development. Using CMSmadesimple. I'd like to create a drop down menu to show different personnel on our website but I only want to maintain one list of staff. What ...
1
vote
1answer
31 views

How to extract individual CSS filter functions from an element's style?

I have an image on my HTML page with some filters applied to it. Its style attribute might look like this: filter: brightness(85%) contrast(136%) saturate(122%) drop-shadow(0 0 5px #000000) grayscale(...
-3
votes
0answers
18 views

Change Text Color when DatePicker Selected Date

I want to change the text color DatePicker Input Class: <input class="form-control red datepicker-autoclose_hd " type="text" name="date" id="date" value="{{ date('d-F-Y',strtotime($data_edit->...
0
votes
0answers
19 views

Descendant selectors more specific than child selectors? [duplicate]

So I'm learning CSS right now. I'm tinkering with selectors at the moment and this has me kind of stumped. When I run this code. The child of the li all stay green. ul li{ color: green; } li >...
0
votes
1answer
28 views

Why does my div.col expand to 110% when I set the background?

When I set style="background-color: grey;" on my div.col containing <h3> Contacts </h3>, the color overflows by left and right. What can I do to solve it? It looks weird. <body> ...
-2
votes
2answers
24 views

Create 2 sub Divs inside of 1 Div using JS function?

I am building a web app and I am having an issue. I am building a flash card app that displays a card with a word, and I will later add CSS to make a flip transition to reveal a definition for that ...
0
votes
2answers
28 views

Equal widths in navbar bootstrap 4

Need some help styling a navbar with bootstrap 4 and flex box. The design I would like is essentially as below, but I would like the logo in the centre and therefore the space for the links either ...
0
votes
0answers
13 views

Dynamically created dropdown submenu not open on click

I'm creating a bottom fixed menubar with foldable feature - I mean that items that do not fit the screen width should go to most-right More button. So, I need to recalculate More button's content on ...
0
votes
0answers
10 views

Microsoft Edge browser doesn't render double 'box-shadow inset' properly

See the example snippet below of a text using two box-shadow: inset as underline. It renders perfect on Chrome, Firefox and Safari (recent versions). But it looks like this on Edge (see the faded ...
-1
votes
1answer
8 views

Scroll down Event

I want to add some functionality on an html element, when I scroll down on that element. var El = document.getElementbyId("info"); El.addEventListener("scroll", function() { El.style.background="red";...
2
votes
1answer
14 views

How to get rid of unwanted padding on top and bottom of any html tag (div, p, span) when writing text inside [duplicate]

I want to create a div, p or span that contains some text with a colored background and I wanted to make the div, p or span fits exactly the words inside of it. here's what I tried doing: ....
1
vote
3answers
80 views

What am I missing in my third JavaScript function?

INTRO: Providing a little context: I am trying to create workaround solutions in a HTML/CSS/JS based webticket builder. This means I am creating online forms with a drag and drop tool that ...
0
votes
0answers
44 views

Showing content differently for Desktop and Mobile

I have been working on this website, and I have a script that works quite well on desktop, but I would like to make some modifications on mobile. The script I have provided below will generate the '...
0
votes
1answer
29 views

Video As A Background? [on hold]

So whenever I try to embed a video that's hosted on my site as a background, it allows for scrolling when I would like it to remain solid. The code snippet is as follows: <div id="vid"> ...
1
vote
2answers
22 views

Clickarea of Burger-Button is not fixed to actual Buttonarea

I don't understand the click area of my menu button. I have colored green this time for testing purposes, so that the problem is immediately apparent. Why is the background so distorted from the ...
-1
votes
0answers
30 views

Converting horizontal navigation bar to hamburger menu

I have a horizontal nav bar that I created dynamically. I am now trying to make the nave bar show a hamburger menu as the window size decreases. Here's an example of what I'm trying to do using ...
0
votes
1answer
66 views

How to hide part of a form div with JavaScript?

I got some code from this platform and implemented it to hide part of my form div element. However it works, but it looks like it hides and unhides when I run it in a browser. when I click on the ...
0
votes
1answer
22 views

aligning text to full width and equal automatic spacing

Let's say I have N words. For example the following; Dog Peanut Oranges Lemon Disciplinary All these words have different lengths. Let's say I have a container width some variable width X (The ...
0
votes
0answers
11 views

Font Appears Jagged and Anti-aliasing is More Lavender Instead of Gray

I'm working on a project where I'd like to match the look of the typography used on the Microsoft Teams "Client". I've matched the font (Segoe UI) and all relevant CSS styles such as font size, weight,...
0
votes
1answer
28 views

Edit modal-backdrop

I created a modal, however I would like to change the background color of the backdrop. When I click on the button, the modal opens. The backdrop color is a bit dark and I intend it to be white. I ...
0
votes
0answers
28 views

How can i put an image at the top center of a container [duplicate]

I am new to HTML and CSS. I am trying to center an image at the top center of the container and then add text below it. I am not sure where i am going wrong here body { margin: 0; } h1, ...
0
votes
1answer
14 views

Squarespace - CSS change placeholder text color

i'm really struggling to find away to change the color of the placeholder text within my form fields. I can change the background color of the form fields but not the color of the text. The ...
-4
votes
0answers
21 views

how to display like this using html and css

I am trying to display it. but i can't display it on web browser using html and css.
0
votes
0answers
10 views

Using @font-face webfonts in a Jekyll build

I'm attempting to use webfonts a Jekyll build. The fonts are displaying correctly locally, but when pushed to a live environment the fonts don't display. There is a console error of Failed to load ...
0
votes
0answers
45 views

Is there any good printing solution for HTML? [on hold]

I'm working in the software development industry for years. Mostly my work is focused on the web application. Printing report is something I'm struggling for a long time. I looked into many solutions ...
-2
votes
0answers
23 views

Should I use the scroll event on an element?

When I use the scroll event on the about section, the function does not work! <section class="wrapper" id="about"> </section> <script type="text/javascript"> var about = ...

返回首页
杏彩计划 杏彩官网 杏彩APP 杏彩走势图 杏彩下载 杏彩官方 杏彩网站 杏彩怎么玩 杏彩官方 杏彩靠谱吗 杏彩代理 杏彩骗局 杏彩投注 杏彩倍率 杏彩开奖 杏彩漏洞