Skocz do zawartości
"Idzie nowe..." - o zmianach i nie tylko ×
Przeniesienie zakupów z IPS Marketplace / Moving bought items from IPS Marketplace ×

Problem - DIV zakrywa DIVA, Background ucieka w górę

acmenagers

Przez acmenagers
w Web & Hosting & Grafika

 Udostępnij

Rekomendowane odpowiedzi

acmenagers Entuzjasta

acmenagers

Opublikowano
Opublikowano

Witam serdecznie ! Piszę z wielką prośbą o pomoc. 

 

Od wczorajszego wieczoru pracuje nad stroną internetową - mam dwa problemy, z którymi do tej pory (rana) nie mogę sobie dać rady. 

 

Problem pierwszy 

Jeden z elementów strony jest zakryty przez drugi - zamiast być pod nim. 

 

post-17743-0-64181500-1394857529_thumb.j

 

 

 

 

Problem drugi 

 

Background ucieka w górę. 

 

post-17743-0-04292200-1394857724_thumb.j

 

-----------------------------------------------------------------------------------------------------------

 

 

 

CSS

body {
 background: brown;



}







.header {

 
position: absolute;
top: 0;
left: 0;
width: 100%;
display: block;
background-image: url(bg.png), url(http://demo.themeum.com/starter/wp-content/uploads/2014/02/slider-3.jpg);
background-size: cover; height: 100%; 
background-repeat: no-repeat;
height: 100%;



}




.hexagon {
width: 200px;
height: 200px;
position: relative;
border-radius: 200px;
border: solid 1px black;
margin: auto;
margin-top: 100px;
box-shadow: 0px 0px 6px 0px;
background-image: url(http://media3.onsugar.com/files/2012/04/14/2/192/1922153/d8ab2f532b3c48cb_marc_runway.xxxlarge_1.jpg);
background-size: cover;
}












.hexa {
width: 200px;
height: 200px;
position: relative;
border-radius: 200px;
border: solid 1px black;
margin: auto;
margin-top: 100px;
box-shadow: 0px 0px 6px 0px;
background-image: url(http://media3.onsugar.com/files/2012/04/14/2/192/1922153/d8ab2f532b3c48cb_marc_runway.xxxlarge_1.jpg);
background-size: cover;
}













h1 { color: white;
font-size: 50px;
font-family: arial;
}




h2 { color: rgb(163, 21, 21);
font-size: 30px;
font-family: arial;}


h3 { color: white;
font-size: 20px;
font-family: arial;}


p { color: rgb(150, 150, 150);
font-size: 13px;
font-family: arial;
}

HTML

<html class="cufon-active cufon-ready"><head>


<link rel="stylesheet" href="style.css" type="text/css">


<script type="text/javascript" src="cufon.js"></script><style type="text/css">cufon{text-indent:0!important;}@media screen,projection{cufon{display:inline!important;display:inline-block!important;position:relative!important;vertical-align:middle!important;font-size:1px!important;line-height:1px!important;}cufon cufontext{display:-moz-inline-box!important;display:inline-block!important;width:0!important;height:0!important;overflow:hidden!important;text-indent:-10000in!important;}cufon canvas{position:relative!important;}}@media print{cufon{padding:0!important;}cufon canvas{display:none!important;}}</style>
<script type="text/javascript" src="Bebas_320.font.js"></script>



<script type="text/javascript">
    Cufon.replace('h1')
Cufon.replace('h2')
Cufon.replace('h3')


</script>


</head>




















<body>






<div class="header">



<div class="hexagon"></div>

<center>
<h1><cufon class="cufon cufon-canvas" alt="Nazwa " style="width: 117px; height: 50px;"><canvas width="173" height="55" style="width: 173px; height: 55px; top: -10px; left: -7px;"></canvas><cufontext>Nazwa </cufontext></cufon><cufon class="cufon cufon-canvas" alt="strony" style="width: 119px; height: 50px;"><canvas width="163" height="55" style="width: 163px; height: 55px; top: -10px; left: -7px;"></canvas><cufontext>strony</cufontext></cufon></h1>

<h2><cufon class="cufon cufon-canvas" alt="Opis " style="width: 46px; height: 30px;"><canvas width="79" height="33" style="width: 79px; height: 33px; top: -6px; left: -4px;"></canvas><cufontext>Opis </cufontext></cufon><cufon class="cufon cufon-canvas" alt="strony" style="width: 72px; height: 30px;"><canvas width="98" height="33" style="width: 98px; height: 33px; top: -6px; left: -4px;"></canvas><cufontext>strony</cufontext></cufon></h2>
<p>Polski</p>
</center>

</div>







<div class="hexa"></div>







</body></html>
Odnośnik do komentarza
Udostępnij na innych stronach

Jeśli chcesz dodać odpowiedź, zaloguj się lub zarejestruj nowe konto

Jedynie zarejestrowani użytkownicy mogą komentować zawartość tej strony.

Zarejestruj nowe konto

Załóż nowe konto. To bardzo proste!

Zarejestruj się

Zaloguj się

Posiadasz już konto? Zaloguj się poniżej.

Zaloguj się
 Udostępnij
Tematy

  • Ostatnio przeglądający   0 użytkowników

    • Brak zarejestrowanych użytkowników przeglądających tę stronę.
×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Umieściliśmy na Twoim urządzeniu pliki cookie, aby pomóc Ci usprawnić przeglądanie strony. Możesz dostosować ustawienia plików cookie, w przeciwnym wypadku zakładamy, że wyrażasz na to zgodę.