Temos pavadinimas: WordPress, Shopify ir PHPFusion programuotojų bendruomenė :: Keisto Klausimai

Parašė keistas· 2011 Bir. 14 00:06:51
#1
Sveiki, pradėjau mokintis html ir užkliuvau ant vienos bėdos:

Čia yra kodukas index.html


<!DOCTYPE <span style="border-bottom: 1px dotted black;">html</span> PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<link href="styles.css" rel="stylesheet" type="text/css" />
</head>
<body>
	<div id='headeris' class="center">
	<div class='meniu'></div>
	<div class='naujienos'></div>
	<div class='footeris'></div>
</body>
</html>


Čia yra styles.css kodukas:


body { background-color:#121212; }

div#headeris {
	background:url(images/Headeris.png);
	background-repeat:no-repeat;
	width:522px;
	height:128px;
}


Klausimas: Kodėl šitas headeris nepasistato i viduri?
http://www.part.lt/perziura/a94e...f2b361.JPG
Redagavo keistas· 2011 Bir. 14 01:06:45

Parašė mNm.· 2011 Bir. 14 00:06:17
#2
...align="center">

Parašė Creatium· 2011 Bir. 14 00:06:01
#3
class="center" nėra tokios klasės nurodytos.

css kode geriau prirašyk:

margin: 0px auto; ir turėtų išcentruoti tau.

Parašė keistas· 2011 Bir. 14 00:06:18
#4
Dabar kita problema:


.meniu {
	background:url(images/Meniu.png;
	background-repeat:no-repeat;
	width:643px;
	height:51px;
	margin:0px auto;
	align:center;
}


Neparodo image..

Parašė Creatium· 2011 Bir. 14 10:06:10
#5
Nerodo, kad yra akivaizdžios sintaksės klaidos:


.meniu {
	background:url(images/Meniu.png);
	background-repeat:no-repeat;
	width:643px;
	height:51px;
	margin:0px auto;
	align:center;
}


Beje, nėra tokio nustatymo kaip "align". Yra text-align ir vertical-align.
Redagavo Creatium· 2011 Bir. 14 10:06:18

Parašė keistas· 2011 Bir. 14 11:06:30
#6
Jei neklystu, margin - nurodo storuma remeliu.

Parašė Creatium· 2011 Bir. 14 11:06:31
#7
keistas parašė:
Jei neklystu, margin - nurodo storuma remeliu.


margin - tai kiek atitrauktas nuo kraštų elementas bus.

Margin nustatymai gali būt tokie:


margin-top/left/right/bottom: 0px;
margin: 0px 0px 0px 0px; (margin: nuo_viršaus_px nuo_dešinės_px nuo_apačios_px nuo_kairės_px;)
Redagavo Creatium· 2011 Bir. 14 11:06:00

Parašė keistas· 2011 Bir. 14 12:06:06
#8
Taip nustatau, bet nerodo paveikslėlio.


.meniu {
	background-image:url(images/Meniu.png;
	background-repeat:no-repeat;
	width:643px;
	height:51px;
	margin:0px auto;
}

Parašė Creatium· 2011 Bir. 14 13:06:10
#9
Taigi aš tau daviau gerą kodą viršuj.

Šitoje eilutėje yra klaida:


background-image:url(images/Meniu.png;


paprasčiausiai neuždėjai gale ).

Parašė keistas· 2011 Bir. 14 13:06:51
#10
Bet tai kokios žioplos klaidos :D

Gal galima koda, kaip ant paveikslėlio rašyti teksta. Tiksliau i subheaderi parašyti "Namai, Apie mus, Paslaugos ir pnš"
Redagavo keistas· 2011 Bir. 14 13:06:56

Parašė Creatium· 2011 Bir. 14 13:06:52
#11
Tai paprasčiausiai padarai dar vieną div'ą su background-image ir po to į tą div'ą surašai norimą tekstą. Po to ten tą tekstą gali dėt į dar vieną div'ą, taip galėsi paslinkt, modeliuot kaip nori.

Parašė keistas· 2011 Bir. 14 13:06:04
#12
Aš padariau taip, manau gerai?


	<div class='meniu'>
			<ul>
			<li><a href='#'>Pagrindinis</a></li>
			<li><a href='#'>Pagrindinis</a></li>
			<li><a href='#'>Pagrindinis</a></li>
			<li><a href='#'>Pagrindinis</a></li>
			<li><a href='#'>Pagrindinis</a></li>
			<li><a href='#'>Pagrindinis</a></li>
		</ul>
	</div>
Redagavo keistas· 2011 Bir. 14 13:06:24

Parašė Creatium· 2011 Bir. 14 13:06:52
#13
keistas parašė:
Aš padariau taip, manau gerai?


	<div class='meniu'>
			<ul>
			<li><a href='#'>Pagrindinis</a></li>
			<li><a href='#'>Pagrindinis</a></li>
			<li><a href='#'>Pagrindinis</a></li>
			<li><a href='#'>Pagrindinis</a></li>
			<li><a href='#'>Pagrindinis</a></li>
			<li><a href='#'>Pagrindinis</a></li>
		</ul>
	</div>


Gerai taip.

Parašė keistas· 2011 Bir. 14 13:06:55
#14
Kaip reikėtu nukarpyti šita? Ar visa stačiakampi ar dalelyte ir kažkaip su css pakartot.

http://www.part.lt/perziura/a9e9...898795.JPG

Parašė Creatium· 2011 Bir. 14 14:06:17
#15
Juodą background gali padaryt su css. Nėra tikslo naudot paveiksliuką. Tik puslapį apkrausi taip.

Parašė keistas· 2011 Bir. 14 16:06:02
#16
Tai čia jau table reiktu daryt? Išvis kaip turėtu atrodyt kodas?

Parašė Creatium· 2011 Bir. 14 16:06:10
#17
Tai tą patį div'ą, tik background kitokį nurodyk:


background: #000;

Parašė keistas· 2011 Bir. 14 18:06:21
#18
Vis kyla pas mane klausimai ir tokie smulkmenišiki. Padarau:


.naujienos {
background:#000;
height:50px;
weight:500px;
}


http://www.part.lt/perziura/8c5b...b91860.JPG

height-aukštis. bet kai darau weight ten koki 500px nieko nevyksta, kur problema? Man reikia susiaurinti.

Parašė Bencius· 2011 Bir. 14 18:06:47
#19
Su kokia programa tu dirbi? Pasitikrink :) Juk ne weight o width turi buti ;)

