Temos pavadinimas: WordPress, Shopify ir PHPFusion programuotojų bendruomenė :: Zapdos html klausimynas ( tik pradedu kodinti html )

Parašė zapdos12· 2011 Vas. 15 20:02:07
#1

Sveiki, na pradejau mokintis kaip ir kodinti, kaip ir kekvienas negimiame profesonalais, tad nesmerkit mano klausimu, nors kokie jie bebutu žiaurūs ;D

Primasis klausimas: Pasiemiau decolor piešta dizainą ir sakau reik pabandyti, nesuprantu kodel man nerodo

1. http://www.part.lt/img/08bb863f7...704573.JPG
2. http://www.part.lt/img/96922bc89...a1e256.JPG

INDEX:

<!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 xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="style.css">
<title>Untitled Document</title>
</head>
<body>
<div id="headeris"></div>
 
<div id="1panel"></div>
 
<div id="2panel"></div>
 
<div id="3panel"></div>
 
<div id="apacia">
 
</div>
 
<div id="counter_serv_psd_06">
 
</div>
 
<div id="counter_serv_psd_08">
 
</div>
 
 
<div class='newtext' >Lorem Ipsum is simply dummy text of the printing and typesetting industry.</div>
 
 
 
 
</body>
</html>
 



STYLE:

body {
background-image: url(images/bg.jpg);
}
#wrapCenter {width:1000px; height:auto; margin:0px auto 0 auto; position:relative;}

 
#headeris {
	background-image:url(images/headeris.jpg);
	background-repeat: no-repeat;
	width: 980px;
	height: 201px;
	position:absolute;
	margin: 40px 0 0 150px;
	left: -39px;
	top: -20px;
}
 
 
#1panel {
	background-image:url(images/1panel.jpg);
	background-repeat: no-repeat;
	width: 272px;
	height: 314px;
	position:absolute;
	margin: 100px 0 0 40px;
	left: 96px;
	top: 128px;
}
 
 
#2panel {
	background-image:url(images/2panel.jpg);
	background-repeat: no-repeat;
	width: 272px;
	height: 314px;
	position:absolute;
	margin: 80px 0 0 -20px;
	left: 422px;
	top: 148px;
}
 
 
#footer {
background-image:url(images/footer.png);
background-repeat: no-repeat;
width: 400px;
height: 20px;
position:absolute;
margin: 355px 0 0 90px;
}


Kur problema slypi cia? Blogai kodinau, nedarasiau ko nors, ar kas nors dar ?! Prašau pagalbos, jai galite paaiškinkite, ar noroda numeskit, neprašau vsiko ant lekštutės padėti, nors ant kelio užveskit :) Kas pades +rep geriausia ką galiu pasiūliti. Ačiū

Parašė AivarasZs· 2011 Vas. 15 20:02:19
#2


background-image:url(images/pavadinimas.jpg);
keisk į

background:url(images/pavadinimas.jpg);
nereik to žodžio image paprastai background....

Redagavo AivarasZs· 2011 Vas. 15 20:02:38

Parašė zygisn· 2011 Vas. 15 20:02:56
#3

Tas žodis 'image' nieko nekeičia, ar tu rašytum 'background:' ,ar 'background-image:'

Parašė AivarasZs· 2011 Vas. 15 20:02:38
#4

Skiriasi :) tu pats pabandyk parašyk background:url(images/pavadinimas.png); ir parašyk background-image:url(images/pavadinimas.png); ir pažiurėsi ar skiriasi ar ne :)

Parašė zapdos12· 2011 Vas. 16 09:02:24
#5

Ar aš sukodinęs čia kažką blogai ar man nedašyla... Pakeičiau background:url(images/....jpg) bet vistiek headeris yra o (panelių) nęra.. Kur klaidą gal matot, ar aš čia pievas koduoju... HELP!!!

Parašė zygisn· 2011 Vas. 16 10:02:31
#6

Tai gal neatitinka paveiksliukų pavadinimai ar jų formatai?

Parašė zygisn· 2011 Vas. 16 10:02:11
#7

Pabandžiau. Ir niekuom nesiskiria :)

Parašė zapdos12· 2011 Vas. 16 10:02:30
#8

Vsio susitvarkiau, net nežinau kodel man nerodydavo tų panelių, nes iš trečio karto patikrinau style ir index, tiesiog beieškodamas klaidų atkapsčiau klaidą ir viską sutvarkiau (tiesiog formatus netuos surašiau) :DDD

Parašė AivarasZs· 2011 Vas. 16 10:02:54
#9

zapdos12 parašyk man į skype pažiurėsiu kas ten blogai.
mano skype: aivarasz3

Parašė AivarasZs· 2011 Vas. 16 10:02:47
#10

mmm... labai keista man tai parašius ta image dingsta paveikslėlis o kai be jo viskas normal

Parašė zygisn· 2011 Vas. 16 10:02:41
#11

Tikriausiai kažką praleidi

Parašė AivarasZs· 2011 Vas. 16 10:02:50
#12

Dabar ne man padėti reik o jam!!!! Aš savo bėdas sutvarkysiu

Parašė snaige12· 2011 Vas. 16 12:02:39
#13

Patarimas nedaryk minusiniu dydziu, neatitinka w3c. Ir poziciju nedaryk su position: absolute; geriau viska vilk po dar vienu divu, nustatytk ploti ir deliokis turini panaeles su float.

Parašė zapdos12· 2011 Vas. 16 12:02:56
#14

O tai koks turetu buti kodas, kaip tu sakai snaige, nes as truputi nesusigaudau, nes paziurejau, i viena pavyzdi i kita tai dabar nieko nebesuprantu..

Parašė zapdos12· 2011 Vas. 16 15:02:18
#15

Nauji mano klausimai:
1. http://www.part.lt/img/b3815bbf9...93c033.JPG
Kodel man taip gaunasi ??

Index:

<!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 xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="style.css">
<title>Untitled Document</title>
<style type="text/css">
<!--
body,td,th {
	color: #FF0000;
}
body {
	background-color: #FFFFFF;
}
.style16 {font-size: 14px}
.style17 {color: #999999}
-->
</style>
</head>
<body>
<div id="headeris"></div>
 
<div id="Panele1">
  <div class='.newtext'>
    <p><span class="style16"><a href=".newtext">:: Counter strike serveriai</a></span></p>
    <p> <span class="style17">Lorem Ipsum is simply dummy text of the printing and typesetting industry.Lorem Ipsum is simply dummy text of the printing and typesetting industry.Lorem Ipsum is simply dummy text of the printing and typesetting industryLorem Ipsum is simply dummy text of the printing and typesetting industry.Lorem Ipsum is simply dummy text of the printing and typesetting industry.Lorem Ipsum is simply dummy text of the printing and typesetting industry.</span><strong><br />
    </strong></p>
  </div>
  <div id="navigacija">
    <div class="newtext">
      <div align="center"><a href='index.html'>INFO</a><a href='lukas.html'></a></div>
    </div>
  </div>
</div>
 
<div id="Panele2"></div>
 
<div id="Panele3"></div>
 
<div id="apacia"></div>
 
<div id="counter_serv_psd_06">
 
</div>
 
<div id="counter_serv_psd_08">
 
</div>
 
 
</body>
</html>
 


2. Kodel man is style.css neskaito teksto( taprasme nestilizuoja texto)
style.css code:


 
 
 
 
.newtext{ width:600px; font-size: 12px;  color: #ffffff; font-family:Tahoma; text-shadow: 1px 1px black; margin: 400px 0 0 6px; float:right; }
.newpav{ width:600px; font-size: 11px;  color: #ffffff; font-family:Tahoma; text-shadow: 1px 1px black; margin: -331px 0 0 -30px; float:left; }
.newdata{ width:600px; font-size: 11px;  color: #ffffff; font-family:Tahoma; text-shadow: 1px 1px black; margin: -331px 0 0 370px; float:left; }
 


Idejau ta vieta kurioje parasytas textas (kaip turetu atradyti)

Aciu ; )

Redagavo zapdos12· 2011 Vas. 16 15:02:31

Parašė CyTaS· 2011 Vas. 16 16:02:30
#16

Man atrodo reik rasyt taip

 
.newtext { width:600px; font-size: 12px;  color: #ffffff; font-family:Tahoma; text-shadow: 1px 1px black; margin: 400px 0 0 6px; float:right; }

.newpav { width:600px; font-size: 11px;  color: #ffffff; font-family:Tahoma; text-shadow: 1px 1px black; margin: -331px 0 0 -30px; float:left; }

.newdata { width:600px; font-size: 11px;  color: #ffffff; font-family:Tahoma; text-shadow: 1px 1px black; margin: -331px 0 0 370px; float:left; }

 

Parašė zapdos12· 2011 Vas. 16 17:02:34
#17

Na pabandziau bet niekas neivyko, gal kas dar galite padeti. Kas bades aciu ir +rep ; )