Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: obrazek nachodzi na tekst
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
nigraS
20.07.2009, 20:05:17
Witam, nie wiem gdzie to zmienić, obrazek nachodzi na pole tekstowe przez co nie można się zarejestrować, jak to można poprawić?
adres http://vemma-poland.org/component/user/?task=register


kod CSS
[PHP] pobierz, plaintext 
  1. <?php
  2. /********************************************************************************
  3. ************************
  4.     general
  5. ********************************************************************************
  6. ************************/
  7.  
  8. /* reset */
  9. html, body, div, ul, ol, li, dl, dt, dd, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td
  10. { margin: 0; padding: 0; }
  11.  
  12. fieldset, img
  13. { border: 0; }
  14.  
  15. /* now we can start :) */
  16. html[xmlns]
  17. { height: auto; padding-bottom : .01em; }
  18.  
  19. body
  20. { min-height: 100%; position: relative; font-size: 1em; color: #000; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  21. text-align: center; background: #8A950B url(../images/body.png) 0 0 repeat; }
  22.  
  23. /* clearing
  24. ****************************/
  25. /* you can find the ie clearing in the iefixes.css */
  26. .clearfix:after, #header:after, #content:after, div.content-modules:after, div.blog_row:after, ul.meta:after, .filter:after,
  27. .contentdescription:after, #footer:after, #main:after, .pagination:after
  28. { content: "."; display: block; height: 0; line-height: 0; clear: both; visibility: hidden; }
  29.  
  30. #ie_clearing { display: none }
  31.  
  32. .clear
  33. { clear:both; height: 0; line-height: 1px; }
  34.  
  35. /********************************************************************************
  36. ************************
  37.     layout
  38. ********************************************************************************
  39. ************************/
  40.  
  41. /* page / shadow
  42. ****************************/
  43. div#page-l
  44. { max-width: 95%; min-width: 760px; padding: 0 0 0 3px; margin: 0 auto; text-align: left; font-size: 0.8em; 
  45. line-height: 150%; background: #8A950B url(../images/shadow-left.png) left top repeat-y; }
  46.  
  47.     div#page-r
  48.     { padding: 0 3px 0 0; background: #fff url(../images/shadow-right.png) right top repeat-y; }
  49.  
  50.     div#page-b
  51.     { height: 3px; line-height: 0; margin: 0 auto; font-size: 1px /*ie*/; background: transparent url(../images/shadow-bottom.png) left bottom repeat-x; }
  52.  
  53.  
  54.         /* top header
  55.         ****************************/
  56.         div#top-header
  57.         { position: relative; height: 95px; background: url(../images/top-header.png) left bottom repeat-x; border-bottom: 1px solid #fff; }
  58.  
  59.             div#top-header h1
  60.             { width: 240px; text-align: center; line-height: normal; margin: 0; padding: 0; }
  61.  
  62.             div#top-header form
  63.             { position:absolute; top: 10px; right: 10px; }
  64.             
  65.                 div#top-header form label
  66.                 { position: absolute; top: -999em; left: -999em; }
  67.                 
  68.                 div#top-header form input
  69.                 { border: 1px solid #D2DEF0; padding: 0.2em; }
  70.  
  71.  
  72.         /* header
  73.         ****************************/
  74.         div#header
  75.         { height: 166px; font-size: 0.85em; line-height: 155%; border-bottom: 1px solid #fff; position: relative; }
  76.  
  77.             div#header div#topmod
  78.             { height: 166px; width: 240px; /*float: left;*/ position: absolute; top: 0; left: 0; background: #D2DEF0 url(../images/topmod.png) 0 0 no-repeat; overflow: auto; }
  79.  
  80.                 div#header div#topmod .article_separator
  81.                 { display: none; }
  82.  
  83.                 /* module layout -> template_css.css */
  84.  
  85.             div#header div#image
  86.             { position: relative; left: 241px; margin: 0 241px 0 0; height: 282px; background: url(../images/header-image.png) left 0 repeat-x; }
  87.             
  88.                 div#header div#image h2#slogan
  89.                 { position: absolute; right: 10px; bottom: 5px; margin: 0; color: #fff; font-size: 1.3em; letter-spacing: 0.05em; font-family: Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif }
  90.  
  91.  
  92.         /* main section / content
  93.         ****************************/
  94.         div#content
  95.         { padding: 0 0 3px 0; /* padding for the #page-r background */
  96.         background: url(../images/left-column.png) left top repeat-y; }
  97.  
  98.         body.right-col div#content,
  99.         body.no-col div#content
  100.         { background: #fff; }
  101.  
  102.  
  103.             /* left sidebar
  104.             ****************************/
  105.             div#content div#left-sidebar
  106.             { float: left; width: 240px; display: block }
  107.  
  108.  
  109.             /* breadcrumb / pathway
  110.             ****************************/
  111.             div#content div#breadcrumb
  112.             { font-size: 0.85em; margin: 0 -10px 85px -9px; color: #fff; padding: 0.6em 0 0.5em 15px;
  113.              }
  114.             
  115.  
  116.             /* variable module layouts */
  117.             body.no-col div#content div#breadcrumb,
  118.             body.right-col div#content div#breadcrumb
  119.             { margin: 0 -10px 10px -10px; }
  120.  
  121.             /* opera padding fix */
  122.             div#content div#breadcrumb.opera
  123.             { padding: 0.5em 0 0.45em 15px; }
  124.  
  125.                 /* breadcrumb heading */
  126.                 div#content div#breadcrumb h3
  127.                 { float: left; color: #fff; font-size: 1em; margin: 0 0.5em 0 0; text-transform: none; }
  128.  
  129.                 /* breadcrumb list */
  130.                 div#content div#breadcrumb ul
  131.                 { margin: 0; padding: 0; list-style: none; }
  132.  
  133.                 div#content div#breadcrumb ul li
  134.                 { float: left; margin: 0 0.5em 0 0; font-weight: bold; }
  135.  
  136.                     /* breadcrumb links */
  137.                     div#content div#breadcrumb ul li a:link, div#content div#breadcrumb ul li a:visited
  138.                     { font-weight: normal; color: #fff; background: url(../images/breadcrumb.gif) 100% 80% no-repeat; padding: 0 10px 0 0; }
  139.  
  140.                     div#content div#breadcrumb ul li a:hover, div#content div#breadcrumb ul li a:active, div#content div#breadcrumb ul li a:focus
  141.                     { color: #fff; text-decoration: none; }
  142.  
  143.  
  144.             /* main content
  145.             ****************************/
  146.             div#content div#main
  147.             { margin: 0 10px 0 250px; line-height: 140%;}
  148.  
  149.             /* variable module layouts */
  150.             body.right-col div#content div#main,
  151.             body.no-col div#content div#main
  152.             { margin: 0 10px 0 10px; }
  153.  
  154.                 div#content div#main div#main-content
  155.                 { float: left; width: 68.7%; }
  156.  
  157.                 /* variable module layouts */
  158.                 body.left-col div#content div#main div#main-content,
  159.                 body.no-col div#content div#main div#main-content
  160.                 { width: 100%; }
  161.  
  162.                     div#content div#main div#main-content div.content-modules
  163.                     { margin: 0 0 0.5em 0; }
  164.  
  165.                         div#content div#main div#main-content div.content-modules div.float1
  166.                         { float: left; width: 49%; }
  167.  
  168.                         div#content div#main div#main-content div.content-modules div.float2
  169.                         { float: right; width: 49%; }
  170.  
  171.  
  172.                     /* right sidebar
  173.                     ****************************/
  174.                     div#content div#main div#right-sidebar
  175.                     { margin: 0 0 0 70%; }
  176.  
  177.  
  178.                 /* footer
  179.                 ****************************/
  180.                 div#content div#footer
  181.                 { font-size: 0.85em; color: #006633; margin: 1em 0 0 241px; padding: 1em;
  182.                 background: #fff url(../images/footer.png) top left repeat-x; }
  183.  
  184.                 /* variable module layouts */
  185.                 body.right-col div#content div#footer,
  186.                 body.no-col div#content div#footer
  187.                 { margin: 1em 0 0 0;}
  188.  
  189.                     div#content div#footer p
  190.                     { margin: 0; float: right; }
  191.  
  192.                     div#content div#footer p.copyright
  193.                     { float: left; margin: 0;  }
  194.  
  195.                         div#content div#footer p img
  196.                         { vertical-align: middle; }
  197. ?>
[PHP] pobierz, plaintext
ayeo
20.07.2009, 20:10:35
Witam!

Masz 65 postów, a się zachowujesz jakbyś był całkowicie nowy na forum tongue.gif Czemu CSS dajesz w znacznikach PHP? Czemu ten kod jest niesformatowany? Jak ktoś ma tam coś znaleźć? Myślisz, że ktoś poświęci swój czas, żeby przedrzeć się przez ten burdel jeśli Tobie nie chciało się porządnie go wstawić? Ja wątpię. Proszę, popraw tego posta.

Pozdrawiam!
nigraS
21.07.2009, 07:28:55
z CSS'a jestem noga. Nie ja pisałem tego CSS'a, nie rozumiem sformułowanie "niesformatowany", nie wiem o co chodzi, jak sformatować CSS.
CSS dałem specjalnie w znaczkach PHP, by był lepiej widoczny kod.
wookieb
21.07.2009, 07:41:18
Usunąć parametr height dla div#header. Musisz stworzyc wystarczającą ilość miejsca dla obrazka
nigraS
22.07.2009, 21:19:05
ok, dzięki.
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.