Skocz do zawartości

Potrzebna pomoc css


beybe
 Udostępnij

Rekomendowane odpowiedzi

Cześć..

Mam problem z html/css a potrzebuję szybkiego rozwiązania :|

Otóż na stronie testowej: www.test.ionic.pl/spodnie.html

widoczny jest slideshow umieszczony po lewej stronie... mój problem tkwi w tym, że chciałbym to wyśrodkować, a nie potrafię...

plik spodnie.html - tutaj dodawanie komend centrujących w html nic nie daje

<script type="text/javascript" src="js/jQuery.js"></script>
<script type="text/javascript" src="js/viewbox_min.js"></script> 
<script type="text/javascript" src="js/nasze-skrypty.js"></script>

<head>
<link rel="stylesheet" type="text/css" href="galeria-css.css" />
</head>

<div id="content">
<div class="galeria">	
<a href="produkty/spodnie/1a.jpg" title="">
<img src="produkty/spodnie/1a_m.jpg" height="190" width="128" alt="" />
</a>
<a href="produkty/spodnie/1b.jpg" title="">
<img src="produkty/spodnie/1b_m.jpg" height="190" width="159" alt="" />
</a>
<a href="produkty/spodnie/1c.jpg" title="">
<img src="produkty/spodnie/1c_m.jpg" height="190" width="127" alt="" />
</a>
</div> 
</div>

coś chyba trzeba zmienić w stylach, podaję odcinek odpowiadający miniaturom, dokładnie klasie .thumbdiv :

/* Miniatury */
.thumbdiv {
  float: left;
  position:relative;
}
.thumbdiv .title {
position:absolute;
padding:2px;
font-size:1.0em;
color:#fff;
background:#000;
border-top:solid 1px #000;
opacity:0.8;
bottom:14px;

}

Jeśli ktoś wie o co chodzi, bardzo proszę o pomoc... to pewnie tylko jedna linijka zmian :)

Edytowane przez beybe
button1.gif - Katalog Najlepszych Blogów - Prowadzisz bloga? Dodaj go do katalogu!
Odnośnik do komentarza
Udostępnij na innych stronach

tylko problem w tym że tych samych styli używam jeszcze do trzech podobnych podstron...

w tamtych podstronach jest mniej zdjęć i wtedy stała szerokość tego elementu będzie mi psuła ich wygląd...

jakoś inaczej by się nie dało?

Sorry za dział, ale wiedziałem że w tym dostanę najszybszą odp :)

button1.gif - Katalog Najlepszych Blogów - Prowadzisz bloga? Dodaj go do katalogu!
Odnośnik do komentarza
Udostępnij na innych stronach

Rozumiem że chcesz wyśrodkować ten pierwszy obrazek

www.test.ionic.pl/spodnie.html
, nie to co wyskakuje po kliknięciu?

Nie modyfikuj tego slideshow tylko <div id="content"> któremu powinieneś nadać wycentrowanie w przeglądarce...

padding: 0 auto;
 margin: 0 auto;

??

Edytowane przez bestos

A w wolnej chwili forum-budowa.pl ew. praktycznie Uwaga awaria!

A to: portal branży budowlanej

Odnośnik do komentarza
Udostępnij na innych stronach

w kalsie galeria dodajesz

position: relative; left: 50%; float: left;

i

.thumbdiv {

float: left;

margin: 0 auto;

position: relative;

right: 50%;

width: 150px;

}

Może nie działać bo pisałem na kolanie :)

O7vVmZ7.gif

Punkty statlink.pl - dobra cena + gratis Skrypt i eBook, https://seo-z.pl i Wzory i galeria tatuaży - dziarownia.pl (tatuaże)

Odnośnik do komentarza
Udostępnij na innych stronach

Jeśli chcesz dodać odpowiedź, zaloguj się lub zarejestruj nowe konto

Jedynie zarejestrowani użytkownicy mogą komentować zawartość tej strony.

Zarejestruj nowe konto

Załóż nowe konto. To bardzo proste!

Zarejestruj się

Zaloguj się

Posiadasz już konto? Zaloguj się poniżej.

Zaloguj się
 Udostępnij

  • Ostatnio przeglądający   0 użytkowników

    • Brak zarejestrowanych użytkowników przeglądających tę stronę.
×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Umieściliśmy na Twoim urządzeniu pliki cookie, aby pomóc Ci usprawnić przeglądanie strony. Możesz dostosować ustawienia plików cookie, w przeciwnym wypadku zakładamy, że wyrażasz na to zgodę. Warunki użytkowania Polityka prywatności