wdrożenia PrestaShop Powiększenie zdjęć moduł

Intro, strona startowa ?

  • 1 Odpowiedzi
  • 1356 Wyświetleń

0 użytkowników i 1 Gość przegląda ten wątek.

*

Offline makow33

  • Nowy
  • *
  • 13
  • 0
  • PrestaShop: PS
  • Status: forum
Intro, strona startowa ?
« dnia: Sierpień 08, 2014, 10:19:34 pm »
Witam pracuję nad intro do mojego sklepu efekt poniżej:

www.buldogwroclaw.pl

Mam kilka pytań do osób które lepiej znają html i cms ode mnie.

Chciałbym aby główne zdjęcie było na każdym monitorze na środku, przycisk był zakotwiczony w jednym miejscu i miał stałą wielkość.

W tej chwili gdy ruszamy  scrollem myszki element zmienia swój rozmiar.

__________

Kod html:

<?xml version="1.0" encoding="utf-8"?>                   

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
            "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="po">
  <head>
    <meta http-equiv="Content-Type" content="text/xhtml; charset=utf-8"/>
    <title>Buldog Wrocław</title>
    <link href="style.css" rel="stylesheet" type="text/css"/>
  </head>
  <body>
  <p>
 <a href="http://www.buldogwroclaw.pl/sklep/" ><img src="wejsce.png" width="80%" height="80%"
    alt="WEJSCIE DO SKLEPU" hspace="300" border="0" >[/url]
</p>
  </body>
</html>

___________

Kod cms:

body {background: url(../SS.jpg);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: 1/2;
  margin-top: 1/2;
  }
 
p
{background-repeat:no-repeat; 
position: absolute;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;}

*

Offline design4VIP

  • user
  • Mieszkaniec
  • *****
  • 3,866
  • 131
    • design4VIP z innej strony...
  • PrestaShop: PS
  • Status: Programista
Odp: Intro, strona startowa ?
« Odpowiedź #1 dnia: Sierpień 09, 2014, 09:08:37 am »
po pierwsze to nie to forum... tutaj jest forum scisle PS a nie HTML (podstawy)

po drugie, jak chcesz zeby obrazek byl na srodku to musi to byc obrazek  a nie tlo... chociaz i tlo da sie wypozycjonwoac ale po co sie meczyc. dalej dla obrazka ujetego  w div width:100%, height: 100% z tlem cegiel rdzucasz obrazek img z margin:auto i position:relative

przycisk ustawiasz po position:absolute, bottom:20px, right:0 i po sprawie.

reszta to juz w jakims tutorialu CSS
design4VIP z innej strony...