Kezdőoldal » Számítástechnika » Weblapkészítés » CSS-ben ezt hogy lehet megoldani?

CSS-ben ezt hogy lehet megoldani?

Figyelt kérdés

Azt szeretném, hogy az oldalam hátterének legyen egy képe, ami középen fent helyezkedik el, és nem ismétlődik, és nem nagyítja ki! Amit a kép nem fed le, azt a részt feketére szeretném színezni.

Jelenleg így néz ki a CSS-ben a háttér:


body{

background: url(../images/bg.jpg);

}


2013. dec. 22. 13:16
1 2
 1/14 anonim ***** válasza:
2013. dec. 22. 13:18
Hasznos számodra ez a válasz?
 2/14 anonim ***** válasza:

body{

background-image: url('../images/bg.jpg');

background-position: center top;

background-repeat: no-repeat;

background-color: #000000;

}

2013. dec. 22. 13:35
Hasznos számodra ez a válasz?
 3/14 Német_Tibor ***** válasza:

Rövidebben:


background: black url(../images/bg.jpg) top center no-repeat;

2013. dec. 22. 13:54
Hasznos számodra ez a válasz?
 4/14 A kérdező kommentje:
köszönöm mindenkinek
2013. dec. 22. 14:03
 5/14 anonim ***** válasza:
53%
(ezt az egybe minden paramétert megadok dolg még nem deprecated)
2013. dec. 22. 14:18
Hasznos számodra ez a válasz?
 6/14 anonim ***** válasza:

H.Tibor87

Amit lehet, mindent rövidíteni kell.


border, padding, margin, font, background, stb...

2013. dec. 22. 17:02
Hasznos számodra ez a válasz?
 7/14 anonim ***** válasza:

H.Tibor87


A shorthand miért lenne elavult?


[link] -> Background - Shorthand property


meg amúgy is:


______________________

padding-top: 25px;

padding-right: 50px;

padding-bottom: 75px;

padding-left: 100px;

______________________


vagy


______________________________

padding: 25px 50px 75px 100px;

______________________________


Szerinted melyik jobb, vagy melyik tűnik "elavultnak"?:)


A background-al ugyan ez a helyzet.

2013. dec. 22. 19:22
Hasznos számodra ez a válasz?
 8/14 anonim ***** válasza:

A rövidebb jobb. De még mindig nem értem miért elavult.


És szerinted melyik jobb?


padding-top: 10px;

padding-right: 10px;

padding-bottom: 10px;

padding-left: 10px;


vagy


padding: 10px;


Esetleg:


padding-top: 20px;

padding-right: 10px;

padding-bottom: 20px;

padding-left: 10px;


vagy


padding: 20px 10px;

2013. dec. 22. 19:55
Hasznos számodra ez a válasz?
 9/14 anonim ***** válasza:
0%

A font -al voltak gondok, ezzel a tömör alakban.

(nem emlékszem már, de talán IE nem csipázta)

2013. dec. 22. 20:09
Hasznos számodra ez a válasz?
 10/14 anonim ***** válasza:

Kicsit figyelmetlen vagyok. :D

Úgy láttam a 7-es válaszoló is H.Tibor87 volt.


Elnézést.

2013. dec. 22. 20:11
Hasznos számodra ez a válasz?
1 2

További kérdések:




Minden jog fenntartva © 2025, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu

A weboldalon megjelenő anyagok nem minősülnek szerkesztői tartalomnak, előzetes ellenőrzésen nem esnek át, az üzemeltető véleményét nem tükrözik.
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!