Z góry przepraszam za nie skorzystanie ze wzoru formularza, ale mój problem wydaje się mięć zupełnie inną budowę...
PROSZĘ O NIEKASOWANIE MOJEGO TEMATU I POMOC!

Wracając do tematu:
Witam Miałem koncepcję na opracowanie dwóch nowych BBCode'ów... Jeden miał tworzyć ramkę (z obrazka *.png) na obrazek (podany przez usera adres URL), czyli jednym słowem nanoszenie pliku *.png na obrazek użytkownika. Na zdjęciu jest to obrazek z ciężarówką...

Drugim BBCode'em miało być coś w rodzaju panelu, na którym pojawi się tekst wpisany przez użytkownika... Dla przykładu wartości "NO" i "2.2.4" są wpisane przez autora postu.

A mianowicie:


Kod HTML pierwszego BBCode'a (obrazek z ramką):

Kod: Zaznacz cały

<div><img width="820px" height="640px" src="{URL}"><img class="watermark" width="820px" height="640px" src="images/watermark.png"></div>

Kod HTML drugiego BBCode'a (szarawy <div> z napisem m.in. z3d file):

Kod: Zaznacz cały

<div class="infoz3d"><p class="infoz3d_text1">{SIMPLETEXT1}</p><br><p class="infoz3d_text2">{SIMPLETEXT2}</p></div>

Zawartość pliku colours.css:

Kod: Zaznacz cały

img.watermark {
   position: absolute; left: 403px;
}

div.infoz3d {
   display: block;
   background: url("images/infoz3d.png") 0 100% repeat-x;
   height: 65px;
   font-size: 24px;
}

p.infoz3d_text1 {
   position: absolute; left: 663px;
   margin: -2px 0px;
   font-family: Arial Narrow;
   color: #575757;
}

p.infoz3d_text2 {
   position: absolute; left: 720px;
   margin: 5px 0px;
   font-family: Arial Narrow;
   color: #575757;
}

Z czym mam problem?
Na mojej rozdzielczości 1920x1080 wszystko wygląda równo (czyli tak jak na zdjęciu), ale już na mniejszych wszystko zaczyna się rozsypywać Nie wiem co zrobić. Bardzo proszę o pomoc! B. mi na tym zależy!

Demo: http://truckstore.eu5.org/nowe%20forum/ ... t=1&p=5#p5 (wszystko wygląda dobrze jedynie przy 1920x1080)

wszystko przez: position: absolute;
odnosi sie do lewego górnego rogu okna przeglądarki.
przerób piksele na procenty i zobacz czy pomoże

Niestety, zamiana na % nic nie dała...
P.S. Nadal proszę o propozycje

Kod: Zaznacz cały

<div style="height: {height}px; width: {width}px; background: url({URL});">
    <div style="background: url(images/watermark.png);"></div>
</div>


{height}, {width} nie istnieją, zamień domyślnymi wartościami albo dodaj do argumentów bbcode'a

FaTaL.92 napisał(a):

Kod: Zaznacz cały

<div style="height: {height}px; width: {width}px; background: url({URL});">
    <div style="background: url(images/watermark.png);"></div>
</div>


{height}, {width} nie istnieją, zamień domyślnymi wartościami albo dodaj do argumentów bbcode'a

Twój wpis zamieniłem w ten sposób http://www.fotoszok.pl/upload/a8cefcd7.jpg

Niestety ramki nie widać (przynajmniej na mojej rozdzielczości)

a zdjęcie widać ?

FaTaL.92 napisał(a):a zdjęcie widać ?

Tak

daj zamiast   images/watermark.png   direct link do tego obrazka, coś w stylu   http://domena.pl/style/twojstyl/images/watermark.png  
jakoś tak, nie pamiętam dokładnie

FaTaL.92 napisał(a):daj zamiast   images/watermark.png   direct link do tego obrazka, coś w stylu   http://domena.pl/style/twojstyl/images/watermark.png  
jakoś tak, nie pamiętam dokładnie

Dokładnie pod tym adresem znajduje się obrazek: http://www.truckstore.eu5.org/nowe%20fo ... ermark.png
Pełny adres wpisałem również we właściwościach BBCode'a... i nic Tym razem obrazek jest, ramki znowu nie ma.

P.S. A może moja metoda jest dobra? Tylko wystarczyłoby zamienić "absolute" na jakiś inny parametr...

my bad

Kod: Zaznacz cały

<div style="height: 640px; width: 820px; background: url({URL});">
    <div style="height: 640px; width: 820px; background: url(http://truckstore.eu5.org/nowe%20forum/images/watermark.png);"></div>
</div>

Autor postu otrzymał pochwałę