[CSS][PHP]problem css, wyswietlanie zdjec Opcje

[Mastersieciweb]

Witam mam problem z wyswietlaniem zdjec ktore wczytuje z serwera. Za pomocą CSS'a chciałbym umieścić je na mojej stronie tak zeby tworzyły tabele lub chociażby jedno pod drugim, a tymczasem nakładają mi się jedno na drugie i nie wiem jak to zmienić hm.. Problem jest też taki że na mojej stronie żeby zdjęcia nie kolidowały z nagłówkiem, tłem itp muszą mieć pozycje 'absolute' i nie wiem jak to połączyć.. to mój kod który umiejscawia mi zjęcia na stronie, niestety jedno na drugim bo wszystkie zdjęcia zaczyna pozycjonować od tej samej wartości..

[HTML] pobierz, plaintext 
<?php
function wyswietlanie_zdjec_uzytkownika2(){
 
 
    $d = dir('../zdjecia/'.$_SESSION['prawid_uzyt'].'/');
 
    while (false !== ($entry = $d->read())) {
?>
<div id="zdj"> 
<?php
echo '<img src="../zdjecia/'.$_SESSION['prawid_uzyt'].'/'.$entry.'"/><br />';
?> 
</div>
 <style>
 #zdj{position:absolute; margin-top:300px; margin-left:200px; }  
 </style>
<?php
    }
    $d->close();
 
 
    }
    ?>
 
 
[HTML] pobierz, plaintext 

Ten post edytował Mastersieciweb 24.04.2014, 22:18:42

[Mega_88]

[HTML] pobierz, plaintext 
#zdj{position:absolute; margin-top:300px; margin-left:200px; } 
[HTML] pobierz, plaintext 

poczytaj o position: w css, zmień fragment kodu na to co poniżej i zobacz co się stanie:

[HTML] pobierz, plaintext 
.zdj{float:left;margin-top:300px; margin-left:200px; } 
[HTML] pobierz, plaintext 

i nie <div id="zdj"> tylko <div class="zdj">


EDIT:

Nie doczytałem, ale uwaga odnośnie div id a div class aktualna.

Możesz na przykład co jeden wynik z pętli do margin-left dodawać 220px i wtedy pierwsze będzie 220 drugie 440 i tak dalej

$licz++

Ten post edytował Mega_88 24.04.2014, 23:03:59

[Turson]

Nie używaj pozycji absolutnej tam gdzie nie ma potrzeby. Dla img nadaj styl display:block

[Mastersieciweb]

tez tak własnie myślałem tylko jak umieścic kod php w CSS'ie?.. bo to nie działa:

[HTML] pobierz, plaintext 
 
<?php
function wyswietlanie_zdjec_uzytkownika2(){
 
 
    $d = dir('../zdjecia/'.$_SESSION['prawid_uzyt'].'/');
    $k=1;
    while (false !== ($entry = $d->read())) {
    $k++;
    $kk=$k*100;
?>
<div class="zdj"> 
 
 
<?php
echo '<img src="../zdjecia/'.$_SESSION['prawid_uzyt'].'/'.$entry.'"/><br />';
?> 
</div>
 <style>
 .zdj{position:absolute; margin-top:300+<?php $kk ?>+px; margin-left:200px; }  
 </style>
<?php
    }
    $d->close();
 
 
    }
    ?>
 
 
 
[HTML] pobierz, plaintext 

Ten post edytował Mastersieciweb 25.04.2014, 08:53:57

[IProSoft]

Nie

[PHP] pobierz, plaintext 
300+<?php $kk ?>+
[PHP] pobierz, plaintext 

a

[PHP] pobierz, plaintext 
<?php echo ( $kk + 300 ) ?>
[PHP] pobierz, plaintext 

[Turson]

nie
<style>
.zdj{position:absolute; margin-top:300+<?php $kk ?>+px; margin-left:200px; }
</style>

ale bezposrednio w <img style=

[Mastersieciweb]

nie moge tego zrobic.. próbuje tak:

