Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][PHP]problem z logiem (wyśrodkowanie)
Forum PHP.pl > Forum > Przedszkole
nupster
Witam, jak widać jestem nowym użytkownikiem, więc chciałbym się z Wami przywitać ;)
Cześć wszystkim.
Zacząłem wczoraj zabawę z robieniem strony, mam swój hosting, domene już prawie wszystko zrobione, ale... Zawsze jest jakieś ale :P
U góry strony na środku miałem banner, lecz miałem opcje że powtarza obraz i jak wiemy powtarzał tyle razy ile było potrzeba do wypełnienia rozdzielczości na danym komputerze. Wstawiłem opcje "no-repeat" dzięki osiągnąłem swój cel, ale przez to napotkałem drugi problem, mianowicie, obrazek znajduje się po lewej stronie chciałbym go wyśrodkować, nie wiem jak mam to zrobić już kilka możliwości próbowałem, ale niestety nie osiągnąłem tego na co liczyłem. Mam nadzieję że mi pomożecie ;)

  1. #head3{clear:both;background:#161b1f url( 'img/header-bg.jpg' ) no-repeat 0 45px;}
  2. #head3 .container{height:245px;}
  3. #logo{padding:115px 10px 0 5px;}
  4. #logo #title{float:left;padding:10px 10px 0;}
  5. #logo #title a{color:#333;font: bold 55px 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-Serif;text-decoration:none;letter-spacing:-4px;text-transform:lowercase;}
  6. #logo #title a span{color:#FF409F;}
  7. #logo #title a strong{color:#0d6684;}
  8. #logo #slogan{clear:left;margin-left:10px;letter-spacing:-1px;padding:0px 15px 5px;background:inherit;color:#0d6684;font:bold 1.1em 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif;}
ber32
Witam.

Może tak ?
nupster
ale mam to wstawić do pierwszej linijki ?
ber32
Wstaw to w miejsce gdzie znajduje się twój obrazek i usuń ze css linijkę

  1. #logo #title{float:left;padding:10px 10px 0;}


nupster
nie wiem gdzie mam to wstawić wszędzie gdzie to wstawiałem po załadowaniu nic nie pokazuje nawet moje loga.
jeżeli można wiedzieć to po co to usuwać ?
ber32
Wstaw kod html
nupster


mam tylko te pliki który mam pokazać ?
ber32
Ten który chcesz zmienić
nupster
Jedyny plik w jakim znalazłem coś powiązanego z nazwą loga które występuje w danym miejscu to style.css

zawartość jest za duża musze podzielić na części więc dam link do całego pliku

style.css - 19 KB
ber32
Daj plik footer część z logo
nupster
  1. <?php
  2. if( !defined( 'CUSTOMER_PAGE' ) )
  3. ?>
  4. <div id="options"><div class="print"><a href="java script:window.print();"><?php echo $lang['print']; ?></a></div><div class="back"><a href="java script:history.back();">&laquo; <?php echo $lang['back']; ?></a></div></div>
  5. </div>
  6. </div>
  7. </div>
  8. <div id="foot"><?php // footer starts here ?>
  9. <div class="container">
  10. <div id="copy"><?php echo $config['foot_info']; ?></div><!-- copyrights here -->
  11. <?php
  12. /*
  13.   * Dont delete or hide link "Shopping cart by Quick.Cart " to www.OpenSolution.org
  14.   * Read license requirements: www.opensolution.org/license.html
  15.   */
  16. ?>
  17. <div class="foot" id="powered"><a href="http://opensolution.org/"><?php echo $sLangFooter; ?></a></div><div class="foot" id="design">design by: <a href="http://www.styleshout.com/">styleshout</a></div><!-- dont delete or hide this line, read license: www.opensolution.org/license.html -->
  18. </div>
  19. </div>
  20. </div>
  21. </body>
  22. </html>
teez
Rozumiem, że nie chcesz zaczynać od zera, ale innego wyjścia nie masz.. Nie nauczysz się HTML / CSS po edytowaniu czyjegoś projektu w którym nawet nie potrafisz wyśrodkować tekstu. Nie lepiej Ci zaczać od początku pisząc własnąstronę CSS & HTML?
nupster
Chciałem zacząć od początku, napisałem prostą strone. Gdyby nie to że potrzebuje na stronie mieć opcje "dodaj do koszyka" to bym napisał sam. Niestety przeszukałem trochę internetu i nigdzie nie było tutorialu dla zielonych jak go zrobić/napisać opisanego łopatologicznie, w zasadzie to nawet dla średnio zaawansowanych tego nie widziałem. Znalazłem strone ze sklepikiem na quick.cart, pobrałem i chciałem ją dla siebie lekko przerobić wink.gif i to jest praktycznie jedyny problem jaki napotkałem, reszte już w sumie zrobiłem wink.gif
ber32
Zgadzam się z teez.

Poszukaj takiej linijki
  1. <div class="container">
  2. <div id="logo">
  3.  
  4. <?php // logo and slogan ?>
  5. <div id="title"><a href="<?php if( isset( $config['index'] ) ) echo $config['index']; ?>" tabindex="1"><?php echo $config['logo']; ?></a></div>
  6. <div id="slogan"><?php echo $config['slogan']; ?></div>
  7.  
  8. </div>
  9. </div>


i zastąp ją takim kodem

  1.  
  2. <div class="container">
  3. <div id="logo">
  4. <center>
  5. <?php // logo and slogan ?>
  6. <div id="title"><a href="<?php if( isset( $config['index'] ) ) echo $config['index']; ?>" tabindex="1"><?php echo $config['logo']; ?></a></div>
  7. <div id="slogan"><?php echo $config['slogan']; ?></div>
  8. </center>
  9. </div>
  10. </div>
  11.  


jeżeli nie pomoże to usuń to co wcześniej pisałem
toaspzoo
  1. margin:0 auto;
nupster
żadna z tych metod nie pomogła, ale zacząłem próbować przesuwać tymi wartościami przy px wink.gif moze coś z tego wyjdzie
dziękuje za pomoc Pozdrawiam
martex
wstaw to w diva (zobaczysz o co chodzi smile.gif)

  1.  
  2. <div style="width: 200px; margin: 0 auto;">
  3. Wyśrodkowana zawartość.
  4. </div>
  5.  
  6. </body>
  7. </html>



<center></center> ---- tego sie nie uzywa to juz przeszłość i jest niepoprawne
-miki-
Wiesz może od którego roku się tego nie używa.
bo html 4 i ramki dalej w modzie
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.