You can post now and register later.
If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.
Актуальные контакты:
Telegram: @Nikker_web
E-Mail: tarasevich.email@gmail.com
Портфолио https://www.behance.net/d4d4186e
Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ
Актуальные контакты:
Telegram: @Nikker_web
E-Mail: tarasevich.email@gmail.com
Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ
Портфолио https://www.behance.net/d4d4186e
Question
vitaxastifler
http://hostingkartinok.com/show-image.php?id=80422c0aca0fc2a65197481cd2b40eed
Парни при каждом выводом поста,у меня повторяеться панель меню и приветствие.
Помогите исправить бок(
background-repeat: no-repeat; пробывал,не помагает,или мб я не туда пишу его(
Что скажете?
Код php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" ><head><title>Shop</title><meta http-equiv="content-type" content="text/html; charset=utf-8" /><link rel="stylesheet" type="text/css" href="style.css" /></head><body><?php$DBH = new PDO("mysql:host=localhost;dbname=shop", "root", "");$DBH->query("SET NAMES utf8");$STH = $DBH->query('SELECT * FROM goods');$STH->setFetchMode(PDO::FETCH_OBJ);while($row = $STH->fetch()){$name = $row->name;$photo = $row->photo;?><div id="holder"> <div id="header"> <h1>Приветствуем вас на нашем сайте SHOP!</h1> </div> <div id="menu"> <a href="indexx.php">Главная</a><a href="adm.php">Вход в админку</a><a href="cont.php">Контакты</a> </div> <div id="undermenu"></div> <div id="content"> <!-- Document starts. --> <h1>Представляем вам,список наших товаров</h1> <?php echo "<img width='201' height='285' src='img/".$row->photo."'>"?> <a href="serialzzz.php?id=<?php echo $row->id;?>"><h1><?php echo $row->name;?></a></h1> <?php } ?> </div></div></body></html>style.css
/* Styles the body. */body{ background: #777675 url(img/bg.png) repeat-x; font: 12px arial, sans-serif; color: #000; margin: 0; padding: 0; margin-bottom: 50px;}/* The design-holder. */#holder{ position: relative; left: 50%; top: 0; width: 750px; height: auto; ; margin-bottom: 50px; padding-bottom: 25px; background-color: #F5F7F9; border-left: 2px #436C78 solid; border-right: 2px #436C78 solid; border-bottom: 2px #436C78 solid; }/* Gives all the below id's the same values. */#header, #menu, #undermenu, #content, #footer{ position: relative; left: 0; top: 0; width: 100%;}/* The header (with homepage name..). */#header{ height: 160px; background: url(img/menu-top-bg.png) repeat-x;}/* "Homepage name..." text above (bright coloured). */#header h1{ position: absolute; left: 20px; bottom: 20px; margin: 0; font: 1.4em georgia, serif; color: #fff; z-index: 1;}/* "Homepage name..." text below (dark coloured). */#header h2{ position: absolute; left: 21px; bottom: 19px; margin: 0; font: 1.4em georgia, serif; color: #3E515E; z-index: 0;}/* The menu. */#menu{ height: 18px; padding-top: 2px; text-align: right; font: 1em arial, sans-serif;} /* Fixes the links colours and such in the menu. */ #menu a{ color:#7A96A7; text-decoration:none; font-weight:bold; margin-left:10px; margin-right: 10px; } #menu a:hover{ color:#000; text-decoration:none; margin-left:10px; margin-right: 10px; }/* The fade-thingie below the menu. */#undermenu{ height: 24px; background: url(img/menu-bottom-bg.png) repeat-x;}/* The content holder */#content{ height: auto; background-color: transparent; }/* Styles the 'p'-tag. */p{ margin: 25px 30px 10px 30px; padding: 0; text-align: justify; text-indent: 15px; font: 1em arial, sans-serif; line-height: 1.5em; color: #3E515E;}/* Use this (with the 'h4'-tag as header) if you want to quote something. */.quote{ margin: 0 30px 10px 50px; font: italic 0.8em verdana, sans-serif; background-color: #fff; padding: 5px; text-indent: 0; border: 1px #aaa dotted;}/* Use this if you don't want first lines on all paragraph to be moved 15px inn */.noindent{ text-indent: 0;}/* The biggest font. */h1{ font: 2em "times new roman", serif; margin: 25px 0 0 30px; padding: 0; color: #3E515E;}/* The font below the biggest font. */h2{ font: 0.8em georgia, serif; margin: -3px 0 0 35px; padding: 0; color: #aaa;}/* Use this for paragraph titles. */h3{ font: 1.4em verdana, serif; text-decoration: underline; margin: 20px 0 0 30px; padding: 0; color: #3E515E;}/* Use this on all paragraphs (but not #quote) wich are part of the article/documentation/etc.. */.text{ margin: 15px 30px 10px 30px;}/* The title to be used when displaying a quote with '#quote'. */h4{ font: 1.2em georgia, serif; margin: 0 0 0 50px; padding: 0; color: #3E515E;}/* Italic text. */i{ font: 1em arial, sans-serif; font-style: italic; color: #000;}/* Bold text. */b{ font-weight: bold; color: #3E515E;}/* The list ('li') holder. */ul{ background-color: #fff;}/* Lists. */li{ margin: 0 0 0 5px; padding: 0;}/* Styles all links on the page (without the menu, wich allready have been styled). */a{ color: #000; font-weight: bold; text-decoration: underline;}/* Same as above, exept this is the hover (mouse-over) effect. */a:hover{ color: #3E515E; text-decoration: none;}Edited by vitaxastiflerLink to comment
Share on other sites
2 answers to this question
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.