Parašė SonyNokia· 2014 Kov. 8 12:03:41
#40
Dėkoju labai už paaiškinta sintakse. ;)
Taigi pataisiau ir sudėjau kas po ko eina tiek HTML tiek CSS kalboje, tai ką pastebėjau, kad ant kaikurių karpinių išėjo išvengti margin minusų, bet ne ant visų.
Nuotrauka:
Manau, kad jau niekuo nebenustebins, tą patį vaizdą +/- matant.
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>
<span style="color:white; font-size: 12px">PRISIJUNKITE PRIE MŪSŲ! </span>
<div id="junk"> </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="jpg">
<div style="color:white; font-size: 12px; padding-top: 118px">Tik čia atskleidžia tikro gyvenimo galimybes </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: 10px 0 -23px -50px;
}
#meniu {
background:url("images/meniu.gif") no-repeat;
width: 664px;
height: 45px;
padding: 5px 0 0 0;
}
#meniu_tekstas {
width: 664px;
height: auto;
list-style: none;
padding: 5px 0 0 0 ;
}
#junk {
background:url("images/junk.gif") no-repeat;
width: 667px;
height: 23px;
margin: -19px 0 0 0;
}
#monitorius {
background:url("images/monitorius.gif") no-repeat;
width: 195px;
height: 241px;
margin: 3px 472 0 0;
}
#jpg {
background:url("images/jpg.gif") no-repeat;
width: 465px;
height: 144px;
margin: -231px 0 0 199px;
}
#info {
background:url("images/info.gif") no-repeat;
width:469px;
height: 96px;
margin: 14px 0 0 0;
}
#end {
background:url("images/end.gif") no-repeat;
width: 669px;
height: 23px;
margin: 27px 0 0 -200;
padding: 3px 0 0 0;
}
Taigi margin: 0 0 0 0; labai pagelbėjo, nes pavyko tiek sutaupyti eilučių, tiek išmokti -užtvirtinti naujove, kuri labai patogi. ;) Dar ką pastebėjau tai , kad pradėjo ir right margin veikti normaliai, bet ne ant visų.
Ir visgi kilo man klausimas... O kaip pritaikyti prie visų naršyklių , kad būntų vienodas vaizdas? Nes kai derinau prie Chrome Canary, tai viskas gerai. O kai Google Chrome, Internet Explorer, Mozilla jau nebeatitinka..
Pamiršiu slaptažodį, laukiu Tavo pastebėtų mano klaidelių, ar kitų dalykų.
Redagavo SonyNokia· 2014 Kov. 8 15:03:32