Programowanie css

9

Jaki jest najlepszy sposób (jeśli w ogóle), aby obraz wyglądał na „wyszarzony” za pomocą CSS (tj. Bez ładowania osobnej, wyszarzonej wersji obrazu)? Moim kontekstem jest to, że mam wiersze w tabeli, z których wszystkie mają przyciski w najbardziej prawej komórce, a niektóre wiersze muszą wyglądać jaśniej niż inne. Oczywiście mogę …

183 css

18

Jak wstawiać spacje / tabulatory w tekście za pomocą HTML / CSS

Możliwe sposoby: <pre> ... </pre> lub style="white-space:pre" Coś jeszcze?

183 html css tabs space pre

9

Sugestie Twittera typeahead.js nie są stylizowane (nie mają obramowania, przezroczystego tła itp.)

Używam twittera typeahead.js 0.9.3 i wygląda na to, że moje sugestie wcale nie są stylizowane. Dostaję to: Zamiast czegoś takiego: (wzięty ze strony przykładów ) JavaScript włącza typeahead: $('.search-typeahead').typeahead({ name: 'videos', remote: { url: '/api/v1/internal/videos/typeahead?text=%QUERY' } }); Element wejściowy HTML: <input type="text" value="" id="search_keywords" class="no-clear search-typeahead"/> Dodatkowe uwagi: Witryna, nad …

182 javascript css typeahead.js

8

Jak utworzyć tabelę tylko za pomocą znacznika <div> i Css

Chcę utworzyć tabelę tylko przy użyciu <div>tagu i CSS. To jest moja przykładowa tabela. <body> <form id="form1"> <div class="divTable"> <div class="headRow"> <div class="divCell" align="center">Customer ID</div> <div class="divCell">Customer Name</div> <div class="divCell">Customer Address</div> </div> <div class="divRow"> <div class="divCell">001</div> <div class="divCell">002</div> <div class="divCell">003</div> </div> <div class="divRow"> <div class="divCell">xxx</div> <div class="divCell">yyy</div> <div class="divCell">www</div> </div> …

182 html css

9

Wyłączyć opcje drukowania w przeglądarce (nagłówki, stopki, marginesy) ze strony?

Widziałem to pytanie zadawane na kilka różnych sposobów na stronie SO i kilku innych stronach internetowych, ale większość z nich jest albo zbyt specyficzna, albo nieaktualna. Mam nadzieję, że ktoś może tu udzielić ostatecznej odpowiedzi bez zagubienia się w spekulacjach. Czy istnieje sposób, za pomocą CSS lub javascript, aby zmienić …

182 javascript html css browser printing

16

Dlaczego moje zapytania o media CSS3 nie działają?

W style.css używam zapytań o media, które wykorzystują różne odmiany: /*--[ Normal CSS styles ]----------------------------------*/ @media only screen and (max-width: 767px) { /*--[ Mobile styles go here]---------------------------*/ } Po zmniejszeniu okna strony zmieniają rozmiar na pożądany przeze mnie w zwykłej przeglądarce (Safari, Firefox), jednak układ mobilny wcale nie jest wyświetlany …

182 html css media-queries mobile-website

1

Przyciski o stałej szerokości z Bootstrap

Czy Bootstrap obsługuje przyciski o stałej szerokości? Obecnie, jeśli mam 2 przyciski „Zapisz” i „Pobierz”, rozmiar przycisku zmienia się w zależności od zawartości. Jaki jest właściwy sposób rozszerzenia Bootstrap?

182 css twitter-bootstrap

18

czy jest hack css tylko dla safari NIE chrome?

próbuję znaleźć hack css dla safari po prostu NIE chrome, wiem, że są to obie przeglądarki, ale mam problemy z wyrównaniem div w chrome i safari, każdy wyświetla się inaczej. Próbowałem tego użyć, ale wpływa to również na chrom, @media screen and (-webkit-min-device-pixel-ratio:0) { #safari { display: block; } } …

182 css safari

4

Dlaczego indeks Z nie działa?

Więc jeśli dobrze rozumiem z-index, byłoby idealnie w tej sytuacji: Chcę umieścić dolny obraz (tag / kartę) poniżej elementu div nad nim. Więc nie widać ostrych krawędzi. Jak mam to zrobic? z-index:-1 // on the image tag/card lub z-index:100 // on the div above też nie działa. Nie ma też …

182 html css z-index

13

Która litera alfabetu angielskiego zajmuje najwięcej pikseli?

Próbuję wykonać programowanie dynamiczne na podstawie liczby znaków w zdaniu. Która litera alfabetu angielskiego zajmuje najwięcej pikseli na ekranie?

181 css char

11

Ustawienie maksymalnej długości znaków w CSS

Tworzę responsywną stronę internetową dla szkoły, a moje pytanie brzmi: Jak ustawić maksymalną długość znaków zdań (z CSS) na mojej stronie (np. 75 znaków), że gdy mam bardzo duży ekran, zdania nie będą przekraczać 75 znaków. Próbowałem maksymalnej szerokości, ale to popsuło mój układ. Korzystam z Flexboksa i zapytań o …

181 html css text

12

Czy mogę powstrzymać pola tekstowe o 100% szerokości przed rozciąganiem się poza pojemniki?

Powiedzmy, że mam pole tekstowe, które chcę wypełnić całą linię. Dałbym mu taki styl: input.wide {display:block; width: 100%} Powoduje to problemy, ponieważ szerokość zależy od zawartości pola tekstowego. Pola tekstowe mają domyślnie margines, obramowanie i wypełnienie, co powoduje, że pole tekstowe o szerokości 100% jest większe niż jego pojemnik. Na …

181 html css

8

Jak uzyskać szerokość przeglądarki za pomocą kodu JavaScript?

Próbuję napisać funkcję JavaScript, aby uzyskać bieżącą szerokość przeglądarki. Znalazłem ten: javascript:alert(document.body.offsetWidth); Ale jego problemem jest to, że zawodzi, jeśli ciało ma szerokość 100%. Czy jest jakaś inna lepsza funkcja lub obejście?

180 javascript jquery html css

8

Zatrzymywanie animacji CSS3 na ostatniej klatce

Mam 4-częściową animację CSS3 odtwarzaną po kliknięciu - ale ostatnia część animacji ma na celu zdjęcie jej z ekranu. Jednak po odtworzeniu zawsze wraca do pierwotnego stanu. Każdy wie, jak mogę go zatrzymać na ostatniej ramce css (100%) , a także, jak pozbyć się całego diva, w którym on gra, …

180 css css-animations

15

Jak upewnić się, że pole formularza <select> jest przesyłane, gdy jest wyłączone?

Mam selectpole formularza, które chcę oznaczyć jako „tylko do odczytu”, ponieważ użytkownik nie może modyfikować wartości, ale wartość jest nadal przesyłana wraz z formularzem. Użycie tego disabledatrybutu uniemożliwia użytkownikowi zmianę wartości, ale nie przesyła wartości wraz z formularzem. readonlyAtrybut jest dostępny tylko dla inputi textareapól, ale to w zasadzie to, …

180 javascript html css forms html-select

Pytania otagowane jako css