[HTML] pobierz, plaintext 
<?php
function wyswietlanie_zdjec_uzytkownika2(){
 
 
    $d = dir('../zdjecia/'.$_SESSION['prawid_uzyt'].'/');
    $k=1;
    while (false !== ($entry = $d->read())) {
    $k++;
    $kk=$k*100;
 
 
echo '<img src="../zdjecia/'.$_SESSION['prawid_uzyt'].'/'.$entry.'" style="position:absolute; margin-top:300+'.$kk.'+px"/>';
 
 
 
 
    }
    $d->close();
 
 
    }
    ?>
 
[HTML] pobierz, plaintext 

ta zmienna $kk chyba nie działa jak bym chciał.. albo źle zapisałem.. co mówicie o tym...

Ten post edytował Mastersieciweb 25.04.2014, 09:44:12

[Turson]

Kliknij prawym przyciskiem myszy na zdjęcie i 'Zbadaj element'. Zobacz, że styl jest zły, mianowicie: style="margin-top:300+'.$kk.'+px"/>';
+px ? dodać masz w PHP. Aktualnie to daje ci coś w deseń: margin-top:300+10+px

Ten post edytował Turson 25.04.2014, 09:43:57

[Mastersieciweb]

tylko pokazuje mi position:absolute teraz a co do margin-top to nie ma w ogóle..

to jak to w końcu dodać

Ten post edytował Mastersieciweb 25.04.2014, 09:46:45

[Turson]

[PHP] pobierz, plaintext 
$margin = 300+$kk;
echo '<img src="../zdjecia/'.$_SESSION['prawid_uzyt'].'/'.$entry.'" style="display:block;margin-top:'.$margin.'px"/>';
[PHP] pobierz, plaintext 

Ten post edytował Turson 25.04.2014, 09:52:00

[Mastersieciweb]

aaa już jest dobrze:) dziękuje:)

mam jeszcze pytanie, na mojej stronie wszystko ładnie wyswietla jak chciałem, zdjęcia ustwia tak jak chciałem ale ten kod tworzy mi jedno zdjecie nieistniejące przed moimi prawdziwymi i jedno nieistniejące po moich zdjęciach.. czyli powiedzmy mam 5 zdjęć na serwerze a wyświetla mi dwa 'puste' dodatkowo które nie istnieją, co powoduje że to brzydko wygląda.. jak się tego pozbyć?..oto kod:

[PHP] pobierz, plaintext 
 
function wyswietlanie_zdjec_uzytkownika2(){
 
 
    $d = dir('../zdjecia/'.$_SESSION['prawid_uzyt'].'/');
    $k=0;
    $ke=0;
    $wys=190;
    while (false !== ($entry = $d->read())) {
 
 
    $margin =$ke;
    echo '<img src="../zdjecia/'.$_SESSION['prawid_uzyt'].'/'.$entry.'" 
    style="position:absolute;
    margin-top:'.$wys.'px; 
    width:180px; 
    margin-left:'.$margin.'px"/>';
 
 
    $k++;
    $ke=200*$k;
 
 
 
 
    if ($margin>700){
    $ke=0;
    $k=0;
    $wys=$wys+190;}
 
 
 
    }
    $d->close();
    ko 
 
    }
    ?>
 
[PHP] pobierz, plaintext 

ten 'if' zrobiłem po to żeby obrazki wyswietlało w następnej linii, na moje stronie mieszcza się tylko cztery zdjęcia, a potem ustawiam je pod nimi od początku żeby wyświetlały się tworząc taką 'tabelke' podobnie jak w googlach(grafice) wyswietlają się zdjęcia, tylko tutaj mniej skomplikowanie bo prawdopodobnie jak ktoś doda zdjęcie co jest bardzo wysokie to wejdzie na to co jest pod spodem, póki co chce usunąć te dwa puste.. Na serwerze patrzyłem..tylko są zdjęcia, nic więcej np 5 zdjęć, a na stronie wyświetla 7 plików.. nie wiem dlaczego tworzy dwa nieistnijące o tej samej wielkości obrazki, puste do których nawet dostępu nie ma ale parametry mają według mojej funkcjii

Ten post edytował Mastersieciweb 25.04.2014, 11:48:20

[Turson]

Wrzucaj PHP w BBCode PHP bo się tego czytać nie da.
Może obrazka nie znaleziono na serwerze i dlatego nie wczytuje.
Po co ten if na końcu?