 [HTML][CSS]Pozycjonowanie, Pozycjonowanie tekstu w hiperłączu |
  |
| [HTML][CSS]Pozycjonowanie, Pozycjonowanie tekstu w hiperłączu |
Post
#1
|
|
 Grupa: Zarejestrowani Postów: 34 Pomógł: 0 Dołączył: 6.01.2011 Skąd: Sosnowiec Ostrzeżenie: (0%) 
 |
Witam, mam pewnien problem, mianowicie chciałbym aby napis w moim hiperłączu (HISTORIA) znalazł się na środku pojemnika w którym sie znajduje, można liczyć na jakies porady? oto kod:
Kod <html> <head> <link rel="Stylesheet" type="text/css" href="style.css" /> </head> <body> <div class="top"> <p class="Logo">Firma pomiarowo - remontowa</p><br /> <p class="Logo1">POMETR</p><br /> <hr /> </div> <div class="MenuKafelki"> <div class="kafelek"> <a href="#" class="button">Historia</a> </div> <div class="kafelek"> <a href="#" class="button"></a> </div> <div class="kafelek"> <a href="#" class="button"></a> </div> <br /> <div class="kafelek"> <a href="#" class="button"></a> </div> <div class="kafelek"> <a href="#" class="button"></a> </div> <div class="kafelek"> <a href="#" class="button"></a> </div> </div> <div class="stopka"> </div> </body> </html> Oraz Kod body{
margin: 0px; background-color: white;} .top { position: relative; margin-left: 10%; margin-top: 20px; height: 20%; width: 80%; background-color: white;} .MenuKafelki{ height: 50%; width: 90%; margin-top: 50px; margin-left: 0%; padding: 5%; padding-top: 0%; background-color: white; } .kafelek{ position: relative; display: inline-block; margin: 5%; width: 23%; height: 30%; border-style: solid; border-width: 0px; background-color: white;} .stopka{ position:absolute; margin-left: 10%; width: 80%; height: 2%; bottom: 0px; background-color: white; } p.Logo{ position: absolute; font-family: BankGothic Md BT; left: 34.5%; top: 10%; font-size: 30px; } p.Logo1{ position: absolute; font-family: BankGothic Md BT; font-weight: 900; color: #E60909; left: 35%; top: 45%; font-size: 100px; } .button{ position: absolute; width: 100%; height: 100%; border-radius: 30px; display: block; text-align: center; box-shadow:25px 25px 10px black; background: rgb(0,0,0); /* Old browsers */ background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(132,132,132,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,1)), color-stop(100%,rgba(132,132,132,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(132,132,132,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(132,132,132,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(132,132,132,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(132,132,132,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#848484',GradientType=0 ); /* IE6-9 */ } a.button:hover { background: rgb(0,0,0); /* Old browsers */ background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(255,0,0,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,1)), color-stop(100%,rgba(255,0,0,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(255,0,0,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(255,0,0,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(255,0,0,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(255,0,0,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ff0000',GradientType=0 ); /* IE6-9 */ } -------------------- "Nie ważne by być lepszym od innych, ważne by być lepszym niż było się wczoraj"
|
 |
 
|
|
|
Aktualny czas: 20.08.2025 - 08:42 |
