Parašė SonyNokia· 2014 Kov. 8 00:03:35
#36
Taigi.. Kaip ir pabaigiau savo darbą daryti, perdariau, kad nebūtų nei h1-h6 , nei kitų dalykų kurie trukdė, pastačiau ant div.
Nuotrauka:
HTML kodas:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>TPG-LIFE.LT</title>
<link href="reset.css" rel="stylesheet" type="text/css" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrap">
<div align="center">
<div id="logo">
</div>
<div id="meniu">
<ul id="meniu_tekstas">
<li><a href="index.html">Namai</a></li>
<li><a href="index.html">Forumas</a></li>
<li><a href="index.html">Pagalba</a></li>
<li><a href="index.html">Reklama</a></li>
<li><a href="index.html">Paslaugos</a></li>
<li><a href="index.html">Kontaktai</a></li>
</ul> </div>
<div style="color:white; font-size: 12px">PRISIJUNKITE PRIE MŪSŲ! </div>
<div id="junk"> </div>
<div id="jpg">
<div style="color:white; font-size: 12px; padding-top: 118px">Tik čia atskleidžia tikro gyvenimo galimybes </div>
<div id="monitorius">
<div style="color:white; font-size: 12px; text-indent: 15px; padding-top: 7px"> SERVERIO MONITORIUS
<div style="font-size: 12px; padding-top: 158px; color:red">ŽAIDĖJAI: 64/200
<div style="font-size: 12px; padding-top: 5px; color:red">VERSIJA: 0.3x
<div style="font-size: 12px; padding-top: 5px; color:red">IP ADRESAS: samp.tgp-life.lt </div>
<div id="info">
<div align="center">
<div style="color:white; font-size: 12px; padding-top:4px">INFORMACIJA APIE PROJEKTA
<div style="color:#484848; font-size: 12px; padding-left: 5px; padding-top: 15px">Sveiki, taigi atsidarė naujasis TPG-LIFE.LT projektas, su laiku bus atnaujinimų. Šis projektas yra unikalus, kurtas nuo 0. Kūrėme penkiese. Puslapio dizainą su laiku pagerinsim. ČIA NETIKRA,ČIA TIESIOG KARPIAU. </div>
<div id="end">
<p> © 2013 TPG-LIFE.LT - Visos teisės griežtai saugomos</p>
<div align="right">
<div style="color:white; font-size: 13px; margin-top: -17px; margin-right: 20px"> dizainas: GReddy </div>
CSS kodas:
body {
background:url("images/bg.gif");
font-family: Tahoma;
}
li {
display: inline;
font-size: 18px;
margin: 20px;
}
a {
color: #F8F8F8;
text-decoration: none;
}
p {
font-size: 13px;
color: #FFFFFF;
text-indent: 10px;
text-align: left;
}
a:hover {
text-decoration: none;
}
#wrap {
width: 891px;
height: auto;
margin: 0 auto;
}
#logo {
background:url("images/logo.gif") no-repeat;
width: 1000px;
height: 170px;
margin-top: 10px;
margin-left: -50px;
margin-bottom: -23px;
}
#meniu {
background:url("images/meniu.gif") no-repeat;
width: 664px;
height: 45px;
padding-top: 5px;
}
#meniu_tekstas {
width: 664px;
height: auto;
list-style: none;
padding-top: 5px;
}
#junk {
background:url("images/junk.gif") no-repeat;
width: 667px;
height: 23px;
margin-top: -19px;
}
#jpg {
background:url("images/jpg.gif") no-repeat;
width: 465px;
height: 144px;
margin-left: 200px;
margin-top: 2px;
}
#monitorius {
background:url("images/monitorius.gif") no-repeat;
width: 195px;
height: 241px;
margin-left: -672px;
margin-top: -132px;
}
#info {
background:url("images/info.gif") no-repeat;
width:469px;
height: 96px;
margin-left: 199px;
margin-top: -85px;
}
#end {
background:url("images/end.gif") no-repeat;
width: 669px;
height: 23px;
margin-top: 25px;
margin-left: -200px;
padding-top: 3px;
}
Taigi lauksiu kritikos, pagyrimų galbūt, norėčiau sužinoti kas šiuo metu blogai. ;)
O dėl padding'ų su minusu, tai tiesiog neišėjo man kitaip padaryti, nes padding-right, arba padding-bottom nelabai norėjo veikti kaip priklauso, na bandžiau ir daugiau variantų, bet kažkaip su minusu mane išgelbėjo labiausiai.
Ir dar norėjau paklausti dėl kodo, ir ar tai klaida, jeigu esu parašes taip?
<div style="color:white; font-size: 12px">PRISIJUNKITE PRIE MŪSŲ! </div>
<div id="junk"> </div>
O ne taip :
<div id="junk"> </div>
<div style="color:white; font-size: 12px">PRISIJUNKITE PRIE MŪSŲ! </div>
Redagavo SonyNokia· 2014 Kov. 8 00:03:35