Autor Zpráva
NikerCZLP
Profil
Ahoj, udělal jsem si menu podle navodu
html
 <div id="nav">           
      <ul>                 
        <li>        
        <a class="active" href="#" onClick="goto('#about', this); return false">About</a>        
        </li>                 
        <li>        
        <a href="#" onClick="goto('#work', this); return false">Work</a>        
        </li>                 
        <li>        
        <a href="#" onClick="goto('#contact', this); return false">Contact</a>        
        </li>           
      </ul>    
    </div>    
    <div id="content">                
      <div class="contentbox-wrapper">                      
        <div id="about" class="contentbox">            <h3>About</h3>                        
          <div style="width: 400px;">                         
            <p class="a8" >                                                     
              <hg class="pruhledny-alpha">                           
<?
$soubor = fopen("textd.txt", "r");
$text = fread($soubor, 50000000);
echo($text);
fclose($soubor);
                                ?>             
          </div>          
          <hg>                                      
            </p>                 
        </div>                   
        <div id="work" class="contentbox">            <h3>Work</h3>                       
          <p>Lorem ipsum dolor ...           
          </p>                 
        </div>                   
        <div id="contact" class="contentbox">            <h3>Contact</h3>                       
          <p>Lorem ipsum dolor ...            
          </p>                 
        </div>           
      </div>       
    </div>
css
<style>body{ overflow-x: hidden; overflow:hidden; }   #nav {          margin-top:5px;     background-color: grey;          border-bottom: 5px solid #DDDDDD;     padding: -5px -5px; }   #nav ul li{          position: relative; top: 0;     font-size: 40px;     display:inline;     margin-right:15px;      }   #nav a.active {     font-weight:bold;     color:black; } #content{           overflow:hidden;     -moz-box-shadow: 0 0 10px 10px #ccc;     -webkit-box-shadow: 0 0 10px 10px #ccc;     box-shadow: 0 0 5px 5px #ccc; }  .contentbox-wrapper{      position:relative;     left:0%;     width:4000px;     height:86%;     }  .contentbox{          width:32%;     height:95%;     float:left;     padding:20px;     background-image: url("img/article.jpg") ;    }       
    </style>

js
<script>
function goto(id, t){
    
    $(".contentbox-wrapper").animate({"left": -($(id).position().left)}, 600);
 
    
    $('#nav a').removeClass('active');
 
    
    $(t).addClass('active');
}
</script>   
a potřeboval bych přidat další založky menu vzdy když sem přidal další tak mě to vracelo na home nevím jak to vyřešit děkuji za pomoc předem :D
peta
Profil
Tvuj pokus jsou z toho ktere radky? Protoze, tady se nehraje na to, udelejte za mne, ale pomozte najit chybu nebo navod.
1. na radek 34 zkopirujes radku 34-36 a zmenis id="contact" na id="AABBCC"
2. na radek 9 zkopirujes radky 9-11 a zmenis goto('#contact', this) na goto('#AABBCC', this)
No, a to by melo byt cele. Otazkou je, zda jsi to tak mel i ty. Pokud jo, ukaz kod a pak by melo smysl hledat dalsi chybu. Nejlepe link na stranku, kde je mozne videt funkcni a nefunkcni reseni. Tady ti evidentne chybi casti kodu a nektere veci jsou php kod, kteremu prohlizec nerozumi a ani spousta ctenaru js fora php nerozumi, takze ti asi pak moc lidi neporadi.
--
Jo, to css v pspadu preformatovene vypada takto, kdyby si s tim nekdo ctel hrat.
body {
    overflow-x: hidden;
    overflow: hidden;
}
#nav {
    margin-top: 5px;
    background-color: grey;
    border-bottom: 5px solid #DDDDDD;
    padding: -5px -5px;
}
#nav ul li {
    position: relative;
    top: 0;
    font-size: 40px;
    display: inline;
    margin-right: 15px;
}
#nav a.active {
    font-weight: bold;
    color: black;
}
#content {
    overflow: hidden;
    -moz-box-shadow: 0 0 10px 10px #ccc;
    -webkit-box-shadow: 0 0 10px 10px #ccc;
    box-shadow: 0 0 5px 5px #ccc;
}
.contentbox-wrapper {
    position: relative;
    left: 0%;
    width: 4000px;
    height: 86%;
}
.contentbox {
    width: 32%;
    height: 95%;
    float: left;
    padding: 20px;
    background-image: url("img/article.jpg");
}
NikerCZLP
Profil
a když kliknuv tom menu na aabbcc tak se nic nestane :/
peta
Profil
A mas link na stranku? Takhle vubec nikdo nema tuseni, jaky mas presne kod a nemuze si ho kliknutim spustit. To php tam na fukncnosti asi nic nezmeni, takze,¨to bys tam davat nemusel.
Povídání o živých ukázkách

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

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