Skocz do zawartości

Zdjęcie
- - - - -

Inny rozmiar obrazków

Rozpoczął saminex, lip 21 2014 11:09

Najlepsza odpowiedź Michał, 21 lipca 2014 - 11:35

Powiększałeś/zmniejszałeś stronę? (Ctrl + lub Ctrl -)
Jeżeli obrazek ma 200x200px to znaczy, że i na stronie tyle musi mieć. :)
Jeżeli nie wygląda to tak jak sobie ustaliłeś użyj background-size
 

np.

body {
	background: url(grafika/tlo.png);
	background-repeat: repeat;
	background-size: 300px 300px;
}
Przejdź do postu


5 odpowiedzi w tym temacie
  • Zaloguj się, aby dodać odpowiedź
saminex

    Nowy użytkownik

  • 3 postów
    • Czas spędzony online: 3h 11m 35s
0
Neutralna

Napisano 21 lipca 2014 - 11:09

#1

Mam taki problem, że gdy wstawiem obrazek na tło (200x200) to ona jest jakby mniejsze popatrzcie sami:

Załączony plik  tlo.png   3,55 KB   1 Ilość pobrań

To jest ten kafelek w pliku a gdy go dodam na moją stronę ( na razie bez żadnych powtórzeń ):

Załączony plik  Bez tytułu.jpg   22,27 KB   1 Ilość pobrań

 

To on jest za mały. Czy wygląda wam to na 200x200? bo mi nie. Męcze sie z tym już kilka godzin, więc postanowiłem poprosic o pomoc. Kodu nie mam rozbudowanego bo cały czas nad tym myślałem.

body{
background: url(grafika/tlo.png);
background-repeat: no-repeat;
}

Chyba HTML sie nie przyda, ale dam też:

<!DOCTYPE html>
<html>
	<head>
	<meta charset="utf-8">
	<link href="style.css" type="text/css" rel="stylesheet" />
	<title>Strona_serwera</title>
	</head>
<body>
</body>
</html>

Ma ktoś jakis pomysł ?


  • 0
Michał

    Stary wyjadacz

  • 301 postów
    • Czas spędzony online: 16d 7h 11m 3s
95
Znakomita!

Napisano 21 lipca 2014 - 11:35   Najlepsza odpowiedź

#2

Powiększałeś/zmniejszałeś stronę? (Ctrl + lub Ctrl -)
Jeżeli obrazek ma 200x200px to znaczy, że i na stronie tyle musi mieć. :)
Jeżeli nie wygląda to tak jak sobie ustaliłeś użyj background-size
 

np.

body {
	background: url(grafika/tlo.png);
	background-repeat: repeat;
	background-size: 300px 300px;
}

  • 2
saminex

    Nowy użytkownik

  • 3 postów
    • Czas spędzony online: 3h 11m 35s
0
Neutralna

Napisano 21 lipca 2014 - 11:40

#3

Dzięki za szybką odpowiedź. Działa background-size ale ustawiłem na 400 ;p. Ale dziwi mnie to, że gdy dam na 200x200 to jest mniejsze niż oryginał -.- A gdy scrooluje to się normalnie powiększa ;)

 

Rónierz dobrze sie spisuje dodanie background-size tylko że 10% :P


Użytkownik saminex edytował ten post 21 lipca 2014 - 11:42

  • 0
unbreak

    WT Elite

  • 1 937 postów
    • Czas spędzony online: 27d 8h 43m 36s
506
Znakomita!
  • Location/home/unbreak

Napisano 21 lipca 2014 - 12:43

#4

Daj ctrl+0


  • 1

webDeveloper

saminex

    Nowy użytkownik

  • 3 postów
    • Czas spędzony online: 3h 11m 35s
0
Neutralna

Napisano 21 lipca 2014 - 13:03

#5

Nic nie zmienia dlatego mnie to dziwi. Ale myslę, że temat rozwiązany bo zastosowałem -size ;]


  • 0
Yeoman

    Stary wyjadacz

  • 358 postów
    • Czas spędzony online: 6d 19h 43m 48s
169
Znakomita!
  • LocationKatowice

Napisano 21 lipca 2014 - 17:42

#6

Jeszcze tak z ciekawostek - nie zadziała na IE8 i mniejszych oraz częściowo wspierana przez safari. Reszta przeglądarek ok. Jesli zalezy Ci na nowszych tylko to nie masz się co przejmować :D


  • 0

2ed58r7.png

Wróć do HTML i CSS



Podone tematy Collapse

  Temat Forum Autor Podsumowanie Ostatni post

Użytkownicy przeglądający ten temat: 0

0 użytkowników, 0 gości, 0 anonimowych