Forum PHP.pl

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.

width i height na auto ?

Ten post edytował fifi209 29.10.2009, 20:48:15

height="auto" ;/ jest taki atrybut w ogóle?

Istnieje, tylko nie wiem jak się spisuje, możesz określic max-height i min-height.

Nie żartuj sobie. (IMG:style_emoticons/default/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.

Ten post edytował Kildyt 29.10.2009, 21:16:49

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).

I inne wyjście sprawdzanie rozmiarów obrazka i ustawienie procentowe rozmiaru lub miniaturki.

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?

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.

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

[HTML] pobierz, plaintext 
<table>
<tr>
<td colspan="3">
<img src="images/Untitled-1_03.gif" width="213" height="101" alt="">
</td>
<td rowspan="7" id="image" background="images/Untitled-1_04.gif" width="auto" height="auto" alt=""></td>
</tr>
</table>
 
[HTML] pobierz, plaintext 

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
(IMG:http://images35.fotosik.pl/79/02b507f671b278c0.jpg)


To jak zna ktoś odpowiedź na moje pytanie to ważne dla mnie (IMG:style_emoticons/default/sadsmiley02.gif)

Ten post edytował simonX 10.11.2009, 09:48:57

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.

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

[CSS] pobierz, plaintext 
#glowny-08 {
    background-image:url('images/glowny_08.gif');
     height:auto;
     max-height:1400px;
     width:792;
[CSS] pobierz, plaintext 

da się (IMG:style_emoticons/default/winksmiley.jpg)

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 (IMG:style_emoticons/default/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 (IMG:style_emoticons/default/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??

Ten post edytował zegarek84 24.11.2009, 23:00:15

Dość często zdarzają mi się takie właśnie laye do pocięcia, jak to robię?
Otóż ja zrobił bym to tak:

[CSS] pobierz, plaintext 
.rozw {
background: url('obrazek...') no-repeat;
background-position: bottom;
background-color: [tutaj kolor tego obrazka w górnej części]
}
[CSS] pobierz, plaintext 

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).

Ten post edytował bmL 25.11.2009, 07:44:40

No niestety to nie pasuje przy innych szablonach, gdzie mam jakieś wzory w tle

(IMG:http://images46.fotosik.pl/231/c124c2ab88bc3f27med.jpg)


Jeszcze jakieś rady by się przydały (IMG:style_emoticons/default/tongue.gif)

@simonX - możesz to pokazać jakoś "onLine" ? :-)

Zbyt skrótowo opisujesz to co chcesz uzyskać.

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.