| Autor | Zpráva | ||
|---|---|---|---|
| robbie Profil |
#1 · Zasláno: 22. 7. 2016, 03:15:39
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 |
#2 · Zasláno: 22. 7. 2016, 07:52:57
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 |
#3 · Zasláno: 22. 7. 2016, 20:37:58
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 |
#4 · Zasláno: 22. 7. 2016, 21:18:54
robbie:
Pridaj formuláru takú triedu, aby sa naň aplikovala deklarácia right: 0. Ak taká neexistuje, deklaráciu pridaj manuálne.
|
||
| robbie Profil |
#5 · Zasláno: 24. 7. 2016, 11:33:27
Tomáš123:
Díky moc Tome123, seš machr. Moc mi to pomohlo. |
||
|
Časová prodleva: 9 let
|
|||
0