Witam. Tworzę prostą "roboczą" stronę, nie musi być potworem wydajności. Po obecnej zawierusze będzie profesjonalna natomiast jako że nauka nigdy nikomu nie zaszkoidzła podobno wziałem się za kombinowanie i problemy już na starcie.
Mam obrazek jpeg, który ma być tłem dla całej strony. i Pytanie:
Jak na tym obrazku, który ma być tłem umieszczać inne elementy? Logo, tekst, obrazki, przyciski etc. Chodzi mi o wskazanie metody.
Obecnie mam to i nie wiem czy jest to odpowiednia struktura do tego typu działania.
Będę wdzięczy za rady w jaki sposób powinieniem za to sie zabrać. Dołączam poglądowy obrazek, tekst jaki miałem pod ręką :)
Poniższy kod wyświetla tło.
<head>
<style>
div.column {
max-width: 1000px;
}
figure.fixedratio {
padding-top: 56.25%;
margin: 0;
background-image: url(obrazek.jpeg);
background-size: cover;
-moz-background-size: cover;
background-position: center;
}
</style>
</head>
<body>
<div class="column">
<figure class="fixedratio">
</figure>
</div>
</body>