+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: [CSS] harmonijkowa galeria (/thread-css-harmonijkowa-galeria)
[CSS] harmonijkowa galeria - Kati - 02-03-2011
Hej! Mam problem z galerią. Chciałabym żeby jako pierwszy obrazek od prawej pojawiało się zdjęcie a nie biała strona (przesyłam załącznik). Pomożecie?
Kod css wygląda następująco:
Kod:
#galeria {
padding: 0;
margin: 0 auto;
list-style-type: none;
overflow: hidden;
width: 650px;
height: 240px;
background: #fff url(img/310.gif) top right;
border: 1px solid #fff;
}
#galeria li {
float: left;
}
#galeria li a {
display: block;
height: 240px;
width: 46px;
float: left;
text-decoration: none;
border-right: 1px solid #fff;
background-position: center;
}
#galeria li a img {
width: 46px;
height: 240px;
border: none;
}
#galeria li a:hover {
background: #eee;
width: 320px;
}
#galeria li a:hover img {
width: 320px;
}RE: [CSS] harmonijkowa galeria - Kartofelek - 02-03-2011
13 * 46 = 598
650 - 598 = 52
Odp. Biała kreska ma szerokość 52px.
display:inline-block zarówno dla UL jak i dla LI ???. Pewnie width do wymiany albo usunięcia.
W "praktyce" może być ciężko. Najwyżej inaczej potnij (pod "praktyce" wstaw sobie uzależnienie od nadrzędnego elementu itp)