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 8517 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
  Gdzie odpłatnie wypozycjonować swoją stronę w html5 w google za 100zł? aktywny27 13 29889 17.02.2019 21:44
Ostatni post: SEMPIRE
  xampp konwersja video milutki182 3 14676 10.02.2019 13:18
Ostatni post: Ajgor
  HTML a Wordpress Majki_77 3 13517 10.02.2019 13:17
Ostatni post: Ajgor
  Gotowe klasy xCart 0 8373 08.02.2019 17:16
Ostatni post: xCart
  Jak ustawić tekst na środku ekranu buzek1 4 3472 08.02.2019 17:07
Ostatni post: xCart
Ściana Problem a zaktualizacją Joomla 3.6.5 do 3.8.8 CREATIVE_ 14 30282 13.01.2019 06:00
Ostatni post: CREATIVE_
  Xampp i CMS Made Simple Echelon 1 9430 07.12.2018 14:35
Ostatni post: raxer
  Problem z certyfikatem na sslforfree.com gentleman 2 10842 11.10.2018 17:09
Ostatni post: Michu_PL
  Generator kodów kreskowych Yanke$ 0 11050 16.09.2018 12:02
Ostatni post: Yanke$
  skalowanie elementów do wielkości ekranu szakal87 1 11566 11.09.2018 05:36
Ostatni post: Michu_PL
  Formularz do zgłaszania błędów na stronie-pomoc w przeróbce. raxer 0 10667 10.09.2018 18:51
Ostatni post: raxer
  Layout Strony Majki_77 2 12173 28.08.2018 16:27
Ostatni post: gentleman
  Zmiana rozmiaru okna przeglądarki a marginesy Wacho 0 11119 09.08.2018 23:15
Ostatni post: Wacho
  Stworzenie nowej strony na Wordpressie Majki_77 8 12594 22.07.2018 22:21
Ostatni post: ada1986
Ściana Dynamiczne pobieranie html PHP kamiltu 0 11743 23.06.2018 15:53
Ostatni post: kamiltu