Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS][HTML] Kilka elementów graficznych w jednym div
Forum PHP.pl > Forum > Po stronie przeglądarki
nithajasz
Mam taki problem, klient zarzyczył sobie dość rozbudowaną graficznie stronę i mam problem z jednym aspektem tego. Mianowicie mam część do wyświetlania treści dajmy na to <div id="tresc"> i w skład niej wchodzą 3 elementy graficzne: góra, środek i dół. Wielkość tego diva jest niestandardowa zależna od długości tekstu.

Ma ktoś pomysł jak rozwiązać to tak by tekst pojawiał się zarówno na tle środkowej grafiki (cienki pasek repeat-y) i na dolnej części? Bo na tym mu zależy.
Nie wiem może da się jakoś do diva wrzucić dwie różne grafiki jako tło i wypozycjonować je przykładowo top, bottom?
Shili
Jeśli dół ma ustaloną wysokość można to zrobić mniej więcej w ten sposób:

  1. <div style="width: 150px; margin: 0; padding: 0; position: relative;">
  2. <img style="width: 100%; height: 15px; background: red;" />
  3. <div style="z-index: 10; position: relative;">
  4. simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature,
  5. </div>
  6. <img style="width: 100%; height: 15px; background: yellow; position: relative; top: -15px; left: 0; z-index: 1;" />
  7. </div>


odnośnie @down
Ech, jednak faktycznie przekombinowuję trochę, chyba czas iść spać ^^
sobstel
Cytat(nithajasz @ 21.06.2008, 01:16:58 ) *
Nie wiem może da się jakoś do diva wrzucić dwie różne grafiki jako tło i wypozycjonować je przykładowo top, bottom?


zrób 2 zagnieżdżone divy :
  1. <div class="tlo-dolne">
  2. <div class="tlo-gorne">
  3. assda
  4. </div>
  5. </div>
nithajasz
No właśnie coś takiego kombinuje. Tylko kwestia, tego że tło dolne jest nakrywane tym tłem górnym.

Może bardziej obrazowo.

Mam przypuścmy jakiś tekst i tło diva powiela się wraz z długością tego tekstu. Więc jak dam diva z tłem dolnym a w nim zagnieżdze diva z treścią to tło dolne będzie automatycznie nakrywane, albo w nim nie pojawi się nawet litera.

Da się jakoś ograniczyć repeat by np. w ostatnich 20 px diva nie powielał już tła?

Edit. Problem rozwiązany. Ale swoją drogą pytanie o wstrzymanie repeat mnie nurtuje dalej.
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.