css

[Solved] image gallery display with a main image and smaller images

by

.gallery {width: 100%;} .gallery a { display: flex; } .gallery img{width: 80%; height: auto;} .image-container { display: flex; flex-direction: column; margin-left: 11px; width: 20%; height: 300px; overflow: scroll; } .image-container img { margin: 11px 0 0;} .image-container img:first-child { margin: 0 0 0;} <div class=”gallery”> <a href=”https://images.pexels.com/photos/417074/pexels-photo-417074.jpeg”> <img class=”card-img-top” src=”https://images.pexels.com/photos/417074/pexels-photo-417074.jpeg” alt=”Fő kép”> <div class=”image-container”> <img … Read more

[Solved] CSS Text Shadow Opacity [duplicate]

by

Specify the color in RGBA (Red,Green,Blue,Alpha) Where Alpha is the opacity (0 – 1) Something like: text-shadow: 0 1px 0 rgba(0,0,0,0.5); For half transparent black shadow. 2 solved CSS Text Shadow Opacity [duplicate]

[Solved] How to achieve this design by html and css with flex property or something else [closed]

by

This code may work for you. nav{ display: flex; } .box-1{ background-color: green; } .box-2{ background-color: red; flex-grow: 1; } <nav> <span class=”box-1″>Your Logo Text</span> <span class=”box-2″></span> <button>Button 1</button> <button>Button 2</button> </nav> solved How to achieve this design by html and css with flex property or something else [closed]

[Solved] How is this done? [closed]

by

As Kyle said, there are many ways to go about this task. The easiest (and most browser-compliant) way would probably be to do a simple jQuery hover effect- when the image is hovered over, another image appears and fades on top of it. The second image, of course, is most likely a transparent PNG, which … Read more

[Solved] Non clickable button [closed]

by

If you are talking about the green button with the white heart then it’s a small fix. When you try to click the button you actually clicking the fixed div that contains all the floating text, because the element is in position: fixed; z-index: 1. The element that holds the button <div class=”a”>, add to … Read more

[Solved] What does % value means in CSS gradient?

by

It means color stops. background-image: linear-gradient(140deg, cyan 0%, purple 50%, lime 75%); means start at cyan at 0% and change to purple at 50% and lime at 75% It will turn cyan to purple at the 50% mark, and then transitions from purple to lime over 35% of the gradient. see the difference between not … Read more

[Solved] can anyone please how to make pointing corner background? [closed]

by

i just did not find the appropriate duplicate, but it is a duplicate and deserves to be closed for a better readability of the q/a . You could probably use gradient backgrounds: header { padding:0em 1em 4em; margin:1em; background:linear-gradient(to bottom, transparent 2em, rgb(58, 64, 125) 2em) } div {background:rgb(238, 123, 45);position:relative;padding:1em ;color:white;} div:after { content:”; … Read more

[Solved] How to make a tab (i.e. Home, About, Contact) clickable in HTML?

by

Here’s basically what you want. Do note that I used Bootstrap as a CSS framework, which makes it alot easier to create lay-outs like yours. I took the liberty to build your lay-out from the ground up, without any special colors. DEMO: JSFiddle HTML: <div class=”row”> <div id=”header” class=”col-xs-12″> <h1>Welcome to my green world!</h1> <hr … Read more

[Solved] How to insert a div in PHP properly? [closed]

by

The “best” way (in my opinion) to prevent “spaghetti” style is to differentiate php and html like: <?php while($row = mysqli_fetch_array($result){ ?> <div class=”imagem”> <img src=”<?php echo $row[‘logo’];?>” width=”180px”> </div> <?php } Side note: Next time if your question have a code use the tools <> (html/js) or {} (php and others lang) 1 solved … Read more