[HTML] Dlaczego pobiera atrybuty nie stamtąd gdzie powinno? Opcje

[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:

[CSS] pobierz, plaintext 
#fastSearchInnerDiv input, select {
display:block;
float:right;
overflow:auto;
}
[CSS] pobierz, plaintext 

tylko nie wiem czemu

Ten post edytował no-scared 16.04.2010, 13:39:43

[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:

[CSS] pobierz, plaintext 
.seekOffersHr {
background-color:#E4E4E4;
clear:both;
height:1px;
margin-bottom:17px;
margin-top:17px;
position:relative;
width:100%;
}
[CSS] pobierz, plaintext 

[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

[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%

[CSS] pobierz, plaintext 
 
.seekOffersInnerDiv {
width: 100%;
 
 
}
 
[CSS] pobierz, plaintext 

[no-scared]

Jak zmieniam na 100% to się wszystko kompletnie rozsypuje.

[wookieb]

[CSS] pobierz, plaintext 
 
input[type="checkbox"], input[type="radio"]
{
background-color: transparent;
border: 0;
}
 
 
.seekOffersInnerDiv {
position: relative;
float: right;
width: 235px;
margin-right: 237px;
overflow: hidden;
}
 
.seekOffersHr {
width: 624px;
height: 1px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: #E4E4E4;
padding-top: 17px;
overflow: hidden;
margin-bottom: 17px;
margin-left: -30px;
}
 
#markUnmarkBar {
color: red;
text-decoration: underline;
text-transform: uppercase;
font-size: 13px;
line-height: 38px;
clear: both;
}
 
[CSS] pobierz, plaintext 

Kompleksowe poprawki. I nie przesadzaj z tym overflow: auto