Programowanie css

25

Jak usunąć ramkę z elementu iframe osadzonego w mojej aplikacji internetowej? Przykładem iframe jest: <iframe src="myURL" width="300" height="300">Browser not compatible.</iframe> Chciałbym, aby przejście z treści na mojej stronie do zawartości ramki iframe było płynne, przy założeniu, że kolory tła są spójne. Docelowa przeglądarka to tylko IE6 i niestety rozwiązania dla …

706 html css iframe internet-explorer-6 noborder

20

Czy mogę użyć pseudoelementu: before lub: after w polu wejściowym?

Próbuję użyć :afterpseudoelementu CSS na inputpolu, ale to nie działa. Jeśli używam go z span, działa OK. <style type="text/css"> .mystyle:after {content:url(smiley.gif);} .mystyle {color:red;} </style> To działa (umieszcza buźkę po „buu!” I przed „trochę więcej”) <span class="mystyle">buuu!</span>a some more To nie działa - tylko koloruje niektóreValue na czerwono, ale nie ma …

685 html css pseudo-element css-content

15

Zarządzanie eksplozją CSS

W przypadku witryny, nad którą pracuję, mocno polegam na CSS. W tej chwili wszystkie style CSS są stosowane dla poszczególnych tagów, więc teraz staram się przenieść je na styl zewnętrzny, aby pomóc w przyszłych zmianach. Ale teraz problem polega na tym, że zauważyłem, że dostaję „CSS Explosion”. Trudno mi zdecydować, …

682 css organization

12

Jak wyrównać element Flex w prawo?

Czy istnieje bardziej elastyczny sposób na wyrównanie do prawej strony „Kontakt” niż użycie position: absolute? .main { display: flex; } .a, .b, .c { background: #efefef; border: 1px solid #999; } .b { flex: 1; text-align: center; } .c { position: absolute; right: 0; } <h2>With title</h2> <div class="main"> <div …

680 html css flexbox

25

Jak wyśrodkować element „pozycja: absolut”

Mam problem z centrowaniem elementu, dla którego positionustawiono atrybut absolute. Czy ktoś wie, dlaczego obrazy nie są wyśrodkowane? body { text-align: center; } #slideshowWrapper { margin-top: 50px; text-align: center; } ul#slideshow { list-style: none; position: relative; margin: auto; } ul#slideshow li { position: absolute; } ul#slideshow li img { border: …

678 html css css-position centering

5

Dlaczego w CSS Flexbox nie ma właściwości „justify-items” i „justify-self”?

Rozważ główną oś i oś poprzeczną elastycznego pojemnika: Źródło: W3C Aby wyrównać elementy elastyczne wzdłuż głównej osi, istnieje jedna właściwość: justify-content Aby wyrównać elementy elastyczne wzdłuż osi poprzecznej, istnieją trzy właściwości: align-content align-items align-self Na powyższym zdjęciu główna oś jest pozioma, a oś poprzeczna pionowa. Są to domyślne kierunki elastycznego …

676 css flexbox language-lawyer w3c

12

Flexbox: centrum poziomo i pionowo

Jak wyśrodkować div poziomo i pionowo w kontenerze za pomocą Flexbox. W poniższym przykładzie chcę, aby każda liczba była pod sobą (w rzędach), które są wyśrodkowane w poziomie. .flex-container { padding: 0; margin: 0; list-style: none; display: flex; align-items: center; justify-content: center; } row { width: 100%; } .flex-item { …

670 html css flexbox

4

symbol wieloznaczny * w CSS dla klas

Mam te divy, z którymi projektuję .tocolor, ale potrzebuję również unikalnego identyfikatora 1,2,3,4 itd., Więc dodaję to jako inną klasę tocolor-1. <div class="tocolor tocolor-1"> tocolor 1 </div> <div class="tocolor tocolor-2"> tocolor 2 </div> <div class="tocolor tocolor-3"> tocolor 3 </div> <div class="tocolor tocolor-4"> tocolor 4 </div> .tocolor{ background: red; } Czy …

669 css css-selectors wildcard

30

Dlaczego nie użyć tabel do układu w HTML? [Zamknięte]

W obecnej formie to pytanie nie pasuje do naszego formatu pytań i odpowiedzi. Oczekujemy, że odpowiedzi poparte będą faktami, referencjami lub wiedzą fachową, ale to pytanie prawdopodobnie będzie wymagało debaty, argumentów, ankiet lub rozszerzonej dyskusji. Jeśli uważasz, że to pytanie można poprawić i ewentualnie ponownie otworzyć, odwiedź centrum pomocy w …

665 html css

16

Rozciągnij i skaluj tło CSS

Czy istnieje sposób, aby tło w CSS rozciągało się lub skalowało, aby wypełnić swój pojemnik?

653 html css

10

Czy mogę napisać selektor CSS, wybierając elementy NIE mające określonej klasy lub atrybutu?

Chciałbym napisać regułę wyboru CSS, która wybiera wszystkie elementy, które nie mają określonej klasy. Na przykład biorąc pod uwagę następujący kod HTML: <html class="printable"> <body class="printable"> <h1 class="printable">Example</h1> <nav>  </nav> <a href="javascript:void(0)" onclick="javascript:self.print()">Print me!</a> <p class="printable"> This page is super interresting and you should print …

644 html css css-selectors

23

Naprawiono pozycję, ale względem kontenera

Próbuję to naprawić, divaby zawsze przylegał do górnej części ekranu, używając: position: fixed; top: 0px; right: 0px; Jest jednak w divśrodku wyśrodkowanego pojemnika. Kiedy position:fixedgo używam , naprawia divwzględne okno przeglądarki, na przykład po prawej stronie przeglądarki. Zamiast tego powinien być ustalony względem kontenera. Wiem, że position:absolutemożna tego użyć do …

639 css position css-position fixed

26

Konwertuj obraz na skalę szarości w HTML / CSS

Czy istnieje prosty sposób na wyświetlenie kolorowej mapy bitowej w skali szarości za pomocą just HTML/CSS? Nie musi być kompatybilny z IE (i wyobrażam sobie, że nie będzie) - jeśli działa w FF3 i / lub Sf3, to mi wystarczy. Wiem, że mogę to zrobić zarówno z SVGCanvasem, ale wydaje …

619 image css grayscale

11

Kierowanie tylko na Firefox za pomocą CSS

Za pomocą komentarzy warunkowych łatwo jest zaatakować program Internet Explorer za pomocą reguł CSS specyficznych dla przeglądarki:  Czasami źle działa silnik Gecko (Firefox). Jaki byłby najlepszy sposób kierowania reklam tylko na Firefoksa przy użyciu reguł CSS, a nie na żadną inną przeglądarkę? …

616 css firefox css-hack

8

Usuwanie wielu klas (jQuery)

Czy istnieje lepszy sposób na przepisanie tego: $('element').removeClass('class1').removeClass('class2'); Nie mogę użyć, removeClass();ponieważ usunie WSZYSTKIE klasy, których nie chcę.

615 jquery css

Pytania otagowane jako css