Witamy na forum PC Format Zapraszamy do REJESTRACJI


Użytkownicy przeglądający ten wątek: 1 gości

Proszę o pomoc z galerią zdjęć

#1
Proszę o pomoc z galerią zdjęć
Proszę Was młodych, spryciarzy i fachmanów w dokonaniu edycji kodu. Jestem stary, niestety, straciłem pracę, chciałbym wysłać stronę internetową do brata w Niemczech, m.inn. z galerią grafik. Menu boczne po lewej stronie jest rozrzucone, start,cv,o mnie, kontakt nie jest równo po sobie, występują nie potrzebne odległości pomiędzy nimi. Poza tym chciałbym umieścić skrypt lightbox, ściągnąłem go już, to jest prosta strona, nie mam osobnego pliku css. Proszę mi napisać, co mam zrobić, tylko prostym, zrozumiałym językiem.
Kod:
<title>
Galeria
</title>



</head>






<body>


<table >
<tr><td colspan="2" >  <img src="baner.png"></td> </tr></td>
<tr><td> <a href="index.html"><img src="start.png"style="float:left;"> </a></td>

<td  style="width:1000; vertical-align:top" rowspan="5 " >

Grafika komputerowa, edycja zdjęć to wspaniała zabawa, pozwala się odprężyć psychicznie, wyluzować, pośmiać.<br><br>



<a href="grafika/koncert.png"><img src="grafika/koncertmale.png"></a>
<a href="grafika/angus.png"><img src="grafika/angusmale.png"></a>
<a href="grafika/bracia.png"><img src="grafika/braciamale.png"></a><br><br>

<a href="grafika/hania2.png"><img src="grafika/hania2male.png"></a>
<a href="grafika/hania.png"><img src="grafika/haniamale.png"></a>
<a href="grafika/rower.png"><img src="grafika/rowermale.png"></a><br><br>
----------------------------------------

 </td></tr>
<tr><td> <a href="omnie.html"><img src="omnie.png"style="float:left;"> </a>
</td> </tr>

<tr><td><a href="cv<li></li>.html"><img src="CV.png" style="float:left;"></a></td></tr>
<tr><td><a href="galeria.html"><img  src="galeria.png" style="float:left;"></a></td></tr>
<tr><td><a href="kontakt.html"><img src="kontakt.png" style="float:left;">

<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>


</a></td></tr>




</table>














</body>

</html>
 System operacyjny: windows_ten Przeglądarka: firefox
#2
RE: Proszę o pomoc z galerią zdjęć
Tak na szybko wrzuciłem do edytora Tinymce i wyszło całkiem zgrabnie.
Pięć pozycji menu, po trzy obrazki w dwóch rzędach. Brakuje atrybutów alt; niepotrzebnie jest <li></li></html>
Ta strona ma właściwie do czego służyć?
Takie proste strony to robi się w specjalnym programie (jak Incomedia websitex5) lub CMS Joomla lub Wordpress.
[Obrazek: userbarpcf.gif]
 System operacyjny: android Przeglądarka: firefox
#3
RE: Proszę o pomoc z galerią zdjęć
Dziękuję, że się tej spraawie przyjrzałeś, niestety, to nie to. Z tego co wiem, atrybut alt jest istotny dla robotów googla, żeby ją indeksować, gdzieś jednak jest błąd, nie umiem go znaleźć. Zobacz - http://wstaw.org/w/40Qd/ menu jest "rozstrzelone", odległości, ogólnie " gemela". Spójrz na kod -
head>

<meta http-equiv="content-type" content="text/html; charset=iso-8859-2">


<title>
Galeria
</title>
    <link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
    
    <script src="js/prototype.js" type="text/javascript"></script>
    <script src="js/scriptaculous.js?load=effects,builder" type="text/javascript"></script>
    <script src="js/lightbox.js" type="text/javascript"></script>

    <style type="text/css">
        body{ color: #333; font: 13px 'Lucida Grande', Verdana, sans-serif;    }
    </style>

</head>

<body>


<table >
<tr><td colspan="2" >  <img src="baner.png"></td> </tr></td>
<tr><td> <a href="index.html"><img src="start.png"style="float:left;"> </a></td>

 <td  style="width:1000; vertical-align:top" rowspan="5 " >

Grafika komputerowa, edycja zdjęć to wspaniała zabawa, pozwala się odprężyć psychicznie, wyluzować, pośmiać.<br><br>





<a href="grafika/koncert.png"><img src="grafika/koncertmale.png" alt="gimp/fotomontaż"></a>
<a href="grafika/angus.png"><img src="grafika/angusmale.png" alt="gimp/fotomontaż"></a>
<a href="grafika/bracia.png"><img src="grafika/braciamale.png" alt="gimp/fotomontaż"></a>

<a href="grafika/autoportret.png"><img src="grafika/autoportretmale.png" alt="gimp/fotomontaż"></a>
<a href="grafika/hania.png"><img src="grafika/haniamale.png" alt="gimp/fotomontaż"></a>
<a href="grafika/rower.png"><img src="grafika/rowermale.png" alt="gimp/fotomontaż"></a>

<a href="grafika/poszukiwany.png"><img src="grafika/poszukiwanymale.png" alt="gimp/fotomontaż"></a>
<a href="grafika/kaska.png"><img src="grafika/kaskamale.png" alt="gimp/fotomontaż"></a>
<a href="grafika/hak.PNG"><img src="grafika/hakmale.PNG" alt="gimp/fotomontaż"></a>

<a href="grafika/lech.png"><img src="grafika/lechmale.png" alt="gimp/fotomontaż"></a>
<a href="grafika/mis.png"><img src="grafika/mismale.png" alt="gimp/fotomontaż" ></a>
<a href="grafika/ROGER.png"><img src="grafika/ROGERmale.png" alt="gimp/fotomontaż"></a>
 
<a href="grafika/admin3.png"><img src="grafika/admin3male.png" alt="gimp/fotomontaż"></a>
<a href="grafika/graffiti.png"><img src="grafika/graffitimale.png"></a>
<a href="grafika/rehabitacja.png"><img src="grafika/rehabitacjamale.png"></a>
 
<a href="grafika/jureckbi.png"><img src="grafika/jureckbimale.png"></a>
<a href="grafika/kostka.JPG"><img src="grafika/kostkamale.JPG"></a>
<a href="grafika/katar.png"><img src="grafika/katarmale.png"></a>
<a href="grafika/koncert.png"><img src="grafika/koncertmale.png"></a>
<a href="grafika/angus.png"><img src="grafika/angusmale.png"></a>
<a href="grafika/bracia.png"><img src="grafika/braciamale.png"></a>

<a href="grafika/hania2.png"><img src="grafika/hania2male.png"></a>
<a href="grafika/hania.png"><img src="grafika/haniamale.png"></a>
<a href="grafika/rower.png"><img src="grafika/rowermale.png"></a>

<a href="grafika/poszukiwany.png"><img src="grafika/poszukiwanymale.png"></a>
<a href="grafika/kaska.png"><img src="grafika/kaskamale.png"></a>
<a href="grafika/hak.png"><img src="grafika/hakmale.png"></a>

<a href="grafika/lech.png"><img src="grafika/lechmale.png"></a>
<a href="grafika/mis.png"><img src="grafika/mismale.png"></a>
<a href="grafika/ROGER.png"><img src="grafika/ROGERmale.png"></a>



<a href="grafika/klisza.png"><img src="grafika/kliszamale.png"></a>
<a href="grafika/2maj.png"><img src="grafika/2majmale.png"></a>
<a href="grafika/maj2.png"><img src="grafika/maj2male.png">






</a></td></tr>
 <tr><td> <a href="omnie.html"><img src="omnie.png"style="float:left;"> </a>
</td> </tr>
 
<tr><td><a href="cv.html"><img src="CV.png" style="float:left;"></a></td></tr>
<tr><td><a href="galeria.html"><img  src="galeria.png" style="float:left;"></a></td></tr>
<tr><td><a href="kontakt.html"><img src="kontakt.png" style="float:left;">

<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>


</a></td></tr>




</table>






 







 </body>

</html>

Proszę Cię, wskaż gdzie jest źle? Idę teraz do lekarza, wrócę za ok. 2 h.
 System operacyjny: windows_ten Przeglądarka: firefox
#4
RE: Proszę o pomoc z galerią zdjęć
Kod jest w porządku.
Jak wyglądają te pliki CV.png,galeria.png kontakt.png-może mają po prostu za dużo białego tła?
[Obrazek: userbarpcf.gif]
 System operacyjny: windows_ten Przeglądarka: firefox
#5
RE: Proszę o pomoc z galerią zdjęć
Wróciłem do pierwotnego stanu, czyli jest w miarę, zmniejszyłem te grafiki o połowę. Niestety, jak chcę wstawić skrypty lightboxa już jest "bieda", nie działa. Raxer, proszę Cię wskaż błąd - <html>


<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-2">


<title>
Galeria
</title>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
    
    
    <script src="js/prototype.js" type="text/javascript"></script>
    <script src="js/scriptaculous.js?load=effects,builder" type="text/javascript"></script>
    <script src="js/lightbox.js" type="text/javascript"></script>

    <style type="text/css">
        body{ color: #333; font: 13px 'Lucida Grande', Verdana, sans-serif;    }
    </style>

    
    
</head>

<body>


<table >
<tr><td colspan="2" >  <img src="baner.png"></td> </tr></td>
<tr><td> <a href="index.html"><img src="start.png"style="float:left;"> </a></td>

 <td  style="width:1000; vertical-align:top" rowspan="5 " >

Grafika komputerowa, edycja zdjęć to wspaniała zabawa, pozwala się odprężyć psychicznie, wyluzować, pośmiać.<br><br>






    

<a href="grafika/koncert.png" rel="ligtbox"<img src="grafika/koncertmale.png" alt="gimp/fotomontaż"></a>

<a href="grafika/angus.png" rel="ligtbox"<img src="grafika/angusmale.png" alt="gimp/fotomontaż"></a>

<a href="grafika/bracia.png" rel="ligtbox"<img src="grafika/braciamale.png" alt="gimp/fotomontaż"></a><br>


<a href="grafika/autoportret.png" rel="ligtbox"<img src="grafika/autoportretmale.png" alt="gimp/fotomontaż"></a>

<a href="grafika/hania.png" rel="ligtbox"<img src="grafika/haniamale.png" alt="gimp/fotomontaż"></a>

<a href="grafika/rower.png" rel="ligtbox"<img src="grafika/rowermale.png" alt="gimp/fotomontaż"></a><br>


<a href="grafika/poszukiwany.png" rel="ligtbox"<img src="grafika/poszukiwanymale.png" alt="gimp/fotomontaż"></a>

<a href="grafika/kaska.png" rel="ligtbox"<img src="grafika/kaskamale.png" alt="gimp/fotomontaż"></a>

<a href="grafika/hak.PNG" rel="ligtbox"<img src="grafika/hakmale.PNG" alt="gimp/fotomontaż"></a><br>



<a href="grafika/lech.png" ><img src="grafika/lechmale.png" alt="gimp/fotomontaż"></a>
<a href="grafika/mis.png"><img src="grafika/mismale.png" alt="gimp/fotomontaż" ></a>
<a href="grafika/ROGER.png"><img src="grafika/ROGERmale.png" alt="gimp/fotomontaż"></a><br>
 
 System operacyjny: windows_ten Przeglądarka: firefox
#6
RE: Proszę o pomoc z galerią zdjęć
Piszemy lightbox a nie ligtbox.
W CSS trzeba ustawić co ma być zmieniane
W CSS jest np reguła
<style type="text/css">
td {
color: #333; font: 13px 'Lucida Grande', Verdana, sans-serif; }
</style>
Wtedy zmieni man się <td
W praktyce to trudne.
[Obrazek: userbarpcf.gif]
 System operacyjny: windows_ten Przeglądarka: firefox
#7
RE: Proszę o pomoc z galerią zdjęć
Nic to nie daje, przedstawiam cały kod ze skryptem lightbox, szkoda jednak, że nie działa. Jeszcze raz proszę o poprawę - http://wklej.org/id/2663495/
Może znajdziecie błąd. Chcę do galerii jjuż istniejącej dodać grafiki i zastosować skrypt lightbox. W tym celu, żeby strona się nie wysypała zmniejszyłem o połowę grafiki.
 System operacyjny: windows_ten Przeglądarka: firefox
#8
RE: Proszę o pomoc z galerią zdjęć
Z ciekawości - dlaczego używasz tabeli do układania strony?
Pomagam zwiększyć widoczność w sieci. Wesoły

Każdy dzień bez forum to dzień stracony.
 System operacyjny: windows_seven Przeglądarka: chrome
#9
RE: Proszę o pomoc z galerią zdjęć
Ja bym to zrobił najszybciej i najprościej za pomocą gotowej galerii Bootstrap.

http://wklej.org/id/2772532/

Jeśli chcesz dodać kolejne zdjęcie dodaj tylko sekcje

<div class="item">
<img src="zdjecie.png" alt="">
<!-- Opis slajdu -->
<div class="carousel-caption">
<h3>OPIS GRAFIKI</h3>

</div>
</div>
 System operacyjny: windows_ten Przeglądarka: firefox
Programy: Polecane / Nowe / Inne




Podobne wątki (Proszę o pomoc z galerią zdjęć)
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  Szablon enliven WP skalowanie zdjęć na różnych urządzeniach szakal87 0 1512 15.06.2016, 21:13
Ostatni post: szakal87
  wordpress - Slider do podlinkowywania zdjęć snake125 1 8513 02.03.2016, 18:33
Ostatni post: kmaksiu
  Skrypt do przeglądania i usuwania zdjęć. buger 4 1348 15.12.2014, 19:37
Ostatni post: buger

Skocz do:


Wybrane wątki (Proszę o pomoc z galerią zdjęć)
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  Jak pobrać filmy na dysk zamieszczone na tej stronie? adolek17 4 2805 06.02.2020 14:36
Ostatni post: panaho
  "Na czym" postawiona jest ta strona? OxyGenE 4 2872 04.02.2020 21:35
Ostatni post: kompowiep
  Błędy składniowe PHP dawswi1 1 2860 26.01.2020 18:22
Ostatni post: hydr4x
  Przekazywanie stanu sesji między plikami php dawswi1 2 2807 26.01.2020 16:35
Ostatni post: dawswi1
  Mixed content na protokole HTTPS Unlimited 1 4339 20.11.2019 14:05
Ostatni post: raxer
  Pozycjonowanie, toksyczne linki Alsenas 13 7847 19.11.2019 14:48
Ostatni post: Centor
Question Co sądzicie o edytorze Gutenberg w WordPress? radekhetero 2 7135 15.11.2019 15:55
Ostatni post: Alsenas
  Konfiguracja wampserver 2019. ~Anonim 3 5179 11.10.2019 05:26
Ostatni post: Michu_PL
  wyswietlanie pliku w php roxses 0 4962 07.10.2019 14:43
Ostatni post: roxses
  Content Management System thinkPL 6 4910 06.10.2019 22:08
Ostatni post: thinkPL
  PHP - przycisk wykonujący równanie SalyWan 1 4594 03.10.2019 16:11
Ostatni post: Szachista
  Skopiowanie strony forum przez program HTTrack Website Copier ANDREAN 9 7658 06.09.2019 21:51
Ostatni post: ANDREAN
  Poszukuję skryptu ogłoszeń / Joomla. dongtuuyen 2 7004 25.07.2019 09:56
Ostatni post: Spidi
  Upload pliku na serwer i do bazy danych mati514 3 7737 16.05.2019 17:12
Ostatni post: mati514
Big Grin [PHP] Rotator linków, który nie wyświetli danego linka. semozo 1 8675 13.04.2019 10:29
Ostatni post: wlisik