DIV problem z wyswietleniem

juli126 · Post autor: **juli126** » 04 lip 2011, 01:25:14

Witam, mam problem z tagiem div

chce zrobić tabelkę z diva, gdzie w linii będą 4 divy ze zdjęciami i następnie przejść do nowej linii i znowu wyświetlić 4 divy ze zdjęciami itp.

Kod jaki mam wyświetla mi 4 divy w linii, ale nie są one równe, następnie robię <br> ale to wszystko w sumie się sypie

Kod: Zaznacz cały

echo "<div id='photos'>";
        while ($r = mysql_fetch_array($result)) {
            $i++;
            echo "<div id='photo'>";
            echo "<a href='http://www.krystiantoporek.cba.pl/photos/photosGallery.php?name=" . $r['name'] . "'> 
           <img src='http://www.krystiantoporek.cba.pl/photos/photosGalleryM/" . $r['name'] . "' title='" . $r['name'] . "' alt='" . $r['name'] . "' /></a>";
            echo "</div>";
            
            if ($i >= 4) {
                echo"<br/>";
                $i = 0;
            }
        }
         echo"</div>";

Kod: Zaznacz cały

#photos{/* wyswietlanie zdjec*/
        
        background-color: red;
    width: 790px;
    height: 950px;    
    overflow: hidden;      
}

#photo{
        
        width: 190px;
    height: 190px;
    border: solid 1px #ccc;
    display: inline-block;
    letter-spacing: normal;
    
    
}

ma ktoś może pomyła jak to zrobić ???

Post autor: **fuma** » 04 lip 2011, 06:35:44

juli126 nie mozesz kilku elementom nadawac tego samego id, dla tych div'ow co maja byc po cztery (photo) albo daj class="photo" albo nic nie dawaj i formatuj je odwolujac sie w arkuszu css do #photos.div {}. Ponadto nie potrzebujesz <br>, wystarczy ze w photos dodasz np. clear:both; margin; 1em 0;

juli126 · Post autor: **juli126** » 04 lip 2011, 10:00:18

Zapomniałem o tym, że id muszą być unikalne

dzięki za odpowiedz, ale nie działa twój sposób, ponieważ wyświetla mi po jednym divie

Kod: Zaznacz cały


   #photos{/* wyswietlanie zdjec*/

    background-color: red;
    width: 790px;
    height: 950px;    
    overflow: hidden;        
}

#photos div {
    width: 180px;
    height: 180px;
    border: solid 1px #ccc;
    display: inline-block;
}

Niestety pierwszy div jest niżej od 3 następnych

LaY · Post autor: **LaY** » 04 lip 2011, 10:44:02

#photos.div{}
Zgubiłeś kropkę

juli126 · Post autor: **juli126** » 04 lip 2011, 10:52:10

jak dam z kropkę to wtedy nie formatuje mi diva.

Chce zrobić wyświetlanie zdjęć miniaturek w rozdzielczość 160x120 i 120x160 i wymyśliłem ze zrobię to w divach.
Chce jeszcze żeby div ze zdjęciem miał rozmiar 180x180 i żeby było w nim zdjęcie wyśrodkowane w pionie i poziomie.
Szkielet pomysłu to:

Kod: Zaznacz cały

<div id="photos">
    <div>zdjecie1</div>
    <div>zdjecie2</div>
    <div>zdjecie3</div>
     <div>zdjecie4</div>
<br>
    <div>zdjecie5</div>
    <div>zdjecie6</div>
    <div>zdjecie7</div>
     <div>zdjecie8</div>
</div>

kod PHP ktory to wykonuje

Kod: Zaznacz cały

  echo "<div id='photos'>";
        while ($r = mysql_fetch_array($result)) {
            $i++;
            echo "<div>";
            echo "<a href='http://www.krystiantoporek.cba.pl/photos/photosGallery.php?name=" . $r['name'] . "'> 
            <img src='http://www.krystiantoporek.cba.pl/photos/photosGalleryM/" . $r['name'] . "' title='" . $r['name'] . "' alt='" . $r['name'] . "' /></a>";
            echo "</div>";            
            if ($i >= 4) {
                echo"<br/>";
                $i = 0;
            }
        }

formatowanie div:

Kod: Zaznacz cały

#photos{/* wyswietlanie zdjec*/

    background-color: red;
    width: 790px;
    height: 950px;    
    overflow: hidden;        
}

#photos div {
    margin: 0px auto;
    vertical-align:middle;
    width: 180px;
    height: 180px;
    border: solid 1px #ccc;
    display: inline-block;
}

Jeśli ma ktoś pomysł i chce się podzielić i z góry wielkie dzięki.
Aktualnie wyglada to tak:
http://www.krystiantoporek.cba.pl/photos/photos.php

Hosting CBA.pl

Forum

DIV problem z wyswietleniem

DIV problem z wyswietleniem

Re: DIV problem z wyswietleniem

Re: DIV problem z wyswietleniem

Re: DIV problem z wyswietleniem

Re: DIV problem z wyswietleniem

Oferta

Ważne

Firma

Newsletter