Autor Zpráva
robbie
Profil
Ahoj , nevím proč, ale nedaří se mi dát barvu pozadí pro FOOTER. Přikládám kod, je to částečně v Bootstrapu:
Děkuji za pomoc

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Example of Bootstrap 3 Dropdown Methods</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $(".dropdown-toggle").dropdown('toggle');
});  
</script>
<style type="text/css">
    .bs-example{
        position:absolute;
        top: 600px;
        right:0px;
        
        
    }
    footer{background-color:grey;
        width:100%;
        height:80px;
           }   
   
</style>
</head>
<body >
   
    
    
    
    
    
    
    <footer>
<div class="bs-example">
   <div class="dropup">
      <a href="#"  class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
       <form   action="send.php"   method="post"  class="dropdown-menu" > 

<label for="email">Váš e-mail:</label>
<p>
<input name="email" id="email" type="text">
</p>
<label for="dotaz">Dotaz:</label>
<p>
<textarea name="dotaz" id="dotaz"  cols="22" rows="3"></textarea>
</p>
<input type="submit" value="Odeslat"> 

</form>
    </div>
</div>
    </footer>
</body>
</html>   
Tomáš123
Profil
robbie:
Skontroluj či:
– nemá nejaký vnorený prvok zaberajúci celú pre pätičku vyhradenú plochu nastavené iné pozadie
– v prípade, že sa ti darí zafarbiť iba 80 pixelov výšky pätičky, odstráň deklaráciu výšky a pridaj overflow: auto alebo clear
– si nezabudol na nejaké podrobnosti súvisiace s problémom a prípadne dodaj živú ukážku.

Môžeš tiež skúsiť vyriešiť svoj problém svojpomocne použitím nástrojov pre vývojárov (F12).
Tvoj skopírovaný kód mi síce vyhodil množstvo chýb, ale pätička ostala zafarbená.
robbie
Profil
Tak Footer je na svem místě, jen když kliknu v pravo dole na Dropdown odkaz, tak bych potřeboval, aby se formulář objevil více vlovo na stránce, ale on vyjede částečně mimo stránku a nevím, kde to upravit a co upravit ve css stylech nebo v Bootstrapu.

KOD:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Example of Bootstrap 3 Dropdown Methods</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>

<style type="text/css">

    .container{position:relative;
               height:600px;}
    .bs-example{
        position:absolute;
        top: 0px;
        right:10px;
        }
        
        
    .footer{background-color:grey;
        width:100%;
        height:80px;
        position:absolute;
        top:600px;
        } 
        
        
     form{
         }    
    a{color:white;}    
    
   
</style>
</head>
<body class="container">
   
    
    
    
    
    
    
    <div class="footer">
<div class="bs-example">
   <div class="dropup">
      <a href="#"  class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
       <form   action="send.php"   method="post"  class="dropdown-menu" > 
 
<label for="email">Váš e-mail:</label>
<p>
<input name="email" id="email" type="text">
</p>
<label for="dotaz">Dotaz:</label>
<p>
<textarea name="dotaz" id="dotaz"  cols="22" rows="3"></textarea>
</p>
<input type="submit" value="Odeslat"> 
 
</form>
    </div>
</div>
    </div>
</body>
</html>
Tomáš123
Profil
robbie:
Pridaj formuláru takú triedu, aby sa naň aplikovala deklarácia right: 0. Ak taká neexistuje, deklaráciu pridaj manuálne.
robbie
Profil
Tomáš123:
Díky moc Tome123, seš machr. Moc mi to pomohlo.

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: