Temos pavadinimas: WordPress, Shopify ir PHPFusion programuotojų bendruomenė :: HTML klausimu "Tema"
Parašė Nenman· 2011 Rugp. 20 14:08:20
#1
CSS kodas
.normal {
background:url(images/normal.png);
background-repeat: no-repeat;
weigth:334px;
height:240px;
margin: 20px 0 0 200px;
} kodas
<div class='normal.png'></div>
Kas blogai,kad jis man neatsiranda?
Redagavo Nenman· 2011 Rugp. 20 21:08:19
Parašė Nenman· 2011 Rugp. 20 21:08:47
#2
Atnaujinau pakeites klausima
Parašė Memento Mori· 2011 Rugp. 20 21:08:21
#3
Tai class rašai normal.png o
css tiesiog normal :?
Parašė Faitas.· 2011 Rugp. 20 21:08:49
#4
Jei temos autorius nesuprato, tai kodas turėjo atrodyti taip:
CSS:
.normal {
background:url(images/normal.png);
background-repeat: no-repeat;
weigth:334px;
height:240px;
margin: 20px 0 0 200px;
}:
<div class='normal'></div>
Parašė Creatium· 2011 Rugp. 20 21:08:48
#5
Labai jau daug žioplų klaidų. Iš pradžių prieš postindamas forume įsitikink, kad tikrai viską (pagal tave) padarei gerai, kad viskas sutampa (kaip šiuo atveju nesutapo).
Parašė Nenman· 2011 Rugp. 20 22:08:03
#6
Oi zioplas,Dekui labai..........
Dar vienas klausima taigi panaudoju koda:
<a href="mailto:el.pašto_adresas">Susiekti</a>
Jis man atsiduria kairei virsui,Su kokiu kodu man valdyti jo pozicija?
Redagavo Nenman· 2011 Rugp. 20 22:08:09
Parašė Faitas.· 2011 Rugp. 20 22:08:11
#7
CSS:
/* Neaktyvi (nepaspausta) nuoroda */
a {
color: spalva;
text-decoration: teksto_dekoracija;
[ir kiti nustatymai]
}
/* Aktyvi (paspausta) nuoroda */
a:hover{
color: spalva;
text-decoration: teksto_dekoracija;
[ir kiti nustatymai]
}
Parašė Creatium· 2011 Rugp. 20 22:08:47
#8
Faitas. parašė:
CSS:
/* Neaktyvi (nepaspausta) nuoroda */
a {
color: spalva;
text-decoration: teksto_dekoracija;
[ir kiti nustatymai]
}
/* Aktyvi (paspausta) nuoroda */
a:hover{
color: spalva;
text-decoration: teksto_dekoracija;
[ir kiti nustatymai]
}
Šitu kodu bus nustatomas visų dizaine esančių nuorodų stilius. Jeigu nori konkrečiai kažkokios nuorodos stilių nustatyt, tai tą pačią class naudok, kaip ir div'e.
Parašė Nenman· 2011 Rugp. 20 23:08:43
#9
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 xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Naujas dizainas</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
<a href="mailto:matas996@gmail.com">Susiekti</a>
</head>
<body>
<div class='logo'></div>
<div class='naujien'></div>
<div class='invision'></div>
<div class='news'></div>
<div class='input'></div>
<div class='thermal'></div>
<div class='normal'></div>
<div class='strange'></div>
<div class='a'></div>
<div class='a:hover></div>
</body>
</html>
a {
color: white;
text-decoration: none;
margin: 20px 0 0 100px;
}
a:hover{
color: white;
text-decoration: none;
margin: 20px 0 0 100px;
}
Redagavo Nenman· 2011 Rugp. 20 23:08:49
Parašė Memento Mori· 2011 Rugp. 21 09:08:40
#10
Tai tu blemba editink spalva, dekoracija nedaryk abiejų tų pačių. Ir kdl tu ten gale margin dar žymi? :?
Parašė Nenman· 2011 Rugp. 21 11:08:32
#11
Padejo,jau uztai istrinu paveiksleli
Redagavo Nenman· 2011 Rugp. 21 16:08:10
Parašė Faitas.· 2011 Rugp. 21 11:08:41
#12
Tu išviso ne taip viską darai :D Kam <head></head> tag'uose įdėjai nuoroda? :D Visus blokus dedi atskirai, niekas taip nedaro, paskui turi naudoti margin/padding, kad jį pastumtum... O tada kitiems blogai rodo, nes pagal savo rezoliucija darei. c|
Parašė Nenman· 2011 Rugp. 21 11:08:46
#13
Nu ok idesiu ne head.
Tai tipo atskirus div daryti taip:
<div class='vardas'></div>
</div>
<div class='pavarde'></div>
</div>
Tipo taip?
O kaip su ta rezoliucija kas ten blogai ir ka keisti?
Parašė Faitas.· 2011 Rugp. 21 12:08:54
#14
Išviso nesamonę padariai. :D Turėtų viskas atrodyti taip:
<div class='header'>
<div class='logo'></div>
</div>
<div class='main'>
<div id='information'></div>
<dv id='payment'></div>
<div id='services'></div>
<div id='contacts'></div>
<a href="mailto:matas996@gmail.com">Susiekti</a>
</div>
Parašė Nenman· 2011 Rugp. 21 16:08:27
#15
Kas galetu paaiskinti normaliai kaip man pajudinti ta linka i norima vieta kad viskas butu aiskiau parodau foto ir pns:
Nuotrauka:
CSS:
a {
color: blue;
text-decoration: inherit;
padding-top: 20px;
padding-left: 15px;
}
a:hover{
color: green;
text-decoration: none;
padding-top: 20px;
padding-left: 15px;
}:
<a href="mailto:matas996@gmail.com">Susiekti</a>
<div class='a'></div>
<div class='a:hover></div>
