Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [HTML][PHP]problem z logiem (wyśrodkowanie), problem z wyśrodkowaniem bannera
nupster
post 24.02.2013, 14:26:15
Post #1





Grupa: Zarejestrowani
Postów: 8
Pomógł: 0
Dołączył: 24.02.2013

Ostrzeżenie: (0%)
-----


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;}


Ten post edytował nupster 24.02.2013, 14:32:01
Go to the top of the page
+Quote Post
ber32
post 24.02.2013, 14:33:53
Post #2





Grupa: Zarejestrowani
Postów: 332
Pomógł: 22
Dołączył: 6.07.2010

Ostrzeżenie: (0%)
-----


Witam.

Może tak ?


--------------------
Go to the top of the page
+Quote Post
nupster
post 24.02.2013, 14:45:29
Post #3





Grupa: Zarejestrowani
Postów: 8
Pomógł: 0
Dołączył: 24.02.2013

Ostrzeżenie: (0%)
-----


ale mam to wstawić do pierwszej linijki ?
Go to the top of the page
+Quote Post
ber32
post 24.02.2013, 14:52:59
Post #4





Grupa: Zarejestrowani
Postów: 332
Pomógł: 22
Dołączył: 6.07.2010

Ostrzeżenie: (0%)
-----


Wstaw to w miejsce gdzie znajduje się twój obrazek i usuń ze css linijkę

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




--------------------
Go to the top of the page
+Quote Post
nupster
post 24.02.2013, 15:15:38
Post #5





Grupa: Zarejestrowani
Postów: 8
Pomógł: 0
Dołączył: 24.02.2013

Ostrzeżenie: (0%)
-----


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ć ?
Go to the top of the page
+Quote Post
ber32
post 24.02.2013, 15:29:41
Post #6





Grupa: Zarejestrowani
Postów: 332
Pomógł: 22
Dołączył: 6.07.2010

Ostrzeżenie: (0%)
-----


Wstaw kod html


--------------------
Go to the top of the page
+Quote Post
nupster
post 24.02.2013, 15:55:16
Post #7





Grupa: Zarejestrowani
Postów: 8
Pomógł: 0
Dołączył: 24.02.2013

Ostrzeżenie: (0%)
-----




mam tylko te pliki który mam pokazać ?
Go to the top of the page
+Quote Post
ber32
post 24.02.2013, 16:00:45
Post #8





Grupa: Zarejestrowani
Postów: 332
Pomógł: 22
Dołączył: 6.07.2010

Ostrzeżenie: (0%)
-----


Ten który chcesz zmienić


--------------------
Go to the top of the page
+Quote Post
nupster
post 24.02.2013, 16:10:49
Post #9





Grupa: Zarejestrowani
Postów: 8
Pomógł: 0
Dołączył: 24.02.2013

Ostrzeżenie: (0%)
-----


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
Go to the top of the page
+Quote Post
ber32
post 24.02.2013, 16:15:37
Post #10





Grupa: Zarejestrowani
Postów: 332
Pomógł: 22
Dołączył: 6.07.2010

Ostrzeżenie: (0%)
-----


Daj plik footer część z logo


--------------------
Go to the top of the page
+Quote Post
nupster
post 24.02.2013, 16:32:28
Post #11





Grupa: Zarejestrowani
Postów: 8
Pomógł: 0
Dołączył: 24.02.2013

Ostrzeżenie: (0%)
-----


  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>
Go to the top of the page
+Quote Post
teez
post 24.02.2013, 16:32:59
Post #12





Grupa: Zarejestrowani
Postów: 186
Pomógł: 6
Dołączył: 20.12.2010

Ostrzeżenie: (0%)
-----


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?
Go to the top of the page
+Quote Post
nupster
post 24.02.2013, 16:44:27
Post #13





Grupa: Zarejestrowani
Postów: 8
Pomógł: 0
Dołączył: 24.02.2013

Ostrzeżenie: (0%)
-----


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
Go to the top of the page
+Quote Post
ber32
post 24.02.2013, 17:10:33
Post #14





Grupa: Zarejestrowani
Postów: 332
Pomógł: 22
Dołączył: 6.07.2010

Ostrzeżenie: (0%)
-----


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


--------------------
Go to the top of the page
+Quote Post
toaspzoo
post 24.02.2013, 17:15:49
Post #15





Grupa: Zarejestrowani
Postów: 778
Pomógł: 84
Dołączył: 29.07.2010
Skąd: Gliwice / Pławniowice Mistrz niezmordowanej klawiatury.

Ostrzeżenie: (20%)
X----


  1. margin:0 auto;


--------------------

LS Easter egg <
Go to the top of the page
+Quote Post
nupster
post 24.02.2013, 17:44:06
Post #16





Grupa: Zarejestrowani
Postów: 8
Pomógł: 0
Dołączył: 24.02.2013

Ostrzeżenie: (0%)
-----


ż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
Go to the top of the page
+Quote Post
martex
post 1.03.2013, 14:51:15
Post #17





Grupa: Zarejestrowani
Postów: 133
Pomógł: 4
Dołączył: 7.11.2012
Skąd: Połaniec

Ostrzeżenie: (0%)
-----


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

Ten post edytował martex 1.03.2013, 14:53:28
Go to the top of the page
+Quote Post
--miki--
post 1.03.2013, 17:56:27
Post #18





Goście







Wiesz może od którego roku się tego nie używa.
bo html 4 i ramki dalej w modzie
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 27.04.2024 - 07:12