Parašė Neuo· 2011 Bir. 14 20:06:33
#20
bencius parašė:
Su kokia programa tu dirbi? Pasitikrink :) Juk ne weight o width turi buti ;)

man rods dreamweaver ar kaip jis ten vadinas :]

Parašė keistas· 2011 Bir. 14 21:06:46
#21
Klausimas: Tai kaip padaryt, nekarpius šito meniu?

Jis .PSD atrodo taip - http://www.part.lt/perziura/f66b...b63148.JPG

O pas mane atrodo taip - http://www.part.lt/perziura/9a40...f59520.JPG

Negi reikia ta visa stačiakampi nukirpt ir idėt?
Redagavo keistas· 2011 Bir. 16 15:06:38

Parašė Creatium· 2011 Bir. 16 15:06:18
#22
Tai tau berods beliko tik borderį uždėt:


border: 1px #<spalvos kodas> solid;

Parašė keistas· 2011 Bir. 16 16:06:04
#23
Vsio, viska susitvarkiau ir sukodavau dizaina. Sukoduotas dizainas atrodo taip:

http://www.part.lt/perziura/dd44...b05682.JPG

PSD atrodo taip:

http://www.part.lt/perziura/5164...fbf772.JPG

O čia parsisiuntimui, galbūt atsiras tas kuris gali pažiurėt kaip dizainas sukoduotas ar švariai kaip karpimas? Vis dėl to pirma kartą darau, tai noriu šiek tiek kritikos.

http://www.failai.lt/mn6dt8w5dw2...Lt.rar.htm
Redagavo keistas· 2011 Bir. 17 00:06:45

Parašė AivarasZs· 2011 Bir. 17 09:06:12
#24
Šaunu kad stengeisi. Kodas mano manymų tvarkingas, dalys neišmėtytas o dėl karpymo tai ir manau gerai sukarpyta. Mldc taip ir toliau, sekmės kitose darbuose. :) ;)

Parašė keistas· 2011 Bir. 17 13:06:45
#25
Ačiū, už gera komentara.