Autor Zpráva
18Mio18
Profil
Ahoj potreboval by som pomoct s Css menu ... Budem velmi rad za vsetko co tu napisete .. teda hlavne za to co mi pomoze :)

Html:


<!DOCTYPE html 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></title>
       <link rel="stylesheet" type="text/css" href="styl.css" />
</head>
  <body>
    <div id="boxcenter">
    
      <div id="heder"></div>
      
      <div id="boxnav">
        <ul id="nav">
        
          <li id="m1"><a href="#">1rrr</a></li>
          <li id="m2"><a href="#">2rrr</a></li>
          <li id="m3"><a href="#">3rrr</a></li>
          <li id="m4"><a href="#">4rrr</a></li>
          <li id="m5"><a href="#">5rrr</a></li>
        </ul>
      </div>
      
     <div>

<br><br><br> <br>    
<a href="#"><img src="../images/logo.png" style="float:left;position: relative;left:17px;right:10px"/>
<a href="#"><img src="../images/kodovanie1.png" style="float:left;position: relative;left:87px;right:10px"/>
<a href="#"><img src="../images/flash.png" style="float:left;position: relative;left:140px;right:10px"/>


&nbsp;
       
             
      </div>
      
          <div id="foot">
     <div class="in"><img src="../images/peticka2.png" alt="Design,coding : 18Mio18" />
     
        </div>
     </div>



    </div>
  </body>
</html>




Css


img,div,h1,h2,h3,h5,p,ul,ol,li,form,dl,dd,dt,object { display: block; border: 0; margin: 0; padding: 0; }
.blocker { clear: both; height: 1px; width: 10px; font-size: 1px; background-image: none !important; }

body {
     	font: .74em arial, helvetica, verdana, sans-serif;
	    line-height: 1.6em;
      font-size: 15px;
      font-family: Arial,Verdana, sans-serif;
      color: white;
      text-align: left;
      font-style:italic;
      background: #97bbd5 url("../images/background2.jpg");top left;repeat-x;
      text-align: center; /* toto je len pre IE6*/
     }


#boxcenter { width: 1024px; margin: 0 auto; } /* toto centruje na stred pre FF, OP */

#heder {
              background-image:url("../images/heder1.jpg");
              width:904px;
              height:156px;
              background-position:top;
              background-repeat:no-repeat;
              margin: 0 auto;
              }
              
              
/*menu*/
#boxnav {  width: 884px;
           height: 40px; 
           margin:  0 auto;
           border: 1px solid white;}
#nav {
  width: 884px;
  height: 30px;
	list-style: none;
	padding-left: 60px; /* bolo 50 px */
	}
	
/*index*/
#m1 a {
    width: 30px;
    height: 131px;
    background-image: url("buttons/home.gif");
    background-position: 0 0;
    background-repeat: no-repeat;
}
/*portfolio*/
#m2 a {
    width: 30px;
    height: 131px;
    background-image: url("buttons/omne.gif");
    background-repeat: no-repeat;
    margin-left: 11px;
}
/*grafika*/
#m3 a {
    width: 30px;
    height: 131px;
    background-image: url("buttons/referencie.gif");
    background-repeat: no-repeat;
    margin-left: 11px;
}
/*tvorba webu*/
#m4 a {
    width: 30px;
    height: 131px;
    background-image: url("buttons/buduce-projekty.gif"");
    background-repeat: no-repeat;
    margin-left: 11px;
}
/*kontakt*/
#m5 a {
    width: 30px;
    height: 131px;
    background-image: url("buttons/kontakt.gif");
    background-repeat: no-repeat;
    margin-left: 11px;
}
                             
                                
#obsah {
        background-color: #2ebeea; padding: 20px 60px; text-align: left;}
        

#foot {
	height: 100px;
	width: 100%;
	position:absolute;
	left: 0;
	bottom: 0;
}
#foot .in {
	width: 1024px;
	margin: 0 auto;
	height: 50px;
	background: #000;
	color: #ffcc00;
	text-align: center
}
#foot p {
	padding: 25px 25px 0 25px;
	margin: 0;



A prepacte som tu novy ...
Potreboval by som poradit ako mam zrobit kazde tlacitko ine a ci mam dobre ten kod ... "Validita nie je Boh vie aka"..

Dakujem...
18Mio18
Profil
/*menu*/
#boxnav { width: 884px;
height: 40px;
margin: 0 auto;
border: 1px solid white;} Tu mam vlastne ram (border) lebo tam aj tak nepojde ziadna farba ...
panther
Profil
18Mio18
Potreboval by som poradit ako mam zrobit kazde tlacitko ine
jaké tlačítko? Žádné jsem nikde nenašel.

a ci mam dobre ten kod
jsou tam nějaké věci, které by tam být nemusely (v HTML i CSS), ale na začátečníka to není nejhorší.
Bubák
Profil
panther
jaké tlačítko? Žádné jsem nikde nenašel.
To asi budou tyhle číslované "nudle":
#m1 a { 
width: 30px; 
height: 131px;


18Mio18
Potreboval by som poradit ako mam zrobit kazde tlacitko ine
Dáš každému jiné pozadí, aspoň kód je tak napsaný.

ci mam dobre ten kod
Díval jsem se zběžně jen na menu:
- tlačítka nebudou mít tebou požadovaný rozměr "nudle" (to myslíš vážně, šířka 30px, výška 131px?), protože "a" (odkaz) není blok.

Proč jak *** každému tlačítku samostatně deklaruješ rozměry a parametry pozadí, když to jde najednou?
#nav a {
display: block;
width: 30px; 
height: 131px; 
background-repeat: no-repeat; 
margin-left: 11px; 
}
18Mio18
Profil
jj dakujem to tlacitko je tvorene v gife no zatial som ho nechal tak aby sa nemenilo teda ziadny hover(zatial) .
18Mio18
Profil
Bubak dakujem. zabudol som povedat ze tie tlacitka su m1-m4 abo tak. Sorry s tymi rozmermi som sa pomylil...
18Mio18
Profil
panter ake veci v html a css si myslel?
18Mio18
Profil
???

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: