stopka obaraz stopy rozjedza się .prosze o pomoc

damo · Styczeń 26

dzieńdobry tworzę strone www podaje kod :

<!DOCTYPE html>

<html>

<head>

<li><a href="#">galeria</a></li>

<li><a href="#">kontakt</a></li>

</ol>

<div>

<style>

div

{

text-align: center;

}

</style>

</div>

</head>

<title>galeria jowita Rudawska</title>

<style>

/* wygląd elementu - ol */

#menu {

width:400px;

margin:0 auto;

padding:0;

list-style-type:none;

background-color:#FDF;

}

/* naprawa wysokości elementu - ol */

#menu:after {

content:'';

display:block;

clear:both;

}

/* wygląd elementów - li */

#menu > li {

float:left;

}

/* pierwszy element - li - elementu o identyfikatorze menu */

#menu > li:first-child {

background-color:red;

width:30%;

}

/* drugi element - li - elementu o identyfikatorze menu */

#menu > li:first-child + li {

background-color:green;

width:40%;

}

/* trzeci element - li - elementu o identyfikatorze menu */

#menu > li:first-child + li + li {

background-color:blue;

width:30%;

}

/* wygląd elementów - a */

#menu > li > a {

display:block;

padding:15px;

text-decoration:none;

text-align:center;

color:#000;

background-color:#DDD;

box-shadow:0 0 0 1px #FFF inset;

background-image:linear-gradient(#FFF 0%, #EEE 30%, #DDD 70%, #FFF 100%);

}

/* wygląd elementów - a - po najechaniu kursorem myszki na element - li */

#menu > li:hover > a{

color:#00F;

background-color:#FFF;

background-image:none;

}

</style>

</head>

<body>

<style>

body {background-image: url(tlo.jpg) }

</style>

</body>

<div>

</div>

<style>

div

{

text-align: center;

}

</style>

</p>

</body>

<p> 2023 created Dawid Kunkel| <a href="https://www.innastrona.pl">o malarce</a> | <a href="">galeria prac</a> | <a href="">kontakt</a></p>

<p>Kontakt: jowitarudawska@egmail.com</p></display></div></cointainer>

</footer></div>

<style>

footer

{

margin-left: 250px;

right: 250px;

}

div footer{

}

footer

{

position: absolute;

min-height: 100;

background-image: url(tlo\ stopka.png); width:1402px; left: 0px; right: 0px; margin-bottom : 0.0cm; margin: top 0;

}

footer p {

color:aqua;

}

* {

margin: 0px 0px;

padding: 0px 0px;

}

html, body {

height: 100%;

text-align:center;

}

#container{

min-height: 100%;

height: auto !important;

height: 100%;

margin-bottom:-29px; /* - height of footer */

}

#footer, #push {

clear:both;

height:29px;

display: block;

}

</style>

</html>

problem robi sie ze po zmniejszeniu okna obraz stopki (footer) ucieka mocno w lewo . co robić ? gdzie robię błąd? gdy okno jest powiekszone wszystko wygląda idealnie

Zaloguj się

stopka obaraz stopy rozjedza się .prosze o pomoc

Recommended Posts

damo

Link do komentarza

Udostępnij na innych stronach

Join the conversation

Przeglądaj

Aktywność