Pagina 1 din 1
Aliniere banner si link-uri in stanga
Scris: Mie Oct 28, 2015
de LOL
Cum pot face ca bannerul sa apara in stanga si acele butoane in stanga ?(in codul de mai jos)
Cod: SelectaĊ£i tot
<div id="header1" class="container">
<br>
<div id="logo"><a href="#"><img src="resources/logo.png"/></a></div>
<a href='#' class='button' >Button</a>
<a href='#' class='button' >Button</a>
<a href='#' class='button' >Button</a>
</div>
Aliniere banner si link-uri in stanga
Scris: Mie Oct 28, 2015
de MarPlo
Aplica in css: float: left; la elementul care vrei sa apara in stanga, sau: display: inline-block; la elementele care vrei sa fie aliniate pe un rand (in ordinea lor).
Cauta pe internet tutoriale si exemple despre: "css float left" si "css display-inline".
Incearca cu ce gasesti, iar unde nu te descurci, posteaza pe forum ce ai incercat.
Aliniere banner si link-uri in stanga
Scris: Joi Oct 29, 2015
de LOL
Am rezolvat.Dar cum pot pune o imagine in spatiul gol dintre Header si footer cu imaginea asta:
admini.xyz/stats/resources/bg.jpg
Pagina:
Cod: SelectaĊ£i tot
<script>
/*function check(e)
{
alert(e.keyCode);
}*/
document.onkeydown = function(e) {
if (e.ctrlKey &&
(e.keyCode === 83 || e.keyCode === 85 )) {
alert('cProtect System: Functie blocata !');
return false;
} else {
return true;
}
};
</script>
<link href="stats/resources/styl.css" rel="stylesheet">
<html class=" js touch" lang="ro">
<header id="header">
<title>.:: BLOOD.DEVILZ.RO ::.</title>
<div id="header-inner">
<div id="left-area" class="span7">
<img src="stats/resources/logo.png" href="stats/">
</div> <!-- /#left-area -->
<div id="right-area" class="span5" style="text-align:right">
<div id="user-area" class="span5 offset2" >
<a class="HeaderButton" href="stats/">Acasa</a>
<a class="HeaderButton" href="stats/rank/index.php">Rank</a>
<a class="HeaderButton" href="stats/bans/index.php">Bans</a>
<a class="HeaderButton" href="stats/admins/index.php">Admins</a>
</div><!-- /#user-area -->
</div><!-- /#right-area -->
</div><!-- /#header-inner -->
</header>
<footer id="footer1" class="container">
<center>
<br>
<a href="server_info/195.178.102.87:27015/" target="_blank"><img src="server_info/195.178.102.87:27015/b_350_20_930E00_FA6304_FFFFFF_000000.png" border="0" width="350" height="20" alt=""/></a>
</center>
</footer>
</html>
Re: Aliniere banner si link-uri in stanga
Scris: Joi Oct 29, 2015
de MarPlo
Dar cum pot pune o imagine in spatiul gol dintre Header si footer
Poti sa setezi din css o imagine de background la elementul html care vrei, ori la <body>, ori la vreun element care e intre header si footer.
Si pozitionezi background-ul cum vrei, vezi lectiile:
https://marplo.net/css/culori_fundal
https://marplo.net/css/css3-background-proprietati-noi