Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> szeregowanie zdjęć
karis
post 23.01.2009, 13:32:51
Post #1





Grupa: Zarejestrowani
Postów: 217
Pomógł: 2
Dołączył: 23.12.2008

Ostrzeżenie: (0%)
-----


Mam mały problem.

Bo zdjęcia które mam, wyświetlają się obok siebie ładnie.

  1. <div style="float: left;">
  2. <div class="icon">
  3. <a href="gal.php?do=<?=$id; ?>"><img border="0" src="<?=$miniatura; ?>"><span><?=$opis; ?><br /></span></a>
  4. </div>
  5. </div>



ale jak zdjęcie ma mniejsze wymiary to wtedy to wyświetrla sie koślawo

załączam css'a

Kod
#panel {text-align:center;vertical-align:middle;padding:0px 0px 3px 0px;}
#panel div.icon {margin:3px}
#panel div.icon a {display: block;float: left;padding:2px 5px 1px 5px;background:#fff;border:1px solid #f0f0f0;color:#555;vertical-align:middle;text-decoration:none;}
#panel div.icon a:hover {padding:3px 4px 0px 6px;border-left:1px solid #eee;border-top:1px solid #eee;border-right:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5;background:#f9f9f9;color:#3c9b4a; background-image: url(images/shade-sidebar.png);}
#panel div.icon img { margin-top:13px; }
#panel div.icon span { display:block; padding-top:3px;}

#panel2 {text-align:center;vertical-align:middle;padding:0px 0px 3px 0px;}
#panel2 div.icon {margin:3px;}
#panel2 div.icon a {display: block;float: right;padding:2px 5px 1px 5px;background:#fff;border:1px solid #f0f0f0;color:#555;vertical-align:middle;text-decoration:none;}
#panel2 div.icon a:hover {padding:3px 4px 0px 6px;border-left:1px solid #eee;border-top:1px solid #eee;border-right:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5;background:#f9f9f9;color:#3c9b4a; }
#panel2 div.icon img { margin-top:13px; }
#panel2 div.icon span { display:block; padding-top:3px;}


mógłby ktoś zaproponować jakieś rozwiązania, by te miniaturki wraz z opisem były wyświetlane prosto i równo bez względu na rozmiar minitaurek?
Go to the top of the page
+Quote Post
wookieb
post 23.01.2009, 13:57:01
Post #2





Grupa: Moderatorzy
Postów: 8 989
Pomógł: 1550
Dołączył: 8.08.2008
Skąd: Słupsk/Gdańsk




Daj ustalone wymiary (maksymalny rozmiar miniaturki + pare pixel dla marginesu) dla divow
Kod
#panel div.icon {margin:3px; width: 100px; height: 100px;}


--------------------
Go to the top of the page
+Quote Post
karis
post 23.01.2009, 14:04:55
Post #3





Grupa: Zarejestrowani
Postów: 217
Pomógł: 2
Dołączył: 23.12.2008

Ostrzeżenie: (0%)
-----


niestety to nie pomaga nadal
Go to the top of the page
+Quote Post
wookieb
post 23.01.2009, 14:10:07
Post #4





Grupa: Moderatorzy
Postów: 8 989
Pomógł: 1550
Dołączył: 8.08.2008
Skąd: Słupsk/Gdańsk




Pokaż screena co się dzieje. A najlepiej link do strony wtedy dostaniesz odpowiedź błyskawicznie.


--------------------
Go to the top of the page
+Quote Post
karis
post 23.01.2009, 14:15:04
Post #5





Grupa: Zarejestrowani
Postów: 217
Pomógł: 2
Dołączył: 23.12.2008

Ostrzeżenie: (0%)
-----


Oto link

http://grzemia.home.pl/aa.html

Powinnno być tak jak na samym dole a jak są mniejsze obrazki to się rozwala i jest nierówno

//EDIT

powinno byc tak

http://grzemia.home.pl/aa1.html

Ten post edytował karis 23.01.2009, 14:17:04
Go to the top of the page
+Quote Post
wookieb
post 23.01.2009, 14:24:21
Post #6





Grupa: Moderatorzy
Postów: 8 989
Pomógł: 1550
Dołączył: 8.08.2008
Skąd: Słupsk/Gdańsk




Są to dane które mozna uznać za tabelaryczne. Chociaż nie jestem ich zwolennikiem to własnie ich polecam ci uzyc. Dzieki temu bedzie ci dzialalo.
Daj vertial-align: middle dla td
twoje linki daj na display: inline-block;
I bedzie działało.


--------------------
Go to the top of the page
+Quote Post
karis
post 23.01.2009, 14:26:11
Post #7





Grupa: Zarejestrowani
Postów: 217
Pomógł: 2
Dołączył: 23.12.2008

Ostrzeżenie: (0%)
-----


jak wstawię tabelke to cała strona mi się rozwali, można coś z tym innego zrobić?

np tak jak jest na naszej klasie
Go to the top of the page
+Quote Post
wookieb
post 23.01.2009, 14:28:15
Post #8





Grupa: Moderatorzy
Postów: 8 989
Pomógł: 1550
Dołączył: 8.08.2008
Skąd: Słupsk/Gdańsk




To źle wstawiasz tą tabelke.
Nasza-klasa też tam ma tabelke.


--------------------
Go to the top of the page
+Quote Post
karis
post 23.01.2009, 14:29:30
Post #9





Grupa: Zarejestrowani
Postów: 217
Pomógł: 2
Dołączył: 23.12.2008

Ostrzeżenie: (0%)
-----


Możesz zamieścić kod jak mam to zrobic?
Go to the top of the page
+Quote Post
wookieb
post 23.01.2009, 14:35:50
Post #10





Grupa: Moderatorzy
Postów: 8 989
Pomógł: 1550
Dołączył: 8.08.2008
Skąd: Słupsk/Gdańsk




Wejdź na naszą klasę smile.gif
Lecz jednak znalazłem cos co cie zainteresuje smile.gif http://www.phpied.com/center-an-image-with-css/


--------------------
Go to the top of the page
+Quote Post
karis
post 23.01.2009, 15:11:19
Post #11





Grupa: Zarejestrowani
Postów: 217
Pomógł: 2
Dołączył: 23.12.2008

Ostrzeżenie: (0%)
-----


To co mi wysłałeś jest dobre, ale chcę też pod zdjęciem umieszczać podpis a w IE bedzie on miał 181pt to stanowczo za dużo,

Bardzo proszę gdybyś mógł mi ten kod dać z tymi tabelkami i cssem
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 10.07.2025 - 06:50