Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: W Firefoxie- OK, w IE- rozwala
Forum PHP.pl > Forum > Przedszkole
damiano99
5.02.2010, 14:04:36
Witam,

Bardzo proszę o pomoc. Na stronce chce mieć napis w h1 i obok panel admina. W Firefoxie jest ok, a w IE panel admina wywala pod napis w h1. Wklejam kod, może ktoś pomoże:

[PHP] pobierz, plaintext 
  1. <body>
  2. <!-- start header -->
  3. <div id="header">
  4. <A HREF="schowek.php">Schowek</A> -> Twój schowek jest pusty.<br/>
  5.  
  6.  
  7. <div id="logo">
  8. <h1><a href="http://www.karpaczek.eu" title="karpacz">Karpaczek.eu</a></h1>
  9.  
  10.  
  11. <form name="logowanie" method="post" action="profil.php?cmd=login_user">
  12. <table border="0" cellspacing="0" cellpadding="2">
  13.  
  14. <tr>
  15. <td class="uni_01" align="right"> nick:</td>
  16. <td class="uni_01">
  17. <input type="text" name="nick" value="">
  18. </td>
  19.  
  20. <td class="uni_01" align="right">hasło: </td>
  21. <td class="uni_01">
  22. <input type="password" name="pass">
  23. <input type="hidden" name="cmd" value="login_user">
  24. </td>
  25.  
  26. <td class="uni_01">&nbsp;</td>
  27. <td class="uni_01">
  28.  
  29. <input style="font-weight: bold;" type="submit" name="ok" value="zaloguj">
  30. </td>
  31. </tr>
  32. </table>
  33. </form>
  34. <p class="uni_01"><A HREF="profil.php">rejestracja +</A> | <A HREF="profil.php?cmd=haslo">zapomniane hasło</A>
  35.  
  36.  
  37.  
  38. </div>
  39.  
  40. <div id="menu">
  41. <ul>
  42.  
  43. <li class="active"><a href="index.html" accesskey="1" title="strona główna">Strona Główna</a></li>
  44. <li><a href="oferta.html" accesskey="3" title="baza noclegowa">Katalog</a></li>
  45. <li><a href="wyszukiwarka.html" accesskey="4" title="wyszukiwarka noclegów">Wyszukiwarka</a></li>
  46. <li><a href="profil.html" accesskey="5" title="Profil obiektu">Dodaj ofertę</a></li>
  47. <li><a href="ogloszenie.html" accesskey="6" title="ogloszenia noclegowe">Dodaj ogłoszenie</a></li>
  48. </ul>
  49. </div>
  50. </div>
  51.  
[PHP] pobierz, plaintext
cojack
5.02.2010, 14:12:08
widzę że kolegi się żarty trzymają od rana, może tak chociażby css'a ? Albo link do strony...
damiano99
5.02.2010, 14:24:21
fakt zapomniałem o css. wklejam

[PHP] pobierz, plaintext 
  1. body {
  2. 	margin: 0;
  3. 	padding: 0;
  4. 	background: #372412 url(images/img01.gif) repeat-x;
  5. 	font-size: 13px;
  6. 	color: #FFFFFF;
  7. }
  8.  
  9. body, th, td, input, textarea, select, option {
  10. 	font-family: Arial, Helvetica, sans-serif;
  11. }
  12.  
  13. h1, h2, h3 {
  14. 	text-transform: lowercase;
  15. 	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  16. 	font-weight: normal;
  17. 	color: #FFFFFF;
  18. }
  19.  
  20. h1 {
  21. 	letter-spacing: -2px;
  22. 	font-size: 3em;
  23. }
  24.  
  25. h2 {
  26. 	letter-spacing: -1px;
  27. 	font-size: 2em;
  28. }
  29.  
  30. h3 {
  31. 	font-size: 1em;
  32. }
  33.  
  34. p, ul, ol {
  35. 	line-height: 200%;
  36. }
  37.  
  38. blockquote {
  39. 	padding-left: 1em;
  40. }
  41.  
  42. blockquote p, blockquote ul, blockquote ol {
  43. 	line-height: normal;
  44. 	font-style: italic;
  45. }
  46.  
  47. a {
  48. 	color: #FFFFFF;
  49. }
  50.  
  51. a:hover {
  52. 	text-decoration: non-decoration;
  53. }
  54.  
  55. img { border: none; }
  56.  
  57. /* Header */
  58.  
  59. #header {
  60. 	width: 830px;
  61. 	height: 200px;
  62. 	margin: 0 auto;
  63. 	background: url(images/img02.jpg) no-repeat;
  64. }
  65.  
  66. /* Logo */
  67.  
  68. #logo {
  69. 	height: 170px;
  70. 	background: url(images/img07.gif) no-repeat left 65%;
  71. }
  72.  
  73. #logo h1 {
  74. 	float: left;
  75. 	padding: 40px 40px 0 50px;
  76. 	letter-spacing: -2px;
  77. 	font-size: 48px;
  78. }
  79.  
  80. #logo h2 {
  81. 	float: right;
  82. 	padding: 68px 0 0 0;
  83. 	font-size: 13px;
  84.  
  85. }
  86.  
  87. #logo a {
  88. 	text-decoration: none;
  89. 	color: #372412;
  90. }
  91.  
  92. /* Gallery */
  93.  
  94. #gallery {
  95. 	clear: both;
  96. 	width: 830px;
  97. 	height: 300px;
  98. 	margin: 0 auto;
  99.  
  100. }
  101.  
  102. #top-photo h2 {
  103. 	height: 1.4em;
  104. 	font-size: 1em;
  105. }
  106.  
  107. #top-photo p {
  108. 	margin: 0;
  109. 	padding: 0 0 10px 0;
  110. }
  111.  
  112. /* Menu */
  113.  
  114. #menu {
  115. 	width: 830px;
  116. 	height: 70px;
  117. 	background: url(images/img03.jpg) no-repeat;
  118. }
  119.  
  120. #menu ul {
  121. 	margin: 0;
  122. 	padding: 0;
  123. 	list-style: none;
  124. }
  125.  
  126. #menu li {
  127. 	display: inline;
  128. }
  129.  
  130. #menu a {
  131. 	display: block;
  132. 	float: left;
  133. 	width: 166px;
  134. 	height: 73px;
  135. 	padding-top: 35px;
  136. 	text-transform: lowercase;
  137. 	text-decoration: none;
  138. 	text-align: center;
  139. 	letter-spacing: -1px;
  140. 	font-size: 24px;
  141. 	color: #FFFFFF;
  142. }
  143.  
  144. #menu a:hover {
  145. 	background: url(images/img09.jpg) no-repeat;
  146. 	color: #FFFFFF;
  147. }
  148.  
  149. #menu .active a {
  150. 	background: url(images/img09.jpg) no-repeat;
  151. 	color: #372412;
  152. }
  153.  
  154. /* Page */
  155.  
  156. #page {
  157. 	width: 830px;
  158. 	margin: 0 auto;
  159. 	padding: 20px 0;
  160. }
  161.  
  162. /* Content */
  163.  
  164. #content {
  165. 	float: left;
  166. 	width: 532px;
  167. }
  168.  
  169. .post {
  170. 	padding: 0 0 20px 0;
  171. }
  172.  
  173. .title {
  174. 	margin: 0;
  175. 	border-bottom: 2px solid #4A3903;
  176. }
  177.  
  178. .byline {
  179. 	margin: 0;
  180. }
  181.  
  182. .meta {
  183. 	border-top: 1px solid #4A3903;
  184. 	text-align: right;
  185. 	color: #646464;
  186. }
  187.  
  188. .meta a {
  189. 	padding-left: 15px;
  190. 	background: url(images/img06.gif) no-repeat left center;
  191. 	font-weight: bold;
  192. }
  193.  
  194. /* Sidebar */
  195.  
  196. #sidebar {
  197. 	float: right;
  198. 	width: 250px;
  199. }
  200.  
  201. #sidebar ul {
  202. 	margin: 0;
  203. 	padding: 0;
  204. 	list-style: none;
  205. }
  206.  
  207. #sidebar li {
  208. }
  209.  
  210. #sidebar li ul {
  211. 	padding: 15px 0;
  212. }
  213.  
  214. #sidebar li li {
  215. 	padding-left: 30px;
  216. 	border-bottom: 1px dotted #4A3903;
  217. 	background: url(images/img06.gif) no-repeat 15px 50%;
  218. }
  219.  
  220. #sidebar h2 {
  221. 	margin: 0;
  222. 	padding: 20px 0 2px 30px;
  223. 	background: url(images/img05.gif) no-repeat left bottom;
  224. 	border-bottom: 2px solid #4A3903;
  225. }
  226.  
  227. #sidebar a {
  228. 	text-decoration: none;
  229. }
  230.  
  231. #sidebar a:hover {
  232. 	text-decoration: underline;
  233. }
  234.  
  235. /* Footer */
  236.  
  237. #footer {
  238. 	clear: both;
  239. 	padding: 20px 0;
  240. 	background: #FFEA6F;
  241. 	border-top: 3px solid #E8AD35;
  242. 	text-align: center;
  243. 	font-size: smaller;
  244. 	color: #E8AD35;
  245. }
  246.  
  247. #footer a {
  248. 	color: #C28C21;
  249. }
  250.  
  251.  
  252. img.fotka {
  253. border: 1px solid #dddddd !important;
  254. padding: 2px;
  255. background-color: #ffffff;
  256. margin-right:5px;
  257. }
  258.  
  259. .uni_01 {
  260.   font-family: Verdana;
  261.   font-size: 12px;
  262.   padding-top: 0px;
  263.   padding-right: 3px;
  264.   padding-bottom: 0px;
  265.   padding-left: 3px;
  266.   color: #FFFFFF;
  267. }
  268.  
  269. .title_g {
  270. font-family: Verdana;
  271. margin:0px;
  272. padding:7px 8px;
  273. overflow:hidden;
  274. font-weight:bold;
  275. font-size:13px;
  276. color:#FFFFFF;
  277. }
  278.  
  279. .link_g {
  280. font-family: Verdana;
  281. margin:0px;
  282. padding:7px 8px;
  283. overflow:hidden;
  284. font-weight:bold;
  285. font-size:12px;
  286. color:#FFFFFF;
  287. background: #372413;
  288. }
[PHP] pobierz, plaintext
bastard13
5.02.2010, 15:14:05
wrzuć sobie do css'a:
h1 {display:inline;}
wtedy nie przerzuci cię do drugiej lini.
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.