I have seen similar topic with answers about size in % or vh, but its a bit different. I have a set of different plots with sizes 900x600 by default using this CSS: .chartbox { display: flex; flex-wrap: wrap; background-color:…
I'm a bit of a newbie to javascript so I'm wondering if anyone can help please? I'm trying to make a website header similar to the one on this website - https://therangesestate.com.au/. It only fades in when you scroll down.…
I have HTML Like this <element1 class="class__1"> <element2 removePadding></element2> <element3 class="class-3"></element3> </element> I want to change the margin-bottom of class-3 only when element2 has removePadding attribute, I tried like this element1 element2[removePadding] element1 element3.class-3 { margin-top: 20px; } but this…
Please tell me what the error is. After running the python manage.py collectstatic files were generated, the js scripts work, but the css file is not connected. base.html <!doctype html> {% load static %} <html lang="en"> <head> .... <!--Custome CSS-->…
i want to set the table header background to blue color. this is my html: <ngx-datatable class="material" [rows]="rows" [columnMode]="'force'" [headerHeight]="50" [footerHeight]="50" [rowHeight]="'auto'" ngClass="{'table-striped': false}"> <ngx-datatable-column name="ID RECLAMO" prop="idReclamo" class="bg-dark"></ngx-datatable-column> <ngx-datatable-column name="SEGNALTO" prop="dataSegnalizione"> <ng-template let-row="row" ngx-datatable-cell-template> {{ row.dataSegnalizione | date:'dd/MM/yyyy' }}…
I am facing this problem for awhile now please help me solve it. It's literally driving me crazy now i haven't slept for 23 hours!! Some magic has happened with my project or a GHOST HAS POSESSED MY SERVER! Please…
I am trying to horizontal and vertical align these radios/checkboxes also I want the text to be in the left side of them. I tried some things like inline and block but I am fairly beginner and trying to learn.…
I am trying to do something like this .image_wrap { width:580px; height:260px; overflow:hidden; } .image_wrap img { width:100%; height:100%; transform:scale(1.2); -webkit-animation: 1s slideImg linear infinite; animation: 1s slideImg linear infinite; } @-webkit-keyframes slideImg { from { transform: translateY(100%); } to…
Trying to make a progress bar (for music playback), but when width of the #progress bar is 100%, it doesn't fill up the whole container .progress-bar (as seen in photo)(Light grey part depicts whole duration). I assume this is due…
I have a web page that displays an image. I would like the image to expand to its container (minus some margin and padding) while keeping its aspect ratio, but also the img tag to not be bigger than the…