Премини към съдържанието
qnkov

Центриране на текст?

    Препоръчан отговор


    } else {
    
    echo "<div class=\"text-danger\">Изберете манга, за да започнете четенето!</div>";
    }
    ?>

    Как да центрирам този текст? Център кода не работи, а когато пробвам нещо с align, направо ми спира страницата. Нещо не правя като хората. :)

    Сподели този отговор


    Линк към този отговор
    Сподели в други сайтове

    <div class=\"text-danger\" style=\"text-align:center\">Изберете манга, за да започнете четенето!</div>

    Или в css-a. Не знам кой е център кода...

    Редактирано от hristonev (преглед на промените)

    Сподели този отговор


    Линк към този отговор
    Сподели в други сайтове

    Център кода е

    class=\"text-danger\"

    но той може да бъде усетен/видян/прочетен от Кашпировски, Чумак, баба Ванга, Месинг, шамана на зулузсите и т.н. И една снимка много би улеснила гадаенето.

    • Харесва ми 1

    Сподели този отговор


    Линк към този отговор
    Сподели в други сайтове

    CSS код се пише в отделен файл. Там си пишеш .text-danger { text-align: center; }

    Редактирано от RJ45 (преглед на промените)

    Сподели този отговор


    Линк към този отговор
    Сподели в други сайтове
    преди 4 минути, RJ45 написа:

    CSS код се пише в отделен файл. Там си пишеш .text-danger { text-align: center; }

    А за какво служи style property?


    Сподели този отговор


    Линк към този отговор
    Сподели в други сайтове
    преди 8 минути, hristonev написа:

    А за какво служи style property?

    Да показва зле написаните сайтове. В html файлове се пише html, в css файлове се пише css.

    Редактирано от RJ45 (преглед на промените)

    Сподели този отговор


    Линк към този отговор
    Сподели в други сайтове

    Ще пиша на W3 да вземат да го махнат да не се излагаме ние лошите писачи ;-)

    Сподели този отговор


    Линк към този отговор
    Сподели в други сайтове
    преди 8 минути, hristonev написа:

    Ще пиша на W3 да вземат да го махнат да не се излагаме ние лошите писачи ;-)

    Добра идея. Да се зачуди човек защо има style property. Във всеки урок за сайтове първото нещо, което ще ти кажат е да не пишеш inline style, а да пишеш css-a в отделен файл. Много по-лесно се управлява такъв сайт. Добър пример е csszengarden.com. 

    Сподели този отговор


    Линк към този отговор
    Сподели в други сайтове

    Не забелязваш ли, че се шегувам.

    Естествено е по - добре и по лесно за всички да имаш файлове с CSS и класове. Обаче да обясниш нещо както е в случая е по лесно да го сложиш в style защото дава резултат веднага, а не след 68 мнения кое, къде се намира по сайта. След като човека види как работи да си го премести във файла.

    Също така style property се ползва при по - специални случаи: Генерирано от скрипта, Javascript визуална промяна и др. случаи. Единственото, поради което написах коментара е, че всяко нещо има приложение. Не е добре директното отхвърляне щото Гошо го е казал.

    Едно време преди CSS3 съм имал спор с дизайнери защо аджеба трябва да ползваме table,tr,td. Да може да стане и с Div ама няма смисъл :).

    Сподели този отговор


    Линк към този отговор
    Сподели в други сайтове

    hristonev, не се получи. Така го бях писал и аз, но уви...  Ще постна целия код от html файла. Може нещо аз да не показвам като хората.

    <?php
    
    require_once("config.inc.php");
    require_once("functions.inc.php");
    
    
    $theme = $omv_theme;
    
    $manga = null;
    $manga_escaped = null;
    
    $chapter = null;
    $chapter_number = null;
    $chapter_number_escaped = null;
    $previous_chapter = null;
    $next_chapter = null;
    
    $page = null;
    
    $description = "";
    $title = $omv_title;
    
    $mangas = omv_get_mangas();
    if (isset($_GET["manga"])) {
    	$manga_title = omv_decode($_GET["manga"]);
    	if (in_array($manga_title, $mangas)) {
    		$manga = $manga_title;
    		$manga_escaped = $_GET["manga"];
    	}
    }
    
    if ($manga) {
    	$description = "Read " . $manga . " Manga Online";
    	$title .= " - " . $manga;
    
    	$chapters = omv_get_chapters($manga);
    	if (isset($_GET["chapter"])) {
    		$chapter_number = omv_decode($_GET["chapter"]);
    		$index = omv_get_chapter_index($chapters, $chapter_number);
    		if ($index != -1) {
    			$chapter = $chapters[$index];
    			$chapter_number_escaped = $_GET["chapter"];
    			if ($omv_chapters_sorting == SORT_ASC) {
    				if ($index > 0) {
    					$previous_chapter = $chapters[$index - 1];
    				}
    				if ($index < (count($chapters) -  1)) {
    					$next_chapter = $chapters[$index + 1];
    				}
    			} else {
    				if ($index < (count($chapters) -  1)) {
    					$previous_chapter = $chapters[$index + 1];
    				}
    				if ($index > 0) {
    					$next_chapter = $chapters[$index - 1];
    				}
    			}
    		}
    	} else {
    		$chapter = $chapters[0];
    		$chapter_number = $chapters[0]["number"];
    		$chapter_number_escaped = omv_encode($chapter_number);
    		
    		if (count($chapters) > 1) {
    			if ($omv_chapters_sorting == SORT_ASC) {
    				$next_chapter = $chapters[1];
    			} else {
    				$previous_chapter = $chapters[1];
    			}
    		}
    	}
    
    	if ($chapter) {
    		$pages = omv_get_pages($manga, $chapter["folder"]);
    		if (isset($_GET["page"])) {
    			$_page = intval($_GET["page"]);
    			if (($_page >= 1) && ($_page <= count($pages))) {
    				$page = $_page;
    			}
    		} else if (count($pages) > 0) {
    			$page = 1;
    		}
    		$title .= " - Chapter " . $chapter_number;
    
    		if ($page) {
    			$title .= " - Page " . $page;
    		}
    	}
    }
    ?>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
    
    <head>
    <base href="<?php echo $omv_base_url ?>" />
    <meta name="Keywords" content="<?php echo str_replace(' ', ',', $description) ?>" />
    <meta name="Description" content="<?php echo $description ?>" />
    <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />
    <meta http-equiv="Content-Language" content="en" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title><?php echo $title ?></title>
    <link rel="stylesheet" href="themes/<?php echo $theme ?>/css/style.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="themes/<?php echo $theme ?>/css/bootstrap.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="themes/<?php echo $theme ?>/csss/bootstrap-theme.css" type="text/css" media="screen" />
    
    <script type="text/javascript">
    function change_manga(manga) {
    	if (manga != 0) {
    		document.location = "<?php echo $omv_base_url ?>" + manga;
    	}
    }
    
    function change_chapter(manga, chapter) {
    	if (manga != 0) {
    		document.location = "<?php echo $omv_base_url ?>" + manga + "/" + chapter;
    	}
    }
    
    function change_page(manga, chapter, page) {
    	if (manga != 0) {
    		document.location = "<?php echo $omv_base_url ?>" + manga + "/" + chapter + "/" + page;
    	}
    }
    </script>
    
    </head>
    
    <body>
    
    
        <!-- Wrap all page content here -->
        <div id="wrap">
    
          <!-- Fixed navbar -->
          
    <?php
    $omv_pager = "";
    
    $omv_pager .= "<div class=\"pager well\">\n";
    
    $omv_pager .= "<span class='lead text-primary'>Манга: <select class='form-control' style='display:inline;width:220px;' name=\"manga\" onchange=\"change_manga(this.value)\">";
    $omv_pager .= "<option value=\"0\">Избери манга...</option>";
    for ($i = 0; $i < count($mangas); $i++) {
    	$m = $mangas[$i];
    	$omv_pager .= "<option value=\"" . omv_encode($m) . "\"" . (($m == $manga) ? " selected=\"selected\"" : "") . ">" . $m . "</option>";
    }
    $omv_pager .= "</select></span>\n";
    ?>
    <div class='container'>
    <?php
    if ($manga) {
    	if ($chapter) {
    		$omv_pager .= "<span class='lead text-info'> Глава: <select class='form-control' style='display:inline;width:100px;' name=\"chapter\" onchange=\"change_chapter('$manga_escaped', this.value)\">";
    		for ($i = 0; $i < count($chapters); $i++) {
    			$cnumber = $chapters[$i]["number"];
    			$omv_pager .= "<option value=\"" . omv_encode($cnumber) . "\"" . (($cnumber == $chapter_number) ? " selected=\"selected\"" : "") . ">" . $cnumber . (isset($chapters[$i]["title"]) ? (" - " . $chapters[$i]["title"]) : "") . "</option>";
    		}
    		$omv_pager .= "</select></span><div class='pager'>";
    		if ($page) {
    			$prevhtml = "";
    			if ($page <= 1) {
    				$prevhtml = "<span class='glyphicon glyphicon-chevron-left btn btn-default btn-lg'></span>";
    			} else {
    				$prevhtml = "<a href=\"$manga_escaped/$chapter_number_escaped/" . ($page - 1) . "\"><span class='glyphicon glyphicon-chevron-left btn btn-danger btn-lg'></span></a>";
    			}
    			$nexthtml = "";
    			if ($page >= count($pages)) {
    				$nexthtml = "<span class='glyphicon glyphicon-chevron-right btn btn-default btn-lg'></span>";
    			} else {
    				$nexthtml = "<a href=\"$manga_escaped/$chapter_number_escaped/" . ($page + 1) . "\"><span class='glyphicon glyphicon-chevron-right btn btn-danger btn-lg'></span></a>";
    			}
    
    			$omv_pager .= "<span class='text-default lead'>$prevhtml Страница <select class='form-control' style='display:inline;width:100px;' name=\"page\" onchange=\"change_page('$manga_escaped', '$chapter_number_escaped', this.value)\">";
    			for ($p = 1; $p <= count($pages); $p++) {
    				$omv_pager .= "<option value=\"" . $p . "\"" . (($p == $page) ? " selected=\"selected\"" : "") . ">#" . $p . "</option>";
    			}
    			$omv_pager .= "</select> от " . count($pages) . " $nexthtml</span>";
    		}
    	}
    }
    $omv_pager .= "</div>";
    
    echo $omv_pager;
    ?>
    <?php
    if ($manga) {
    	if ($chapter) {
    		if ($page) {
    			$img = "mangas/" . $manga . "/" . $chapter["folder"] . "/" . $pages[$page - 1];
    			$imgsize = omv_get_image_size($img);
    			$imghtml = "<div class='img panel panel-default'><img src=\"$img\" alt=\"\" width=\"" . $imgsize["width"] . "\" height=\"" . $imgsize["height"] . "\" data-zoom-image='$img'/></div>";
    			
    			$prev_page_path = omv_get_previous_page($manga_escaped, $chapter_number_escaped, $page, $previous_chapter);
    			$next_page_path = omv_get_next_page($manga_escaped, $chapter_number_escaped, $page, count($pages), $next_chapter);
    
    
    			if ($next_page_path) {
    				$imghtml = "<a href=\"$next_page_path\">" . $imghtml . "</a>";
    			}
    			echo $imghtml;
    		} else {
    			echo "<div class=\"text-danger\">Няма избрана страница!</div>";
    		}
    	} else {
    		echo "<div class=\"text-danger\">Няма избрана глава!</div>";
    	}
    } else {
    
    echo "<div class=\"text-danger\" style=\"text-align:center\">Изберете манга, за да започнете четенето!</div>";
    }
    ?>
    
    <!-- <div class="ads panel panel-default">
    Begin Advertisement 
    <img src="http://www.moto-jeux.fr/wp-content/themes/BoomWPA/images/728.png" alt="Ads" />
     End Advertisement 
    </div>-->
    </div>
    <?php
    if ($manga && $chapter && $page) {
    ?>
    </div>
    <script type="text/javascript">
    function omvKeyPressed(e) {
    	var keyCode = 0;
    	
    	if (navigator.appName == "Microsoft Internet Explorer") {
    		if (!e) {
    			var e = window.event;
    		}
    		if (e.keyCode) {
    			keyCode = e.keyCode;
    			if ((keyCode == 37) || (keyCode == 39)) {
    				window.event.keyCode = 0;
    			}
    		} else {
    			keyCode = e.which;
    		}
    	} else {
    		if (e.which) {
    			keyCode = e.which;
    		} else {
    			keyCode = e.keyCode;
    		}
    	}
    	
    	switch (keyCode) {
    <?php
    if ($prev_page_path) {
    ?>
    		case 37:
    		window.location = "<?php echo $omv_base_url . $prev_page_path ?>";
    		return false;
    		
    <?php
    }
    if ($next_page_path) {
    ?>
    		case 39:
    		window.location = "<?php echo $omv_base_url . $next_page_path ?>";
    		return false;
    		
    <?php
    }
    ?>
    		default:
    		return true;
    	}
    }
    document.onkeydown = omvKeyPressed;
    </script>
    
    </td>
    </tr>
    <?php
    } else {
    ?>
    <tr>
    <td><br /></td>
    </tr>
    <?php
    }
    ?>
    </div>
    </div>
    
       <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
        <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="themes/<?php echo $theme ?>/js/bootstrap.js"></script>
    <script src="themes/<?php echo $theme ?>/js/application.js"></script>
    <script type="text/javascript">
        jQuery(function() {
            if (window.frameElement) {
                var target_scroll_pos_x = window.parent.scrollX;
                var target_scroll_pos_y = jQuery(window.frameElement).offset().top;
                window.parent.scroll(target_scroll_pos_x, target_scroll_pos_y);
            }
        });
    </script>
    </html>

     

    Сподели този отговор


    Линк към този отговор
    Сподели в други сайтове

    http://otaku.bg/?page_id=46

    Ето на този линк може да видиш текста, за който говоря. 

    Сподели този отговор


    Линк към този отговор
    Сподели в други сайтове

    Голямо мазалище е css-а. Значи ти си добавил

    style="text-align: center"

    . Изтриваш го защото имаш в css файл центриране.

    След това имаш контейнер

    <div class="container">

    Този контейнер се стилва с клас container. Във файл bootstrap.css на ред 914 имаш клас .container, имащ

    max-width: 750px;

    Това трябва да се изтрие и ти се нареждат нещата тук. Обаче не знам къде другаде се ползва този клас и дали няма да счупи нещо друго.

    <div class="container">

    е родителя на

    <div class="text-danger">

    така, че го търсиш нагоре по кода.

    Сподели този отговор


    Линк към този отговор
    Сподели в други сайтове

    Мерси, получи се. Нищо не се прееба. :)

    Сподели този отговор


    Линк към този отговор
    Сподели в други сайтове

    Регистрирайте се или влезете в профила си за да коментирате

    Трябва да имате регистрация за да може да коментирате това

    Регистрирайте се

    Създайте нова регистрация в нашия форум. Лесно е!

    Нова регистрация

    Вход

    Имате регистрация? Влезте от тук.

    Вход


    ×

    Информация

    Този сайт използва бисквитки (cookies), за най-доброто потребителско изживяване. С използването му, вие приемате нашите Условия за ползване.