Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][CSS]Pozycjonowanie elementów
Eldiane
post
Post #1





Grupa: Zarejestrowani
Postów: 34
Pomógł: 0
Dołączył: 6.01.2011
Skąd: Sosnowiec

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

Witam, mam taką oto stronę:

[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. 	<title>Baza danych biblioteki</title>
  4. 	<meta http-equiv="Content-type" content="text/html; charset=utf-8">
  5. 	<style type="text/css">
  6. 		body{
  7. 			background-color: #C4E1E6;
  8. 			margin: 0px;
  9. 		}
  10. 		a{
  11. 			color: black;
  12. 			font-size: 15px;
  13. 		}
  14. 		.menu{
  15. 			background-color: white;
  16. 			width: 10%;
  17. 			height: 60%;
  18. 			position: absolute;
  19. 			top: 20%;
  20. 			left: 7%;
  21. 		}
  22. 		.image{
  23. 			float: left;
  24. 		}
  25. 		.image1{
  26. 			position: relative;
  27. 			top: 15px;
  28. 		}
  29.  
  30. 	</style>
  31. </head>
  32. <body>
  33. <?php
  34. session_start();
  35. if(!isset($_SESSION['prawid_uzyt'])){
  36. 	include 'wylog.php';
  37. }
  38. else{
  39. 	?>
  40. 		<div class="image">
  41. 			<img src="images/book_elem/UpLeftCorn.png"></img>
  42. 		</div>
  43. 		<div class="image1">
  44. 			<img src="images/book_elem/Up.png"></img>
  45. 		</div>
  46. 		<div class="menu">
  47. 			<a href="wylog.php">Wylogowanie</a>
  48. 		</div>
  49. 	<?php
  50. }
  51. ?>
  52. </body>
  53. </html>
[HTML] pobierz, plaintext


I tutaj pojawia się moje pytanie, jeżeli ustawie dwa elementy a mianowicie div'a "image" i div'a "image1" to pomiędzy nimi tworzy się uporczywa przerwa, próbowałem ustawić atrybut padding na 0 px, ale bez efektu.

(IMG:http://pics.tinypic.pl/i/00375/wblhdd1gjct6.png)

Można prosić o jakąś poradę?
Z góry dziękuje

Eldiane
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
in5ane
post
Post #2





Grupa: Zarejestrowani
Postów: 1 335
Pomógł: 34
Dołączył: 9.11.2005
Skąd: Wrocław

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

Zrób sobie w takim wypadku coś innego. Zrób DIV'a i daj mu background img z repeatem w poziomie. Obrazek zrób normalnej wysokości i szerokości 1px. Nadaj szerokość dla DIV'a (czyli na width: 100%). Voila.

Ten post edytował in5ane 29.04.2013, 13:24:30
Go to the top of the page
+Quote Post
Eldiane
post
Post #3





Grupa: Zarejestrowani
Postów: 34
Pomógł: 0
Dołączył: 6.01.2011
Skąd: Sosnowiec

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

Cytat(in5ane @ 29.04.2013, 14:24:13 ) *
Zrób sobie w takim wypadku coś innego. Zrób DIV'a i daj mu background img z repeatem w poziomie. Obrazek zrób normalnej wysokości i szerokości 1px. Nadaj szerokość dla DIV'a (czyli na width: 100%). Voila.



Zastosowałem się do rad ale niestety pewnie znów coś źle napisałem, zawsze pojawiają się problemy przy pozycjonowaniu a chciałbym w końcu zamknąć sprawę i porządnie się tego nauczyć.

Oto strona : http://kolonaukowejazz.hitowy.pl/

dodałem pustego Diva, nadałem mu atrybuty takie jakie powinny być
[CSS] pobierz, plaintext 
  1. .images{
  2. 	background-image:url('images/book_elem/Up.png')
  3. 	background-repeat:repeat-x;
  4. 	width:100%;
  5. 	height:1px;
  6. }
[CSS] pobierz, plaintext


oraz sam Div:
[HTML] pobierz, plaintext 
  1. <div class="images">	
  2. </div>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post

Posty w temacie
- Eldiane   [HTML][CSS]Pozycjonowanie elementów   29.04.2013, 11:58:37
- - lobopol   Jakbyś dał to online byłoby łatwiej, a tak to obst...   29.04.2013, 12:06:50
- - Eldiane   oto link do strony http://kolonaukowejazz.hitowy.p...   29.04.2013, 12:28:17
- - in5ane   Nie coś takiego: [HTML] pobierz, plaintext <d...   29.04.2013, 12:51:22
- - Arcioch   To nie jest powodowane przez CSS tylko przez to że...   29.04.2013, 12:52:49
- - in5ane   Cytat(Arcioch @ 29.04.2013, 13:52:49 ...   29.04.2013, 13:07:17
- - viking   Ty też źle piszesz Zamykanie w takie sposób img, ...   29.04.2013, 13:12:51
- - Eldiane   Zastosowałem się do rad i poprawiłem znaczniki ...   29.04.2013, 13:16:21
- - in5ane   Zrób sobie w takim wypadku coś innego. Zrób DIV...   29.04.2013, 13:24:13
|- - Eldiane   Cytat(in5ane @ 29.04.2013, 14:24:13 )...   29.04.2013, 13:34:07
- - in5ane   Atrybut height nie 1px, a tyle ile ma rzeczywiście...   29.04.2013, 13:37:00
- - Eldiane   Dzięki twoim radom w końcu się udało a efekt o jak...   29.04.2013, 13:46:11

« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 5.10.2025 - 13:43
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn