Aliniere banner si link-uri in stanga

Coduri intrebari, probleme legate de HTML, XHTML si CSS
LOL
Mesaje: 13

Aliniere banner si link-uri in stanga

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>

MarPlo Mesaje: 4343
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.

LOL Mesaje: 13
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>

MarPlo Mesaje: 4343
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

Subiecte similare