Skocz do zawartości

Potrzebna pomoc css

beybe

Przez beybe
w Pogaduszki

Rekomendowane odpowiedzi

beybe Newbie

beybe

Opublikowano
Opublikowano

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 :)

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

beybe

Opublikowano
  • Autor
Opublikowano

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
bestos Newbie

bestos

Opublikowano
Opublikowano

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;

??

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
arve_lek Contributor

arve_lek

Opublikowano
Opublikowano

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, Blog SEO/SEM i Tatuaże na Dziarownia.pl (tatuaże)

Odnośnik do komentarza
Udostępnij na innych stronach

Zarchiwizowany

Ten temat przebywa obecnie w archiwum. Dodawanie nowych odpowiedzi zostało zablokowane.

Tematy

  • 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