Forum PHP.pl > [CSS]css problem

Pomoc - Szukaj - Użytkownicy - Kalendarz

css problem

21.04.2013, 13:54:01

Witam!

[PHP] pobierz, plaintext 
	<div class="lb_block">
 
  <div class="lb_labelholder">
  <label for="description">Meta Description</label>  </div>
 
  <div class="lb_inputholder">	
	<textarea title="Opis meta dla ogłoszenia" name='metadesc' id='metadesc' class="gbTip " ></textarea>
  </div>
[PHP] pobierz, plaintext

Chcę ukryć cały block lb_block, nie mogę bezpośrednio na niego dać display:none, bo jest parę innch lb_block które muszą zostać.

Lecz takie coś nie działa:

[PHP] pobierz, plaintext 
.lb_block > textarea[name=metadesc] {
	display: none;
}
[PHP] pobierz, plaintext

Ktoś ma jakiś pomysł?

css problem

21.04.2013, 13:56:25

Przepraszam
Kod jest taki:

[PHP] pobierz, plaintext 
<div class="lb_block">
 
  <div class="lb_labelholder">
  <label for="description">Meta Description</label>  </div>
 
  <div class="lb_inputholder">	
	<textarea title="Opis meta dla ogłoszenia" name='metadesc' id='metadesc' class="gbTip " ></textarea>
  </div>
 
  <div class="clear"></div>
	</div>
</div>
[PHP] pobierz, plaintext

viking

21.04.2013, 14:04:23

Możliwości jest kilka, choćby nth-child.

Gość

21.04.2013, 14:22:25

Zliczanie dzieci odpada, może ktoś mnie uświadomić dlaczego nei działa moja metoda?

b4x

21.04.2013, 16:28:10

Najlepiej chyba będzie zastosować cssParentSelector ( http://demo.idered.pl/jQuery.cssParentSelector/ )

Przykładowe użycie (do tego co napisałeś)

[HTML] pobierz, plaintext 
<html>
    <head>
        <style type="text/css">
			div.lb_block! > textarea[name="metadesc"] { display: none }
        </style>
    </head>
    <body>
        <div class="lb_block">
            <div class="lb_labelholder">
			<label for="description">Meta Description</label>  </div>
            <div class="lb_inputholder">	
                <textarea title="Opis meta dla ogłoszenia" name='metadesc' id='metadesc' class="gbTip " ></textarea>
            </div>
 
            <div class="clear"></div>
        </div>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
        <script src="https://raw.github.com/Idered/cssParentSelector/master/jQuery.cssParentSelector.js"></script>
    </body>
</html>
[HTML] pobierz, plaintext

Rysh

21.04.2013, 18:49:41

A nie możesz dać:

[CSS] pobierz, plaintext 
  <div class="lb_inputholder" id="hidden">	
[CSS] pobierz, plaintext

Helid

21.04.2013, 19:10:29

Zamiast

Kod

.lb_block > textarea[name=metadesc] {
display: none;
}

powinno być

Kod

.lb_block .lb_inputholder > textarea[name=metadesc] {
display: none;
}

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.