failed to open stream: HTTP request failed! HTTP/1.0 402 Payment Required, proč? Vyřešeno

[strangereu]

Čau,
Mám takový problém se kterým se nevím rady jak bych ho mohl vyřešit... Do teď jsem dělal vždy v css min-width / max-width, tudíž se mi toto nestávalo a stránka měla svojí pevnou velikost, ale nyní když mám width:100%, tak se to chová jinak a stránka se roztahuje/smršťuje podle obrazovky a ta výplň menu se tam prostě nevejde, takže mě zajímá jak by se tento problém dal vyřešit?

Zkoušel jsem nastavit min-width: 960px; k width: 100%;, to sice fungovalo, ale stránka se chovala divně při posouvání do stran v zoomu na velké % a na malém rozlišení byl footer absolutně někde jinde při oddálení stránky...

header.php

Kód: Vybrat vše

<div id="header">
   <div id="addSong">
      <img src="images/addsong.png" alt="Add a song" />
   </div>
   
   <div id="repeatSong">
      <img src="images/repeat.png" alt="Repeat a song" />
   </div>
   
   <div id="starSong">
      <img src="images/star.png" alt="Star a song" />
   </div>
   
   <div id="navigation">
      <a href="?page=home">Home</a>
      <a href="?page=lyrics">Lyrics</a>
      <a href="?page=history">Music</a>
      <a href="?page=cp">Client</a>
      <a href="?page=history">Visualizer <sup style="font-size: 10px; font-family: opensans_bold;">beta</sup></a>
   </div>
</div>


css:

Kód: Vybrat vše

html, body {
   margin: 0;
   padding: 0;
   background: #050505;
}

@font-face {
    font-family: opensans_bold;
    src: url(/fonts/OpenSans-Bold.ttf);
}

@font-face {
    font-family: opensans_regular;
    src: url(/fonts/OpenSans-Regular.ttf);
}

@font-face {
    font-family: opensans_light;
    src: url(/fonts/OpenSans-Light.ttf);
}

#header {
   width: 100%;
   height: 50px;
   background: #E74C3C;
   margin-top: -50px;
   position: fixed;
}

#addSong, #repeatSong, #starSong {
   padding: 9px;
   opacity: 0.4;
   width: 32px;
   height: 32px;
   float: left;
}

#addSong:hover, #repeatSong:hover, #starSong:hover {
   transition-duration: 0.2s;
   transition-timing-function: ease-in;
   opacity: 1;
}

#navigation {
   float: right;
   font-family: opensans_regular;
   text-transform: uppercase;
   padding: 13px;
}

#navigation a {
   padding: 15px 10px 15px 10px;
   text-decoration: none;
   color: #fff;
   opacity: 0.4;
}

#navigation a:hover {
   transition-duration: 0.2s;
   transition-timing-function: ease-in;
   opacity: 1;
}

#wrapper {
   min-width: 1280px;
   max-width: 1280px;
   margin-top: 50px;
   margin-bottom: 80px;
   margin-right: auto;
   margin-left: auto;
}

#welcomeMessage {
   width: 960px;
   height: 35px;
   background: #FFF;
   margin-right: auto;
   margin-left: auto;
   overflow: hidden;
}

#welcomeMessage p {
   text-align: center;
   color: #000;
   font-family: opensans_regular;
   text-transform: uppercase;
   top: -25%;
   position: relative;
   transform: translateY(-0%);
}

#videoPlayer {
   width: 960px;
   height: 420px;
   margin-right: auto;
   margin-left: auto;
}

#onlineUsersVisible {
   width: 960px;
   height: auto;
   background: #FFF;
   margin-left: auto;
   margin-right: auto;
   overflow: auto;
}

#onlineUsers, #chatbox {
   width: 960px;
   height: 35px;
   background: #E74C3C;
   margin-right: auto;
   margin-left: auto;
   overflow: hidden;
}

#onlineUsers p, #chatbox p {
   text-align: center;
   color: #FFF;
   font-family: opensans_regular;
   text-transform: uppercase;
   top: -25%;
   position: relative;
   transform: translateY(-0%);
}

#settings_right, #settings_left {
   z-index: 199;
   background: #E74C3C;
   height: auto;
   width: 64px;
   text-align: center;
}

#settings_right {float: right;}
#settings_left {float: left;}

#settings_right img, #settings_left img {
   opacity: 0.4;
   width: 32px;
   height: 32px;
   margin-top: 10px;
}

#settings_right img:hover, #settings_left img:hover {
   transition-duration: 0.2s;
   transition-timing-function: ease-in;
   opacity: 1;
}

#footer {
   width: 100%;
   height: 60px;
   position: fixed;
   bottom: 0px;
}

#songbar {
   width: 100%;
   height: 30px;
   bottom: 30px;
   background: #E74C3C;
}

#copybar {
   width: 100%;
   height: 30px;
   bottom: 0px;
   background: #E2E2E2;
}

#fileInfo {
   color: #FFF;
   text-align: center;
   top: 50%;
   position: relative;
   transform: translateY(-50%);
   text-transform: uppercase;
   font-family: opensans_regular;
   font-size: 15px;
}

#copyright {
   color: #020;
   text-align: center;
   top: 50%;
   position: relative;
   transform: translateY(-50%);
   text-transform: uppercase;
   font-family: opensans_regular;
   font-size: 15px;
}


Aktuální chyba: http://www.pc-help.cz/viewtopic.php?f=61&t=160835&p=1267224#p1267586

[Reklama]

[x-rated]

ty se musíš hrozně nudit, když řešíš zoomování, co?
smutná pravda je, že bezchybně zoomovat umí jenom edge a uměl to i explorer, firefox a chrome se v tomhle často nechytají, protože správně nepřepočítávají rozměry (prostě to špatně dělí a pak se někdy něco někam nevejde)
pokud má ale někdo potřebu zoomovat na desktopu, měl by místo využívání pochybnejch funkcí vyhledat odbornou péči

[strangereu]

No, nudit ani né, ale kdo to má pak poslouchat od designerů, že web není responzivní... Jako samozřejmě bych rád udělal alternativu, že přidám subdoménu m.něco.něco a použiju to na malé rozlišení, ale to až bude hotová desktop verze...

[CZechBoY]

Responzivni ale neznamena, že zoomujes. Responzivni je, že se to dá používat na mobilu, tabletu, notebooku a desktopu.

[strangereu]

Však ano, sedí to prostě všude, ale tím že zoomuješ se ta stránka přízpůsobuje velikosti obrazovky pokud je nastavený width/height v %

[x-rated]

tak nezoomuj a zmenšuj velikost okna do šířky

[strangereu]

No tak vypadá to, že se vyskytl další problém...

http://stranger.stranger.tk/api.php
ERR:
Warning: file_get_contents(http://youtube.com/get_video_info?video_id=RXks5M56aTI): failed to open stream: HTTP request failed! HTTP/1.0 402 Payment Required in /home/stranger/subdomains/stranger/api.php on line 4

Je to youtube api na zjištění jména videa, na VPS mi to nefunguje, ale na localhostu to normálně outputne jméno toho videa...

Kód: Vybrat vše

<?php
$video_id = 'RXks5M56aTI';

$content = file_get_contents("http://youtube.com/get_video_info?video_id=".$video_id);
parse_str($content, $video_set);
echo $video_set['title'];
?>