[CSS]rozmiar obrazu w divie o okreslonym rozmiarze Opcje

[achill]

Krotka piłka, chcę się upewnic, że nie ma innego wyjścia

Mam taki kodzik w index.php (to wszystko z wewnatrz body)

CODE

<div id="logindex">
Welcome
</div>
<a href="home.php">Start</a>

CSS

CODE

#logindex {
background: url(parch.png);
margin-left: auto;
margin-right: auto;
width: 500px;
height: 500px;
}

probuje ustalic szerokość i wysokośc obrazu - jest wiekszy niz obszar DIVa a chce zeby sie w nim miescil - bez koniecznosci zmiany rozmiaru pliku lub wstawiania <img> w tresci strony

jak dla mnie opcje sa trzy:

1) da sie jakos przypisac szerokosc i wysokosc obrazka do wartosci background. wewnatrz tego diva - tyle ze powstaje konflikt bo div ma juz wartosci width i height

czy jest zatem jakas mozliwosc dodania tego w podobny sposob? obstawiam ze nie (IMG:style_emoticons/default/sad.gif)

2)mozna przypisac wartosci background - zmieszczenie pliku w rozmiarze diva z automatu - bez opisywania wartosci height i width

3) albo wstawic <img...> w htmlu - czego chcialbym uniknac jesli to mozliwe

[r4xz]

jeśli dobrze cię zrozumiałem to wystarczy dla logindex dać width i height równe szerokości i wysokości obrazka.

[achill]

no niby tak ale jak napisałem w pkt 1

nie działa w ten sposob bo w tym divie jest juz width i height wiec zdublowanie tych wartosci powoduje ze nic sie nie wyswietli
nalezalo by to jakos przypisac do background tyle tylko ze juz sam nie wiem jak: probowalem juz rzeczy pod tytulem background height:, bcgrnd width: (ale css nie przewiduje nawet takich opcji - a przynajmniej mi to nic nie dalo)

zastanawiam sie czy jest jakis sposob zeby w obrebie jednego stylu mozna bylo opisac szerokosc i wysokosc i diva i obrazka stanowiacego jego tlo.

[f1xer]

nie możesz manipulować rozmiarem tła z poziomu CSS

[thek]

Rozmiarem tła jako takim nie można manipulować. Jedynie powtarzanie w pionie lub poziomie i ewentualna pozycja w kontenerze zawierającym. Szkoda, że nie można połączyć ewentualnego wywołania background-image i crop, bo to by rozwiązało sprawę. No ale niestety takie połączenie nie działa. Wielka szkoda, bo w opisywanym przypadku byś nie miał problemu.

[achill]

... i wszystko jasne. dzięki wielkie

[emillo91]

Witam. Napisałem skrypt który automatycznie ustala szerokość i wysokość uploadowanego avatara w polu profil użytkownika. Jego działanie polega na tym że pobiera on wymiary uploadowanego obrazka z katalogu useravatars i oblicza stosunek wysokości do szerokości (albo na odwrót) ,który będzie pasował do maksymalnej wysokości bądź szerokości ustalonej przeze mnie czyli 100px i wynik z obliczeń zapisuje w bazie mysql. Odświeżyłem ten temat bo nie chciałem zakałać drugiego a tutaj będzie on pasować i byćmoże pomoże innym w dostosowaniu tła zależnie od rozmiarów zdjęcia.

[PHP] pobierz, plaintext 
$wymiary = explode("x", $avatarwym); //Rozróżnienie szerokości i wysokości także pobranej z bazy mysql
                                                //Ustalanie warunku który uruchomi odpowiednie równanie
         if($sss[0]>$sss[1]){             // Jeśli wysokość jest większa niż szerokość           
         $proporcja = ($sss[1]/$sss[0]);
         $zaokragl = round($proporcja, 3); //Zaokrąglenie wyników do trzech miejsc po przecinku 
 
         $rownanie = ($zaokragl*100);
 
         $szerokosc = '100';
         $wysokosc = $rownanie;      //Wynik równania
 
       }
       if($sss[0]<$sss[1]){              // Jeśli wysokość jest mniejsza niż szerokość 
          $proporcja = ($sss[0]/$sss[1]);
          $zaokragl = round($proporcja, 3);
          $rownanie = ($zaokragl*100);
 
          $szerokosc = $rownanie;
          $wysokosc = '100';
 
       }
       if($sss[0]<100 && $sss[1]<100){   // Jeśli wysokość jest mniejsza od 100px i szerokość jest mniejsza od 100px 
 
          $szerokosc = $sss[0];
          $wysokosc = $sss[1];
       }
       else if($sss[0]%$sss[1] ==0){   // Jeśli wysokość i szerokość są takie same
 
 
          $szerokosc = $wymiary[0];
          $wysokosc = $wymiary[1];
       }
 
       if(empty($avatarwym)){       //warunek który zostaje spełniony kiedy w bazie mysql nie ma ustalonych wymiarów avatara
 
          mysql_query("UPDATE u_$loginzbazy SET wymiary ='".$szerokosc."x".$wysokosc."' WHERE nick = '$loginzbazy'") or die('błąd3');
        }
 
     $wymiary = explode("x", $avatarwym);
 
        if( $wymiary[0]>=60 && $wymiary[1]>=60){  //pomniejszenie rozmiarów avatara w profilu użytkownika przy spełnieniu warunku
          $szerokosc = ($wymiary[0]-20);
          $wysokosc = ($wymiary[1]-20);
       }
     $pozycjazdjecia = ($wysokosc/2);    // Tutaj zostaje ustalona szerokość diva i jego pozycja w pionie
     $szerokoscdiv = (713-$szerokosc);
 
 
      echo 
	 '<div style="float:left;width:'.$szerokosc.'px;height:'.$wymiary[1].'px;margin-top:-'.$pozycjazdjecia.'px;margin-left:3px;margin-right:3px;">';
          if(!empty($useravatar)){
             echo '<img src="useravatars/'.$useravatar.'" width="'.$szerokosc.'" height="'.$wysokosc.'" />';
            }
            else{
               echo '<img src="forummotyw/images/noavatar.png" width="50" height="50" />';
           }
          echo 
     '</div></div></div>';
[PHP] pobierz, plaintext 

Chodzi mi o to czy mógłbym jeszcze usprawnić ten skrypt i czy warunki są dobrze wykonane czyli czy się nie powtarzają itp.
Od razu piszę że skrypt automatycznie ustala rozmiar zdjęcia który nigdy nie będzie większy niż 100px X 100px i wynik zapisuje w bazie mysql. Dla testów udostępniam demo tylko że tutaj można wisywać rozmiar obrazka z tym że "x" oddzielający szerokość od wysokości musi być mały i nie może być spacji.
demo

Dla przykładu:
350x100
150x100
30000x150000

Skrypt nie zadziała jeśli szerokość będzie wynosić np 1000px a wysokość 1px ( za mało instrukcji (IMG:style_emoticons/default/biggrin.gif) );

EDIT:
Propo edycji postu nie wiem czy o takie coś chodziło (IMG:style_emoticons/default/wink.gif)

Ten post edytował emillo91 28.06.2013, 22:14:58

[b4rt3kk]

Jeśli możesz to edytuj post i zastąp znacznik CODE znacznikiem PHP, bo tak to ciężko czytać.