Programowanie css

8

Mam element div nagłówka jako pierwszy element mojego elementu div wrapper, ale kiedy dodam górny margines do h1 wewnątrz elementu div nagłówka, przesuwa cały element div nagłówka w dół. Zdaję sobie sprawę, że dzieje się tak za każdym razem, gdy nakładam górny margines na pierwszy widoczny element na stronie. Oto …

126 html css xhtml

5

Jaka jest różnica między „>” a spacją w selektorach CSS?

Jaki jest sens używania tej składni div.card > div.name Jaka jest różnica między tym div.card div.name

126 css css-selectors

3

Usuń strzałkę wyboru w IE

Mam wybrany element, chcę usunąć strzałkę, mogę dodać inną ikonę .. Mogę to zrobić dla Firefox Safari i Chrome, ale to nie działa w IE9 . .styled-select select { border: 0 !important; /*Removes border*/ -webkit-appearance: none; /*Removes default chrome and safari style*/ -moz-appearance: none; /*Removes default style Firefox*/ background: url('select_icon.png') …

126 html css html-select

4

IE7 nie obsługuje wyświetlania: inline-block

Czy ktoś może mi pomóc w obejściu tego błędu? Z Firefoksem działa dobrze, ale z Internet Explorerem 7 nie. Wydaje się, że nie rozumie display: inline-block;. html: <div class="frame-header"> <h2>...</h2> </div> css: .frame-header { height:25px; display:inline-block; }

126 html internet-explorer-7 css

5

Ruch w prawo i pozycja bezwzględna nie działają razem

Chcę, aby element div znajdował się zawsze po prawej stronie swojego nadrzędnego elementu div, więc używam float:right. To działa. Ale chcę też, aby po wstawieniu nie wpływał na inne treści, więc używam position:absolute. Teraz float:rightnie działa, mój element div jest zawsze po lewej stronie swojego nadrzędnego elementu div. Jak mogę …

126 css css-float position

9

Jak napisać podpis pod obrazkiem?

Mam dwa obrazy, które muszą pozostać w tekście; Chcę napisać podpis pod każdym obrazem. <center> <a href="http://example.com/hello"> <img src="hello.png" width="100px" height="100px"> </a> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a href="http://example.com/hi"> <img src="hi.png" width="100px" height="100px"> </a> </center> Jak mogę wdrożyć?

126 css html

5

Wyłącz sprawdzanie pisowni w Chrome / Safari przez HTML / CSS

Czy istnieje sposób, aby programista internetowy mógł wyłączyć sprawdzanie pisowni w Chrome / Safari / WebKit w określonych inputlub textareaelementach? Mam na myśli albo specjalny atrybut tagu, albo zastrzeżoną instrukcję CSS. Istnieje instrukcja CSS dotycząca wyłączania konspektu inputs, więc pomyślałem, że może również istnieć. Wiem, jak użytkownik może to zrobić. …

126 html css google-chrome spell-checking

5

Wyśrodkować „div” na środku ekranu, nawet gdy strona jest przewijana w górę lub w dół?

Mam na swojej stronie przycisk, który po kliknięciu wyświetla div(styl wyskakującego okienka) na środku ekranu. Używam następującego kodu CSS, aby wyśrodkować divśrodek ekranu: .PopupPanel { border: solid 1px black; position: absolute; left: 50%; top: 50%; background-color: white; z-index: 100; height: 400px; margin-top: -200px; width: 600px; margin-left: -300px; } Ten CSS …

126 html css scroll position centering

2

Sass i połączony selektor podrzędny

Właśnie odkryłem Sass i byłem tym bardzo podekscytowany. W mojej witrynie internetowej implementuję drzewiaste menu nawigacyjne, stylizowane za pomocą kombinatora potomnego ( E > F). Czy istnieje sposób na przepisanie tego kodu z prostszą (lub lepszą) składnią w Sassie? #foo > ul > li > ul > li > a …

126 css css-selectors sass

10

wyrównaj w pionie do środka w <div>

Chcę, aby wysokość #abc divat 50pxi tekst były wyrównane w pionie na środku div. body{ padding: 0; margin: 0; margin: 0px auto; } #main{ position: relative; background-color:blue; width:500px; height:500px; } #abc{ font:Verdana, Geneva, sans-serif; font-size:18px; text-align:left; background-color:#0F0; height:50px; vertical-align:middle; } <div id="main"> <div id="abc"> asdfasdfafasdfasdf </div> </div> Uruchom fragment koduUkryj …

126 css vertical-alignment

30

Zmień kolor podpowiedzi Bootstrap

To, co próbuję zrobić, to zmienić kolor podpowiedzi na czerwony. Chcę jednak mieć wiele innych kolorów, więc nie chcę po prostu zastępować oryginalnego koloru podpowiedzi. Jak bym to zrobił?

126 html css twitter-bootstrap

30

Rozmyty tekst po użyciu transformacji CSS: scale (); w przeglądarce Chrome

Wygląda na to, że ostatnia aktualizacja przeglądarki Google Chrome powoduje rozmazany tekst po wykonaniu pliku transform: scale(). W szczególności robię to: @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); } 70% { -webkit-transform: scale(.9); } 100% { -webkit-transform: scale(1); } } Jeśli …

126 google-chrome css webkit transform css-animations

5

Korzystanie z CSS, jak zmienić tylko drugą kolumnę tabeli

Używając tylko CSS, jak mogę przesłonić CSS tylko drugiej kolumny tabeli. Mogę dostać się do wszystkich kolumn za pomocą: .countTable table table td Nie mogę uzyskać dostępu do kodu HTML na tej stronie, aby go zmodyfikować, ponieważ nie jest to moja witryna. Dzięki.

126 css

5

Jak stylizować listę UL na jedną linię

Chcę wyświetlić tę listę w jednym wierszu. Pozycja listy 1 Pozycja listy 2 Powinien być wyświetlany jako * Pozycja listy 2 * Pozycja listy 2 Jakiego stylu CSS użyć?

126 css

5

Zawijanie siatki CSS

Czy można zawijać siatkę CSS bez używania zapytań o media? W moim przypadku mam niedeterministyczną liczbę elementów, które chcę umieścić w siatce i chcę, aby ta siatka była zawijana. Używając Flexbox, nie mogę niezawodnie ładnie rozmieścić rzeczy. Chciałbym również uniknąć wielu zapytań o media. Oto przykładowy kod : .grid { …

126 html css css-grid

Pytania otagowane jako css