Temos pavadinimas: WordPress, Shopify ir PHPFusion programuotojų bendruomenė :: CSS logo.png nepasirodo[ISSPRESTA]

Parašė Vidas· 2013 Vas. 19 21:02:05
#1

Neseniai pradejau dirbt su HTML ir turiu alfa svetaine pasidares testavimu, visus dalykus kaip MENIU navigacijos paveiksliuka rodo, background rodo, bet kazkodel nerodo logo paciame virsuje, gal zinot kame beda?

1 body {background:url(images/bg.png); }
2 a {text-decoration:none; }
3
4 #wrap {width:1000px; height:auto; margin:auto; }
5
6 #logo {background:url (images/logo2.png) no-repeat; width:666px; height:170px; }
7
8 #meniu {background:url(images/menu.png) no-repeat; width:1000px; height:58px; margin-left:auto; margin-right:auto; }


Redagavo Vidas· 2013 Kov. 6 15:03:46

Parašė Pakartoti slaptažodį· 2013 Vas. 19 21:02:49
#2

Visų pirma patarčiau ne id naudoti o class (. vietoj #). O logo turėtų rodyt, nebent URL neteisingas.

Parašė Vidas· 2013 Vas. 19 21:02:35
#3

URL teisingas, nes pagal ta pati rodo ir meniu, backgrounda.
Gal netaip Photoshop apkarpiau ir save for web padariau? negali taip but?

p.s. ne i tema - kuo skiriasi ar class ar id?

Parašė Pakartoti slaptažodį· 2013 Vas. 19 21:02:39
#4

Photoshopas čia ne prie ko, ir jei URL teisingas, bandyk kažkaip debugginti viską. Nuimk kelius elementus, supaprastink viską, žiūrėk - gal parodys. Tuomet reikš, jog kažkokie elementai tam trukdo.

Skiriasi niekuo - veiks abiem atvejais, tačiau loginė klaida, kadangi id labiau su Javascript'u rišasi.

Parašė Vidas· 2013 Vas. 19 21:02:39
#5

Blemba, nezinau ka daryt, bijau ka nors liest, nes esu naujokas ir dar kazka sugadinsiu :s

Parašė Pakartoti slaptažodį· 2013 Vas. 19 22:02:55
#6

Juk tavo kodas, drąsiai liesk ir kraipyk viską. Svarbiausia nebijot ir eksperimentuot.

Parašė techgin· 2013 Vas. 26 02:02:57
#7

nerodo logo todėl, kad apsirašei tik logo bloko didį, bet neapsirašei ne background image kurį naudoji logui atvaizduoti dydį. turėtų būti:

 
#logo {
background:url ("images/logo2.png"); 
background-repeat: no-repeat; 
background-size: 666px 170px;
width:666px; 
height:170px;
 }
 

Redagavo techgin· 2013 Vas. 26 02:02:29

Parašė Vidas· 2013 Kov. 6 15:03:20
#8

Issprendziau problema panaudodamas kita koda.Galima uzrakinti.