Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML] Dlaczego pobiera atrybuty nie stamtąd gdzie powinno?
Forum PHP.pl > Forum > Przedszkole
no-scared
Witam.

Mam sobie stronę http://mojszefmojafirma.pl/add_offer.php5 i nie mam pojęcia czemu wszystkie inputy i selecty pobierają atrybuty z:

#fastSearchInnerDiv input, select

zamiast:

#addOfferFormDiv * textarea, input[type="text"], select

skoro na tej podstronie nawet nie ma zadnego elementu o id #fastSearchInnerDiv...

Zwracam się o pomoc (wytłumaczenie).
wookieb
Zainstaluj firebuga do firefoxa, kliknij prawym na inputa i wybierz "Zbadaj element". W okienku po prawej zobaczysz skąd się biorą style dla tego elementu
no-scared
Wiem, właśnie to co napisałem w tym temacie jest na podstawie firebuga, biorę na pierwszy select i pokazuje, że bierze atrybuty z:

  1. #fastSearchInnerDiv input, select {
  2. display:block;
  3. float:right;
  4. overflow:auto;
  5. }


tylko nie wiem czemu
wookieb
A jak myślisz. Co oznacza znak "," w pierwszej linni kodu css jaki podałeś?
Myśle, że pora wrócić do podstaw..
no-scared
Racja, nie wiem czemu to wykreśliłem.

To przy okazji miałbym jeszcze jedno pytanie:

Dlaczego na stronie http://mojszefmojafirma.pl/seek_offers.php5 ten sztucznie zrobiony hr (za pomocą diva) nie przyjmuje wartości margin-top? W sensie nie robi tego marginesu przy wyświetlaniu? (jest zrobiony za pomocą diva, bo czytałem ze z marginesem dla hr są problemy)

klasa dla tego diva:

  1. .seekOffersHr {
  2. background-color:#E4E4E4;
  3. clear:both;
  4. height:1px;
  5. margin-bottom:17px;
  6. margin-top:17px;
  7. position:relative;
  8. width:100%;
  9. }
wookieb
Ponieważ taki jest efekt "uboczny" zastosowania clear: both dla tego elementu.Zamiast margin-top daj temu elementowi taką wysokość i będzie ok. Może też być padding-top.
Nie wytłumaczę Cie dokładnie dlaczego tak jest bo nie wiem jak to ubrać w słowa smile.gif
no-scared
Ale jak dam temu elementowi atrybut height na 17px to ta linia będzie strasznie gruba, a ja chcę uzyskać efekt, żeby dalej miała 1px

Mógłbym użyc jakiegoś wrappera, ale chciałbym to załatwić bez jego używania.

Jest na to jakiś sposób?
wookieb
Zamiast background-color daj border-bottom
no-scared
Noi teraz nie wiem co to za bug na IE, że się suwaki pojawiają...

http://mojszefmojafirma.pl/seek_offers.php5
krzysztof_kf
Zmień szerokość tego diva na width: 100%

  1.  
  2. .seekOffersInnerDiv {
  3. width: 100%;
  4.  
  5.  
  6. }
  7.  
no-scared
Jak zmieniam na 100% to się wszystko kompletnie rozsypuje.
wookieb
  1.  
  2. input[type="checkbox"], input[type="radio"]
  3. {
  4. background-color: transparent;
  5. border: 0;
  6. }
  7.  
  8.  
  9. .seekOffersInnerDiv {
  10. position: relative;
  11. float: right;
  12. width: 235px;
  13. margin-right: 237px;
  14. overflow: hidden;
  15. }
  16.  
  17. .seekOffersHr {
  18. width: 624px;
  19. height: 1px;
  20. border-bottom-style: solid;
  21. border-bottom-width: 1px;
  22. border-bottom-color: #E4E4E4;
  23. padding-top: 17px;
  24. overflow: hidden;
  25. margin-bottom: 17px;
  26. margin-left: -30px;
  27. }
  28.  
  29. #markUnmarkBar {
  30. color: red;
  31. text-decoration: underline;
  32. text-transform: uppercase;
  33. font-size: 13px;
  34. line-height: 38px;
  35. clear: both;
  36. }
  37.  

Kompleksowe poprawki. I nie przesadzaj z tym overflow: auto
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.