| Autor | Zpráva | ||
|---|---|---|---|
| StrangeRTV Profil |
Ahoj,
Snažím se posunout průhledný box z mé stránky o 10px pod header, ale pomocí margin-bottom: 10px; to nefunguje, kde by mohl být problém? * {
margin: 0;
padding: 0;
outline: 0;
border: 0;
}
body {
background: url("http://stranger.cf/images/bg.jpg");
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.header {
height: 45px;
width: 100%;
background-color: #303030;
top: 0;
position: fixed;
border-bottom-color: #0fc0fc;
border-bottom-style: solid;
border-bottom-width: 2px;
margin-bottom: 10px;
}
.header table td a {
color: #ffffff;
text-decoration: none;
font-size: 20pt;
padding-left: 10px;
padding-right: 10px;
font-family: UbuntuB;
margin-bottom: 10px;
}
.header table td {
text-align: center;
}
.header table {
position: fixed;
width: 100%;
height: 45px;
margin-bottom: 10px;
}
.header table td a:hover {
color: #008acf;
}
.container {
width: 1000px;
margin: 45px auto;
}
.title table {
width: 100%;
height: 50%;
margin-left: auto;
margin-right: auto;
}
.title {
margin-top: 10%;
width: 100%;
height: 50%;
background-color: #000000;
display: block;
margin: 0 auto;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
filter: alpha(opacity=60);
-moz-opacity:0.6;
-khtml-opacity: 0.6;
opacity: 0.6;
}
.title table td p {
width: 100%;
height: 50%;
}
@font-face {
font-family: UbuntuB;
src: url("http://stranger.cf/font/Ubuntu-B.ttf");
}<!DOCTYPE html>
<html>
<head>
<title>StrangeR's Website</title>
<link rel="stylesheet" href="addons/style.css">
</head>
<body>
<section class="header">
<table>
<td>
<a href="index.php">HOME</a>
<a href="#">EDITOR</a>
<a href="#">IMAGES</a>
<a href="#">VIDEOS</a>
<a href="#">SCRIPTS</a>
</td>
</table>
</section>
<div class="container">
<section class="title">
<table>
<td>
<p> awdawdnfdnfndldnldldnl </p>
</td>
</table>
<p>Test!</p>
</section>
</div>
</body>
</html> |
||
| Bubák Profil |
#2 · Zasláno: 17. 4. 2014, 18:36:04
Příčina je na řádku v CSS na řádku 21. CSS pozicování » Absolutní poloha, pasáž o vyjmutí z toku dokumentu platí i pro fixní pozicování.
Dej průhlednému boxu odsazení shora o 10px + výška headeru, pak bude průhledný box tam, kde ho chceš. |
||
| StrangeRTV Profil |
#3 · Zasláno: 17. 4. 2014, 18:41:50
Teď to funguje, když jsem smazal řádek 21, díky :)
|
||
| Tomáš123 Profil |
StrangeRTV:
Skôr si mohol dať 20 riadku top: 10px; alebo ho zmazať, asi malo nejaké opodstatnenie to fixed, nie?
|
||
| StrangeRTV Profil |
#5 · Zasláno: 17. 4. 2014, 18:51:14
Mělo, když jsem dřív něco zkoušel a pak jsem to zapomněl smazat, ale jinak to tam už není z žádného důvodu.
|
||
| Tomáš123 Profil |
#6 · Zasláno: 17. 4. 2014, 19:16:37
StrangeRTV:
Doporučujem ti aby si si prešiel svoj kód a vymazal nepotrebné veci, vyhneš sa tým tomu, že jednoduchý problém ako bol tento budeš vedieť vyriešiť svojpomocne (ak si budeš ďalej takto špiniť kód, budeš chcieť nastaviť farbu a nebude to fungovať..to je iba príklad). |
||
| StrangeRTV Profil |
Ale ještě mě zajímá jedna věc, proč se text přizpůsobil tomu ,,title" takže má vlastně stejný vlastnosti a je průhledný i přesto, že jsem nastavil opacity 100 u textu zvlášť
.title {
width: 100%;
height: 50%;
background-color: #000000;
display: block;
margin: 0 auto;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
filter: alpha(opacity=60);
-moz-opacity: 0.6;
-khtml-opacity: 0.6;
opacity: 0.6;
}.title table td div {
color: #ffffff;
font-size: 25px;
text-align: center;
font-family: UbuntuB;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1.0;
-khtml-opacity: 1.0;
opacity: 1.0;
} |
||
| Bubák Profil |
#8 · Zasláno: 17. 4. 2014, 20:16:45
Naposledy se to probíralo ani ne před týdnem:
Jak zrušit průhlednost u písma které je v poloprůhledném div |
||
|
Časová prodleva: 10 let
|
|||
0