pozycjonowaanie textu na png@header
This commit is contained in:
parent
e26fa89233
commit
63060a9db8
@ -3,4 +3,22 @@ body {
|
||||
background-color: #EAEAEA;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
header {
|
||||
position: relative;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
header img {
|
||||
width: 100%;
|
||||
}
|
||||
.header-text {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
color: white;
|
||||
font-size: 48px;
|
||||
font-weight: bold;
|
||||
}
|
||||
5
i1.html
5
i1.html
@ -6,10 +6,13 @@
|
||||
<link rel="stylesheet" href="css/layout.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<header>
|
||||
<img src="imgs/baner.png" alt="kursy komputerowe">
|
||||
<div class="header-text">hello</div>
|
||||
<div class="header-text">Kursy komputerowe</div>
|
||||
</header>
|
||||
|
||||
|
||||
<nav>
|
||||
<a href="i1.html">Strona główna</a>
|
||||
<a href="raty.html">Koszt rat</a>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user