Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML]Rozszerzanie się tła
Forum PHP.pl > Forum > Przedszkole
simonX
Chodzi mi tutaj że obrazek ma tam ustaloną jakoś długość a po przekroczeniu tej długości jeżeli tekstu będzie więcej będzie się rozciągał i chodzi mi tutaj tylko o HTML lub CSS.
Fifi209
width i height na auto ?
simonX
height="auto" ;/ jest taki atrybut w ogóle?
potreb
Istnieje, tylko nie wiem jak się spisuje, możesz określic max-height i min-height.
Kildyt
Cytat(simonX @ 29.10.2009, 23:09:07 ) *
height="auto" ;/ jest taki atrybut w ogóle?
Nie żartuj sobie. tongue.gif Pisałeś, że może być w CSS-ie i fifi209 właśnie się do tego ustosunkował.
Poza tym nie zadawaj bezmyślnych pytań co do height: auto skoro jest to w google.

Co do wymiarów minimalnych i maksymalnych (np. max-width) musisz uważać. IE w starszych wersjach nie obsługuje go (z pomocą przychodzi js). Polecam skrypt z hack'ami do IE od pracownika google.
Kildyt
Cytat(Natalka @ 29.10.2009, 23:15:51 ) *
może repeat-x repeat-y ?
Co ma powtarzalność tła do rozciągania obrazka?

Co do problemu: jeżeli chcesz żeby obrazek zmieniał swoje wymiary tylko gdy jakiegoś tam tekstu będzie więcej od podanej granicy to ani HTML, ani CSS ci nie pomogą. Rozwiązanie widzę w JS-ie (zliczanie znaków, warunek, zmiana wymiarów).
potreb
I inne wyjście sprawdzanie rozmiarów obrazka i ustawienie procentowe rozmiaru lub miniaturki.
simonX
Słuchajcie tylko ja używam tabel a nie bloków. Z tabelami za bardzo nie działa a po wstawieniu jednego bloku tło wyświetla mi się na samym początku zamiast na końcu?
Kildyt
Dodaj kod, screenshot, opisz dokładniej problem to ci możemy pomóc. Jeżeli szukasz gotowego rozwiązania to założyłeś topic w nieodpowiednim dziale forum.
simonX
Jak dodaje atrybut auto to i tak się nie rozszerza tło tylko się powtarza, jak w CSS dam background-repeat:no-repeat to po przekroczeniu obrazka tekst po prostu wyjezdza na biale tlo

  1. <tr>
  2. <td colspan="3">
  3. <img src="images/Untitled-1_03.gif" width="213" height="101" alt="">
  4. </td>
  5. <td rowspan="7" id="image" background="images/Untitled-1_04.gif" width="auto" height="auto" alt=""></td>
  6. </tr>
  7.  



Dodaje jeszcze zdjęcie może wpadnie ktoś na pomysł jak to mogę zrobić, oznaczyłem tutaj czerwonym prostokątem tło na którym będzie tekst i to chcę żeby mi się rozszerzało



To jak zna ktoś odpowiedź na moje pytanie to ważne dla mnie sadsmiley02.gif
erix
Zostaje Ci najwyżej obrazek dynamicznie dostosowywany (wysokość) przez JS; w czystym CSS/HTML tego nie osiągniesz.

Aha, daj sobie spokój z tabelkami.
simonX
Bo chodzi o to że robię szablon i chcę żeby tło pod tekstem mi się wydłuzało, a są jakieś programy króre tną grafikę i zamiast tableki robi to w divach?

I tak nie pasuje ustawiam height na auto ale i tak zamiast rozciagac tło to mi powtarza

  1. #glowny-08 {
  2. background-image:url('images/glowny_08.gif');
  3. height:auto;
  4. max-height:1400px;
  5. width:792;
zegarek84
Cytat(erix @ 17.11.2009, 11:09:34 ) *
...w czystym CSS/HTML tego nie osiągniesz.

da się winksmiley.jpg
Cytat(simonX @ 29.10.2009, 20:45:55 ) *
Chodzi mi tutaj że obrazek ma tam ustaloną jakoś długość a po przekroczeniu tej długości jeżeli tekstu będzie więcej będzie się rozciągał i chodzi mi tutaj tylko o HTML lub CSS.

tło rozciągane na komórkę czy na całą tabelkę?? - daj linka i dokładniejszy opis - dokładniej efekt jaki chcesz uzyskać można osiągnąć przez dodatkowego div'a opływającego całość lub rozciągającego się na całość, przez atrybut position absolute i odpowiednie pozycjonowanie w css

edit - ok - widzę ostatnią koncepcję na obrazku

<div style="position: relative;margin:0px;padding:0px"><img src="ADRES" style="position:absolute;left:0px;top:0px;width:100%;height:100%"><TAAAAABEEEEELAAAAA /></div>

oczywiście zamiast style stosuj id bądź class i atrybuty w css - to wyżej na szybko pisane i w "chmielowym" humorze winksmiley.jpg
edit - wyżej przy div'ie zapomniałem jeszcze przynajmniej o position: relative; - przynajmniej bo jakiekolwiek musi mieć pozycjonowanie nadane by względem niego pozycjonowany był obrazek winksmiley.jpg

edit - ale w tej koncepcji obrazek będzie "rozciągany" na całość a w przykładowym obrazku widzę jeszcze inny zamiar i jeśli mam rację to napisz a też podam rozwiązanie - chyb a chciałeś żeby obrazek się "przesuwał" w dół a rozciągało się np ogólne tło??
bmL
Dość często zdarzają mi się takie właśnie laye do pocięcia, jak to robię?
Otóż ja zrobił bym to tak:
  1. .rozw {
  2. background: url('obrazek...') no-repeat;
  3. background-position: bottom;
  4. background-color: [tutaj kolor tego obrazka w górnej części]
  5. }

No i w ten sposób obrazek wyświetli się tylko raz na samym dole a na górze backgroundcolor zachowa jego ciągłość.
Powinno to wystarczyć jeżeli dobrze zrozumiałem pytanie (strasznie mały ten screen).
simonX
No niestety to nie pasuje przy innych szablonach, gdzie mam jakieś wzory w tle




Jeszcze jakieś rady by się przydały tongue.gif
b4x
@simonX - możesz to pokazać jakoś "onLine" ? :-)
bmL
Zbyt skrótowo opisujesz to co chcesz uzyskać.
simonX
Zbyt skrótowo ? A co tu pisać po prostu chcę żeby mi się grafika rozszerzała pod wpływem wielkości tekstu i najlepiej to musi być wykonane przy pomocy CSS i HTML bo to ma być szablon na allegro a tam nie można używać JS.
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.