failed to open stream: HTTP request failed! HTTP/1.0 402 Payment Required, proč?

[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=6 ... 4#p1267586

[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'];
?>