| Autor | Zpráva | ||
|---|---|---|---|
| StrangeRTV Profil |
Ahoj,
Dnes jsem zkoušel vytvořit si tabulku pod headerem, ale vytvoří se vždy jen takový malý proužek, který se zvětšuje jen podle textu. CSS: body {
background: url("http://stranger.cf/images/bg.jpg") no-repeat center center fixed;
margin: 0;
padding: 0;
position: fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.header {
height: 45px;
width: 100%;
background-color: #0068a1;
top: 0;
position: fixed;
}
.header table td a {
color: #ffffff;
text-decoration: none;
font-size: 20pt;
padding-left: 10px;
padding-right: 10px;
}
.header table td {
text-align: center;
}
.header table {
position: fixed;
width: 100%;
height: 45px;
margin-bottom: 10px;
}
.header table td a:hover {
color: #ff9900;
}
div {
display: block;
}
.title table {
width: 100%;
height: 50%;
margin-left: auto;
margin-right: auto;
}
.title {
width: 100%;
height: 50%;
background-color: #000000;
display: block;
}
.title table td p {
width: 100%;
height: 50%;
}HTML: <!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>
<section class="title">
<table>
<td>
<p> awdawdnfdnfndldnldldnl </p>
</td>
</table>
</section>
</body>
</html>Ukázka: http://stranger.cf/ Takhle nějak by to mělo být: http://stranger.cf/uploads/prev.png Ale ten obdélník bude plný (Jen jsem zatím označil pozici v malování) |
||
| Bubák Profil |
#2 · Zasláno: 12. 4. 2014, 21:10:02
Pozicovat
body není dobrý nápad.
|
||
| Tomáš123 Profil |
#3 · Zasláno: 12. 4. 2014, 21:28:08
StrangeRTV:
Ty vlastne potrebuješ, aby tá tabuľka, ktorú tam momentálne nevidno, mala svoju výšku aj keď v nej žiadny text nie je? Ak áno skús použiť CSS vlastnosť min-height: ...;.
|
||
|
Časová prodleva: 12 let
|
|||
0