Bootstrap

[Jedaja]

Chce stworzyć head który nie ma nic oprócz background-image (niepowtarzalny obraz).
Jak opisać go w css by był responsywny. Bez ustalenia wysokości w ogóle się nie pojawia.
Po ustawieniu wysokości, trzyma tą samą wysokość przy innych rozmiarach szerokości (respons działa ALE head jest za wysoki).
Czy trzeba opisywać każdą szerokość z osobna?
@media screen and (min-width: 1200px) {
/* STYLES HERE */
}
@media screen and (min-width: 980px) and (max-width: 1200px) {
/* STYLES HERE */
}.....


Czy jest konkretne jedno uniwersalne rozwiązanie by nadać raz wysokość, która również będzie responsywna?

Oczywiście rozwiązania typu hegiht:100% nie działa, gdyż 100% z niczego to nic

[Gall Anonim]

Wiesz co => spróbuj prostszego rozwiązania => skoro ma to być i tak tylko obraz => odpuść sobie wszelkie inne ustawienia po za ścieżką dostępu do obrazka (wstawienia obrazka) i zdefiniowania jego szerokości n 100% (wysokości nie definiujesz) => zazwyczaj działa,
all

[Jedaja]

Tak jak napisałem w ostatnim zdaniu. height:100% nie działa bo nie ma parent'a do którego miał by się odnieść, więc to rozwiązanie odpada, gdy nie ma konkretnej wartości height, elemntu (<div>) po prostu nie widać. Gdy ustawię konkretną wartość height, to wtedy trzyma wysokość bez względu na szerokość strony.

[Gall Anonim]

Kolego a czy ja napisałem wysokość 100% czy też szerokość 100%???

[Jedaja]

Bez ustalenia wysokości w ogóle się nie pojawia.
width nie ma znaczenia gdy wysokość wynosi 0
Z width nie ma żadnego problemu

[Gall Anonim]

Dziękuję za uwagę skoro zamiast spróbować dysktujesz => szerokość ma znaczenie i wielokrotnie używałem tej metody przy fotach w RWD , powinieneś wiedzieć że wówczas o ile nie ma innych ostylowaań w tym zakresie wysokość jest nadawana automatycznie z proporcji oryginalnych obrazu
Pozdrawiam serdecznie i do niezobaczenia.
all

[Jedaja]

Mówimy o rozmiarze backgroundu, nie <img>, zgadza się?

- - - Updated - - -

I próbowałem, tylko właśnie wydaje mi się że Ty mówisz o <img> a nie .class{background-image: ;}
A jeśli tak, to proszę o dokładniejsze instrukcje bo .class{background-size:width=100%;} nie działa, nie widać w ogóle <div>

[Gall Anonim]

Sprawdziłeś? Czy dalej dyskutujesz?
Mi już się nie chce => szkoda czasu
Żegnam => niech kto inny marnuje czas

[Jedaja]

Tak, próbowałem. Jeśli to działa to proszę pokaż, a nie masz odzywki jak byś był w trakcie prac nad wynalezieniem leku na raka. Skoro tak Cie to boli to nie odpowiadaj na forum. To nie jest odpowiednie miejsce do leczenia kompleksów.
Dziękuję za rozwiązanie jeśli takie uzyskam, pozdrawiam. Póki co nic konkretnego czy czegoś czego nie wypróbowałem nie powiedziałeś. Konkret proszę

[tomaszek83]

Proszę podać adres strony gdzie jest ów problem.

[zwiastun]

Nie określaj żadnych innych parametrów poza ścieżką do pliku obrazka. Nie sprawdzałem, ale @Gall Anonim, jeśli dobrze rozumiem, o tym pisał.
I daruj sobie niepotrzebne komentarze. Jeśli ktoś Ci poświęca uwagę, to nie po to, by znosić Twoje impertynencje, nawet gdybyś miał powody do ich wygłaszania.

[Jedaja]

Przepraszam bardzo ale to nie ja zacząłem się tak zachowywać. Ale mniejsza o to, nie do tych celów jest to forum. A moje intencje są jak najbardziej przyjacielskie i głodne wiedzy :)

Niestety Twoja rada również nie pomogła.
Dopóki nie zostanie ustawiona konkretna wymierna wysokość (% nie działają) div w ogóle się nie wyświetla.

Jeśli nie uda mi się tego obejść żeby ustawić background, zostanie mi tylko wstawienie <img> do div'a, ale chciał bym tego uniknąć.

adres: http://lyczkop.linuxpl.info/karas/ - teraz jest po prostu podlinkowany background = div się nie wyświetla

Pozdrawiam

[Jedaja]

lub wstawić pusty/przezroczysty <img> hmm...:>

[Jedaja]

Co dalej nie rozwiązuje mojego pierwotnego problemu. Bardzo proszę o rady w dalszym ciągu ;)