22-08-2013, 03:59
Witam!
Moja stronka wygląda tak
CSS
Nie wiem jak zrobić żeby obrazek(szeroki na 1920px) był zawsze wyśrodkowany (używając selektora <img> - nie wiem czy jest to możliwe) - za pomocą cechy background niema problemu wystarczy w stylach wpisać center i zawsze środek zdjęcia jest po środku niezależnie od szerokości przeglądarki. W przypadku selektora <img> obraz "trzyma się" lewej krawędzi przeglądarki - jak zmniejszamy przeglądarkę (zbliżamy lewą krawędź przeglądarki w strone prawej) widzimy zawsze lewą część obrazka przy lewej krawędzi przeglądarki.
z góry dzięki za odpowiedz,
Moja stronka wygląda tak
Kod:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
<head>
<meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
<meta name="Autor" content="Zbigniew Wawrzyniak" />
<title>stronka</title>
<link rel="stylesheet" href="style_stronka.css" type="text/css" />
</head>
<body>
<div class="lista_fotografii">
<img src="images/foto_1fake.jpg"/>
</div>
</body>
</html>CSS
Kod:
html {
width: 100%;
height: 100%;
padding: 0px;
margin: 0px;
}
body {
margin : 0px;
padding:0px;
border:0px;
}
img{
display: block;
margin-left: auto;
margin-right: auto;
}Nie wiem jak zrobić żeby obrazek(szeroki na 1920px) był zawsze wyśrodkowany (używając selektora <img> - nie wiem czy jest to możliwe) - za pomocą cechy background niema problemu wystarczy w stylach wpisać center i zawsze środek zdjęcia jest po środku niezależnie od szerokości przeglądarki. W przypadku selektora <img> obraz "trzyma się" lewej krawędzi przeglądarki - jak zmniejszamy przeglądarkę (zbliżamy lewą krawędź przeglądarki w strone prawej) widzimy zawsze lewą część obrazka przy lewej krawędzi przeglądarki.
z góry dzięki za odpowiedz,
No i odpowiedni podkład muzyczny: http://www.youtube.com/watch?v=RLtU7aOnp2U
