Ваге

Search bar PHP and AJAX

:focus {outline:none;}
::-moz-focus-inner {border:0;}

Если у вас позиция меню position:absolute; измените его position:relative;

YouTube

Читайте вот здесь Ответы на вопросы о лицензиях GNU

<script type="text/javascript">
var ar = <?php echo json_encode($ar) ?>;
</script>

Функция PHP json_encode возвращает строку, содержащую JSON эквивалент стоимости переданного ей в качестве мы демонстрируем здесь с численно индексированный массив:

Или это попробуйте

<script type="text/javascript">
var fruits = <?php echo '["' . implode('", "', $fruits) . '"]' ?>;
</script>

The implode() function returns a string from the elements of an array.
The implode() function accept its parameters in either order. However, for consistency with explode(), you should use the documented order of arguments.
The separator parameter of implode() is optional. However, it is recommended to always use two parameters for backwards compatibility.
This function is binary-safe.

Попробуем сделать так я приведу такой пример

HTML

<header></header>
<main>
  <script> 
    for(var i = 0; i < 40; i++){ 
    document.write("<h2>"+(i+1)+". Dummy page content ... </h2>"); 
    }
</script>
</main>
<footer></footer>

CSS

body {
    padding-top: 40px;
}

header {
    background: #f5b335;
    height: 40px;
    position: fixed;
    top: 0;
    transition: top 0.2s ease-in-out;
    width: 100%;
}

.nav-up {
    top: -40px;
}

main {
   background:url(
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAPklEQVQYV2O8dOnSfwYg0NPTYwTRuAAj0QqxmYBNM1briFaIzRbi3UiRZ75uNgUHGbfvabgfsHqGaIXYPAMAD8wgC/DOrZ4AAAAASUVORK5CYII=
   ) repeat;
    height: 2000px;
}

И наконец jQuery

var didScroll;
var lastScrollTop = 0;
var delta = 5;
var navbarHeight = $('header').outerHeight();

$(window).scroll(function(event){
    didScroll = true;
});

setInterval(function() {
    if (didScroll) {
        hasScrolled();
        didScroll = false;
    }
}, 250);

function hasScrolled() {
    var st = $(this).scrollTop();
    
    // Убедитесь, что они прокрутки более чем на дельте
    if(Math.abs(lastScrollTop - st) <= delta)
        return;
    
    // Если они прокручиваются вниз и мимо навигационной панели, добавить класс .nav-up.
    // Это необходимо, чтобы вы никогда не увидите, что "за" навигационной панели.
    if (st > lastScrollTop && st > navbarHeight){
        // Прокрутка вниз
        $('header').removeClass('nav-down').addClass('nav-up');
    } else {
        // Прокрутка вверх
        if(st + $(window).height() < $(document).height()) {
            $('header').removeClass('nav-up').addClass('nav-down');
        }
    }
    
    lastScrollTop = st;
}

if($name == 'value'){
header("location:page.php");
} else {
echo "Your text";
}

<input type="button" class="button" value="GO AHEAD" />

CSS

.button {
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 218px;
  height: 57px;
  cursor: pointer;
  padding: 10px 20px;
  border: 7px solid #BBEBE1;
  font: normal 23px/normal Arial, Helvetica, sans-serif;
  color: rgba(255,255,255,0.9);
  text-align: center;
  -o-text-overflow: clip;
  text-overflow: clip;
  background: #1ABC9C;
}

Я приведу пример из jsfiddle.net/k349os5o
просто вы должны назначить ширину,назначим его 100px.

img {
    width: 100px;
    height:auto;
}

А высоту назначим автоматически height:auto;
А если вы были внимательно в том примеры был ширина автоматически а высота был назначен 100%.Вот и все ширина будет 100px а высота будет автоматически растягиваться на высоту текста.

p{
  display: table-cell;
  vertical-align: top;
}
img {
    width: 100px;
    height:auto;
}
.image {
    display: table-cell;
    vertical-align: top;
    padding: 0 20px 0 0;;
}
.section {
    display: table;
}

добавим border и border-radius,изменяем углы .

HTML
<img src="#"></img>

CSS

img{
  width:110px;
  height:110px;
  border-radius:100%;
  border:5px solid #333;
}

Смотри здесь хороший пример,с помощью Bootstrap.

Попробуй этот код,возможно у тебя не работает функция mail() праверь.
Примеры есть в w3schools

<?php
$to = "somebody@example.com";
$subject = "Тема";
$txt = "Привет Мир!";
$headers = "From: webmaster@example.com" . "\r\n" .
"CC: somebodyelse@example.com";

mail($to,$subject,$txt,$headers);
?>

Возможно вы имейте виду это посмотрите в JSFIDDLE

HTML

<div>
    <p>text..</p>
</div>

<div>
    <p>text..</p>
</div>

<div>
    <p>text..</p>
</div>

CSS

div:nth-child(1) {
    background: rgb(122, 206, 122);
    height: 140px;
    transform: skew(-10deg) rotate(2deg);
    -webkit-transform: skew(-10deg) rotate(2deg);
    -moz-transform: skew(-10deg) rotate(2deg);
}

div:nth-child(1) p {
    transform: skew(10deg) rotate(-2deg);
    -webkit-transform: skew(10deg) rotate(-2deg);
    -moz-transform: skew(10deg) rotate(-2deg);
    padding: 3% 2%;
}

div:nth-child(2) {
    border-bottom: 180px solid rgb(233, 233, 65);
    border-left: 8px solid transparent;
    border-right: 14px solid transparent;
    height: 0;
    margin-top: 60px;
    transform: rotate(3deg);
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
}

div:nth-child(2) p {
    transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    padding: 3.5% 3%;
}

div:nth-child(3) {
    border-top: 140px solid rgb(253, 74, 74);
    border-left: 23px solid transparent;
    border-right: 14px solid transparent;
    height: 0;
    margin-top: 20px;
    transform: rotate(2deg);
    -webkit-transform: rotate(2deg);
    -moz-transform: rotate(2deg);
}

div:nth-child(3) p {
    transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    position: absolute;
    top: -140px;
    padding: 3% 3%;
}

div:nth-child(3):before {
    content: '';
    width: 124%;
    height: 80px;
    background: #fff;
    position: absolute;
    left: -20%;
    bottom: 120px;
    transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
}

Вместо <div></div> ставьте <button></button> или что то другое
Чтобы не сделать круглые углы как вы же сказали нужно использовать свойство border-radius:none;

Чтобы стоял на месте тебе просто надо вот это position:fixed;

w3schools
Там ты можешь пройти тесты HTML,CSS,JavaScript,PHP,jQuery,XML но там нет AS3