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: 11 let
|
0