Center images in List ・ f44c328 ・ Gitprep

- Center images in List;
- Browse files
- ycawidro commited on 2019-03-26
- 1 parent 12d381e
  
  commit f44c328de85c4548352719e3972e32a89459b1d4

Showing 5 changed files with 28 additions and 25 deletions

+7 -6

sources/news-bbc.php

@@ -26,12 +26,13 @@ if ($xml === false) {
     $article['description'] = $item->description;
     $article['image'] = $item->mediacontent['url'];
     $articles[$cpt] = $article;
-    echo '<div onclick="onArticle('.$cpt.')" style="display:inline;">';
-    echo '<img id="img-list" src="'.$article['image'].'" style="display:block;"><br>';
-    echo '<div id="nav-up" style="display:inline;"><a href="#top"><i class="fa fa-home fa-2x"></i></a></div>&nbsp;&nbsp;';
-    echo '<div id="nav-up" style="display:inline;"><a href="#article-top"><i class="fa fa-chevron-down fa-2x"></i></a></div>&nbsp;';
-    echo $article['title'].'&nbsp;&nbsp;';
-    echo '<div id="nav-source" style="display:inline;"><a href="'.$article['link'].'" target="new-'.$cpt.'"><i class="fa fa-link fa-2x"></i></a><br></div></div>';
+
+    echo '<div onclick="onArticle('.$cpt.')" style="display:inline;">'.PHP_EOL;
+    echo '<div class="img-menu"><img id="img-list" src="'.$article['image'].'" style="display:block;"></div><br>'.PHP_EOL;
+    echo '<div id="nav-up" style="display:inline;"><a href="#top"><i class="fa fa-home fa-2x"></i></a></div>&nbsp;&nbsp;'.PHP_EOL;
+    echo '<div id="nav-up" style="display:inline;"><a href="#article-top"><i class="fa fa-chevron-down fa-2x"></i></a></div>&nbsp;'.PHP_EOL;
+    echo $article['title'].'&nbsp;&nbsp;'.PHP_EOL;
+    echo '<div id="nav-source" style="display:inline;"><a href="'.$article['link'].'" target="new-'.$cpt.'"><i class="fa fa-link fa-2x"></i></a><br></div></div>'.PHP_EOL;
     $cpt++;
     if( $cpt > $NEWS_RSS_MAX_ITEMS ) {
       break;

+6 -6

sources/news-cna.php

View

@@ -26,12 +26,12 @@ if ($xml === false) {
     $article['description'] = $item->description;
     $article['image'] = $item->mediacontent['url'];
     $articles[$cpt] = $article;
-    echo '<div onclick="onArticle('.$cpt.')" style="display:inline;">';
-    echo '<img id="img-list" src="'.$article['image'].'" style="display:block;"><br>';
-    echo '<div id="nav-up" style="display:inline;"><a href="#top"><i class="fa fa-home fa-2x"></i></a></div>&nbsp;&nbsp;';
-    echo '<div id="nav-up" style="display:inline;"><a href="#article-top"><i class="fa fa-chevron-down fa-2x"></i></a></div>&nbsp;';
-    echo $article['title'].'&nbsp;&nbsp;';
-    echo '<div id="nav-source" style="display:inline;"><a href="'.$article['link'].'" target="new-'.$cpt.'"><i class="fa fa-link fa-2x"></i></a><br></div></div>';
+    echo '<div onclick="onArticle('.$cpt.')" style="display:inline;">'.PHP_EOL;
+    echo '<div class="img-menu"><img id="img-list" src="'.$article['image'].'" style="display:block;"></div><br>'.PHP_EOL;
+    echo '<div id="nav-up" style="display:inline;"><a href="#top"><i class="fa fa-home fa-2x"></i></a></div>&nbsp;&nbsp;'.PHP_EOL;
+    echo '<div id="nav-up" style="display:inline;"><a href="#article-top"><i class="fa fa-chevron-down fa-2x"></i></a></div>&nbsp;'.PHP_EOL;
+    echo $article['title'].'&nbsp;&nbsp;'.PHP_EOL;
+    echo '<div id="nav-source" style="display:inline;"><a href="'.$article['link'].'" target="new-'.$cpt.'"><i class="fa fa-link fa-2x"></i></a><br></div></div>'.PHP_EOL;
     $cpt++;
     if( $cpt > $NEWS_RSS_MAX_ITEMS ) {
       break;

+6 -6

sources/news-guardian.php

View

@@ -27,12 +27,12 @@ if ($xml === false) {
     $article['image'] = $item->mediacontent['url'];
     $articles[$cpt] = $article;
 
-    echo '<div onclick="onArticle('.$cpt.')" style="display:inline;">';
-    echo '<img id="img-guardian" src="'.$article['image'].'" style="display:inline;" width="100%"><br>';
-    echo '<div id="nav-up" style="display:inline;"><a href="#top"><i class="fa fa-home fa-2x"></i></a></div>&nbsp;&nbsp;';
-    echo '<div id="nav-up" style="display:inline;"><a href="#article-top"><i class="fa fa-chevron-down fa-2x"></i></a></div>&nbsp;';
-    echo $article['title'].'&nbsp;&nbsp;';
-    echo '<div id="nav-source" style="display:inline;"><a href="'.$article['link'].'" target="new-'.$cpt.'"><i class="fa fa-link fa-2x"></i></a><br></div></div>';
+    echo '<div onclick="onArticle('.$cpt.')" style="display:inline;">'.PHP_EOL;
+    echo '<div class="img-menu"><img id="img-guardian" src="'.$article['image'].'" style="display:inline;" width="100%"></div><br>'.PHP_EOL;
+    echo '<div id="nav-up" style="display:inline;"><a href="#top"><i class="fa fa-home fa-2x"></i></a></div>&nbsp;&nbsp;'.PHP_EOL;
+    echo '<div id="nav-up" style="display:inline;"><a href="#article-top"><i class="fa fa-chevron-down fa-2x"></i></a></div>&nbsp;'.PHP_EOL;
+    echo $article['title'].'&nbsp;&nbsp;'.PHP_EOL;
+    echo '<div id="nav-source" style="display:inline;"><a href="'.$article['link'].'" target="new-'.$cpt.'"><i class="fa fa-link fa-2x"></i></a><br></div></div>'.PHP_EOL;
     $cpt++;
     if( $cpt > $NEWS_RSS_MAX_ITEMS ) {
       break;

+7 -6

sources/news-nyt.php

View

@@ -26,12 +26,13 @@ if ($xml === false) {
     $article['description'] = $item->description;
     $article['image']=$item->mediacontent['url'];
     $articles[$cpt] = $article;
-    echo '<div onclick="onArticle('.$cpt.')" style="display:inline;">';
-    echo '<img id="img-list-nyt" src="'.$article['image'].'" style="display:block;"><br>';
-    echo '<div id="nav-up" style="display:inline;"><a href="#top"><i class="fa fa-home fa-2x"></i></a></div>&nbsp;&nbsp;';
-    echo '<div id="nav-up" style="display:inline;"><a href="#article-top"><i class="fa fa-chevron-down fa-2x"></i></a></div>&nbsp;';
-    echo $article['title'].'&nbsp;&nbsp;';
-    echo '<div id="nav-source" style="display:inline;"><a href="'.$article['link'].'" target="new-'.$cpt.'"><i class="fa fa-link fa-2x"></i></a><br></div></div>';
+
+    echo '<div onclick="onArticle('.$cpt.')" style="display:inline;">'.PHP_EOL;
+    echo '<div class="img-menu"><img id="img-list-nyt" src="'.$article['image'].'" style="display:block;"></div><br>'.PHP_EOL;
+    echo '<div id="nav-up" style="display:inline;"><a href="#top"><i class="fa fa-home fa-2x"></i></a></div>&nbsp;&nbsp;'.PHP_EOL;
+    echo '<div id="nav-up" style="display:inline;"><a href="#article-top"><i class="fa fa-chevron-down fa-2x"></i></a></div>&nbsp;'.PHP_EOL;
+    echo $article['title'].'&nbsp;&nbsp;'.PHP_EOL;
+    echo '<div id="nav-source" style="display:inline;"><a href="'.$article['link'].'" target="new-'.$cpt.'"><i class="fa fa-link fa-2x"></i></a><br></div></div>'.PHP_EOL;
     $cpt++;
     if( $cpt > $NEWS_RSS_MAX_ITEMS ) {
       break;

+2 -1

sources/news-scmp.php

View

@@ -32,8 +32,9 @@ if ($xml === false) {
     $article['description'] = $item->description;
     $article['image'] = $item->mediacontent['url'];
     $articles[$cpt] = $article;
+
     echo '<div onclick="onArticle('.$cpt.')" style="display:inline;">'.PHP_EOL;
-    echo '<img src="'.$article['image'].'" style="display:inline;" width="100%"><br>'.PHP_EOL;
+    echo '<div class="img-menu"><img src="'.$article['image'].'" style="display:inline;" width="100%"></div><br>'.PHP_EOL;
     echo '<div id="nav-up" style="display:inline;"><a href="#top"><i class="fa fa-home fa-2x"></i></a></div>&nbsp;&nbsp;'.PHP_EOL;
     echo '<div id="nav-up" style="display:inline;"><a href="#article-top"><i class="fa fa-chevron-down fa-2x"></i></a></div>&nbsp;'.PHP_EOL;
     echo $article['title'].'&nbsp;&nbsp;';

...	...	@@ -26,12 +26,13 @@ if ($xml === false) {
26	26	$article['description'] = $item->description;
27	27	$article['image'] = $item->mediacontent['url'];
28	28	$articles[$cpt] = $article;
29		- echo '<div onclick="onArticle('.$cpt.')" style="display:inline;">';
30		- echo '<img id="img-list" src="'.$article['image'].'" style="display:block;"><br>';
31		- echo '<div id="nav-up" style="display:inline;"><a href="#top"><i class="fa fa-home fa-2x"></i></a></div>  ';
32		- echo '<div id="nav-up" style="display:inline;"><a href="#article-top"><i class="fa fa-chevron-down fa-2x"></i></a></div> ';
33		- echo $article['title'].'  ';
34		- echo '<div id="nav-source" style="display:inline;"><a href="'.$article['link'].'" target="new-'.$cpt.'"><i class="fa fa-link fa-2x"></i></a><br></div></div>';
	29	+
	30	+ echo '<div onclick="onArticle('.$cpt.')" style="display:inline;">'.PHP_EOL;
	31	+ echo '<div class="img-menu"><img id="img-list" src="'.$article['image'].'" style="display:block;"></div><br>'.PHP_EOL;
	32	+ echo '<div id="nav-up" style="display:inline;"><a href="#top"><i class="fa fa-home fa-2x"></i></a></div>  '.PHP_EOL;
	33	+ echo '<div id="nav-up" style="display:inline;"><a href="#article-top"><i class="fa fa-chevron-down fa-2x"></i></a></div> '.PHP_EOL;
	34	+ echo $article['title'].'  '.PHP_EOL;
	35	+ echo '<div id="nav-source" style="display:inline;"><a href="'.$article['link'].'" target="new-'.$cpt.'"><i class="fa fa-link fa-2x"></i></a><br></div></div>'.PHP_EOL;
35	36	$cpt++;
36	37	if( $cpt > $NEWS_RSS_MAX_ITEMS ) {
37	38	break;

...	...	@@ -26,12 +26,12 @@ if ($xml === false) {
26	26	$article['description'] = $item->description;
27	27	$article['image'] = $item->mediacontent['url'];
28	28	$articles[$cpt] = $article;
29		- echo '<div onclick="onArticle('.$cpt.')" style="display:inline;">';
30		- echo '<img id="img-list" src="'.$article['image'].'" style="display:block;"><br>';
31		- echo '<div id="nav-up" style="display:inline;"><a href="#top"><i class="fa fa-home fa-2x"></i></a></div>  ';
32		- echo '<div id="nav-up" style="display:inline;"><a href="#article-top"><i class="fa fa-chevron-down fa-2x"></i></a></div> ';
33		- echo $article['title'].'  ';
34		- echo '<div id="nav-source" style="display:inline;"><a href="'.$article['link'].'" target="new-'.$cpt.'"><i class="fa fa-link fa-2x"></i></a><br></div></div>';
	29	+ echo '<div onclick="onArticle('.$cpt.')" style="display:inline;">'.PHP_EOL;
	30	+ echo '<div class="img-menu"><img id="img-list" src="'.$article['image'].'" style="display:block;"></div><br>'.PHP_EOL;
	31	+ echo '<div id="nav-up" style="display:inline;"><a href="#top"><i class="fa fa-home fa-2x"></i></a></div>  '.PHP_EOL;
	32	+ echo '<div id="nav-up" style="display:inline;"><a href="#article-top"><i class="fa fa-chevron-down fa-2x"></i></a></div> '.PHP_EOL;
	33	+ echo $article['title'].'  '.PHP_EOL;
	34	+ echo '<div id="nav-source" style="display:inline;"><a href="'.$article['link'].'" target="new-'.$cpt.'"><i class="fa fa-link fa-2x"></i></a><br></div></div>'.PHP_EOL;
35	35	$cpt++;
36	36	if( $cpt > $NEWS_RSS_MAX_ITEMS ) {
37	37	break;

...	...	@@ -27,12 +27,12 @@ if ($xml === false) {
27	27	$article['image'] = $item->mediacontent['url'];
28	28	$articles[$cpt] = $article;
29	29
30		- echo '<div onclick="onArticle('.$cpt.')" style="display:inline;">';
31		- echo '<img id="img-guardian" src="'.$article['image'].'" style="display:inline;" width="100%"><br>';
32		- echo '<div id="nav-up" style="display:inline;"><a href="#top"><i class="fa fa-home fa-2x"></i></a></div>  ';
33		- echo '<div id="nav-up" style="display:inline;"><a href="#article-top"><i class="fa fa-chevron-down fa-2x"></i></a></div> ';
34		- echo $article['title'].'  ';
35		- echo '<div id="nav-source" style="display:inline;"><a href="'.$article['link'].'" target="new-'.$cpt.'"><i class="fa fa-link fa-2x"></i></a><br></div></div>';
	30	+ echo '<div onclick="onArticle('.$cpt.')" style="display:inline;">'.PHP_EOL;
	31	+ echo '<div class="img-menu"><img id="img-guardian" src="'.$article['image'].'" style="display:inline;" width="100%"></div><br>'.PHP_EOL;
	32	+ echo '<div id="nav-up" style="display:inline;"><a href="#top"><i class="fa fa-home fa-2x"></i></a></div>  '.PHP_EOL;
	33	+ echo '<div id="nav-up" style="display:inline;"><a href="#article-top"><i class="fa fa-chevron-down fa-2x"></i></a></div> '.PHP_EOL;
	34	+ echo $article['title'].'  '.PHP_EOL;
	35	+ echo '<div id="nav-source" style="display:inline;"><a href="'.$article['link'].'" target="new-'.$cpt.'"><i class="fa fa-link fa-2x"></i></a><br></div></div>'.PHP_EOL;
36	36	$cpt++;
37	37	if( $cpt > $NEWS_RSS_MAX_ITEMS ) {
38	38	break;

...	...	@@ -26,12 +26,13 @@ if ($xml === false) {
26	26	$article['description'] = $item->description;
27	27	$article['image']=$item->mediacontent['url'];
28	28	$articles[$cpt] = $article;
29		- echo '<div onclick="onArticle('.$cpt.')" style="display:inline;">';
30		- echo '<img id="img-list-nyt" src="'.$article['image'].'" style="display:block;"><br>';
31		- echo '<div id="nav-up" style="display:inline;"><a href="#top"><i class="fa fa-home fa-2x"></i></a></div>  ';
32		- echo '<div id="nav-up" style="display:inline;"><a href="#article-top"><i class="fa fa-chevron-down fa-2x"></i></a></div> ';
33		- echo $article['title'].'  ';
34		- echo '<div id="nav-source" style="display:inline;"><a href="'.$article['link'].'" target="new-'.$cpt.'"><i class="fa fa-link fa-2x"></i></a><br></div></div>';
	29	+
	30	+ echo '<div onclick="onArticle('.$cpt.')" style="display:inline;">'.PHP_EOL;
	31	+ echo '<div class="img-menu"><img id="img-list-nyt" src="'.$article['image'].'" style="display:block;"></div><br>'.PHP_EOL;
	32	+ echo '<div id="nav-up" style="display:inline;"><a href="#top"><i class="fa fa-home fa-2x"></i></a></div>  '.PHP_EOL;
	33	+ echo '<div id="nav-up" style="display:inline;"><a href="#article-top"><i class="fa fa-chevron-down fa-2x"></i></a></div> '.PHP_EOL;
	34	+ echo $article['title'].'  '.PHP_EOL;
	35	+ echo '<div id="nav-source" style="display:inline;"><a href="'.$article['link'].'" target="new-'.$cpt.'"><i class="fa fa-link fa-2x"></i></a><br></div></div>'.PHP_EOL;
35	36	$cpt++;
36	37	if( $cpt > $NEWS_RSS_MAX_ITEMS ) {
37	38	break;

...	...	@@ -32,8 +32,9 @@ if ($xml === false) {
32	32	$article['description'] = $item->description;
33	33	$article['image'] = $item->mediacontent['url'];
34	34	$articles[$cpt] = $article;
	35	+
35	36	echo '<div onclick="onArticle('.$cpt.')" style="display:inline;">'.PHP_EOL;
36		- echo '<img src="'.$article['image'].'" style="display:inline;" width="100%"><br>'.PHP_EOL;
	37	+ echo '<div class="img-menu"><img src="'.$article['image'].'" style="display:inline;" width="100%"></div><br>'.PHP_EOL;
37	38	echo '<div id="nav-up" style="display:inline;"><a href="#top"><i class="fa fa-home fa-2x"></i></a></div>  '.PHP_EOL;
38	39	echo '<div id="nav-up" style="display:inline;"><a href="#article-top"><i class="fa fa-chevron-down fa-2x"></i></a></div> '.PHP_EOL;
39	40	echo $article['title'].'  ';