Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [HTML] Odstępy miedzy obrazkami
Arsanael
post 27.08.2009, 03:25:58
Post #1





Grupa: Zarejestrowani
Postów: 65
Pomógł: 0
Dołączył: 4.06.2009

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

Witam, nie wiem czemu ale gdy chce umiescic obrazek pod obrazkiem w pionie nie moge tego zrobić gdyż są centymetrowe odstepy miedzy nimi, nie wiem na czym polega błąd. Oto kod:

[HTML] pobierz, plaintext 
  1. <td valign="top" width="175" align="center" background="/images/center.PNG">
  2. <center>
  3. <img src="/images/up.PNG">
  4. <br />
  5. <font size="2"><b>Witaj Nieznajomy!</b>
  6. <br/>
  7. [ Rejestracja ]
  8. <br />
  9. [ Logowanie ]
  10. </font>
  11. </center>
  12.  
  13. <img src="/images/down.PNG" border="0">
  14. <img src="/images/tlo.PNG" border="0">
  15. <img src="/images/tlo.PNG" border="0">
  16.  
  17. </td>
[HTML] pobierz, plaintext



z gory dziekuje.
Go to the top of the page
+Quote Post
ayeo
post 27.08.2009, 03:58:50
Post #2





Grupa: Przyjaciele php.pl
Postów: 1 202
Pomógł: 117
Dołączył: 13.04.2007
Skąd: 127.0.0.1

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

Witam!

Wyzeruj marginesy (img {margin: 0;})

Pozdrawiam!


--------------------
ayeo.pl
Go to the top of the page
+Quote Post
Arsanael
post 28.08.2009, 00:58:02
Post #3





Grupa: Zarejestrowani
Postów: 65
Pomógł: 0
Dołączył: 4.06.2009

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

Hmm, mozna proscic o jakis kod przykładowy uzycia tego ? byłbym wdzieczny smile.gif
Go to the top of the page
+Quote Post
bmL
post 28.08.2009, 01:16:06
Post #4





Grupa: Zarejestrowani
Postów: 301
Pomógł: 25
Dołączył: 15.07.2007
Skąd: Olsztyn

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

Jeżeli dobrze pamiętam to powinno pomóc:
[HTML] pobierz, plaintext 
  1. <style type="text/css">
  2. img {
  3. display: inline;
  4. }
  5. </style>
[HTML] pobierz, plaintext


Ten post edytował bmL 28.08.2009, 01:17:40


--------------------
Tutaj miał być jakiś mądry tekst. Miał być... No ale jest głupi tekst.
Go to the top of the page
+Quote Post
Arsanael
post 28.08.2009, 02:10:39
Post #5





Grupa: Zarejestrowani
Postów: 65
Pomógł: 0
Dołączył: 4.06.2009

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

nie zabardzo ma ochote zadziałać ale możliwe ze przez to iż moja wiedza o CSS'ie jest znikoma. 
[HTML] pobierz, plaintext 
  1. <head>
  2.  
  3.       <style type="text/css">
  4.       img {
  5. display: inline;
  6.       margin: 0;
  7. }
  8.  
  9.       </style>
  10. </head>
[HTML] pobierz, plaintext


skorygujcie jeśli źle .
Go to the top of the page
+Quote Post
f1xer
post 28.08.2009, 02:14:47
Post #6





Grupa: Zarejestrowani
Postów: 403
Pomógł: 68
Dołączył: 20.03.2008

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

a możesz rzucić link do stronki?


--------------------
Pomogłem? wyraź to i kliknij "Pomógł"
Go to the top of the page
+Quote Post
varez
post 28.08.2009, 07:08:21
Post #7





Grupa: Zarejestrowani
Postów: 275
Pomógł: 32
Dołączył: 17.06.2007

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

jak masz firefoxa to sciag dodatek FireBug,
jak masz opere to Narzędzia -> Zaawansowane -> Narzędzia dla deweloperów.
Tam podgladniesz jakie style aktualnie ma obrazek, i skąd się wzięły smile.gif
http://i30.tinypic.com/35b5b2o.jpg
Go to the top of the page
+Quote Post
nitek
post 28.08.2009, 10:13:34
Post #8





Grupa: Zarejestrowani
Postów: 209
Pomógł: 37
Dołączył: 27.02.2008
Skąd: Kwidzyn

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

Spróbuj tak, jak radził Ci ayeo, czyli:

[HTML] pobierz, plaintext 
  1. <style type="text/css">
  2. img {
  3.  border:0 none;
  4.  margin:0px;
  5.  padding:0px;
  6. }
  7. </style>
[HTML] pobierz, plaintext


Te style umieść gdzieś pomiędzy <head> a </head>


--------------------
www.id2it.pl
Go to the top of the page
+Quote Post
bmL
post 28.08.2009, 23:18:58
Post #9





Grupa: Zarejestrowani
Postów: 301
Pomógł: 25
Dołączył: 15.07.2007
Skąd: Olsztyn

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

Pomyliłem się i to głupio przecież img standardowo jest elementem liniowym fix o który mi chodziło to :
[HTML] pobierz, plaintext 
  1. <style type="text/css">
  2. img {
  3. display: block;
  4. }
  5. </style>
[HTML] pobierz, plaintext

Fix ten naprawia pionowy odstęp między obrazkami w IE. Inaczej ten odstęp daje się jedynie usunąć przez ujemny margines połączony z !important

Ten post edytował bmL 28.08.2009, 23:19:23


--------------------
Tutaj miał być jakiś mądry tekst. Miał być... No ale jest głupi tekst.
Go to the top of the page
+Quote Post
Arsanael
post 29.08.2009, 15:26:28
Post #10





Grupa: Zarejestrowani
Postów: 65
Pomógł: 0
Dołączył: 4.06.2009

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

dalej nie idze ;/

zarzuce screena :



Te białe paski to są obrazki właśnie które chciałbym zeby były połączone.
Puki co nic nie działa ;/
Go to the top of the page
+Quote Post
TheaSiX
post 29.08.2009, 16:31:16
Post #11





Grupa: Zarejestrowani
Postów: 110
Pomógł: 10
Dołączył: 3.09.2006
Skąd: Bishop Auckland

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

wrzuć w tabele i wyzeruj cellpadding i cellspacing albo wypozycjonuj absolutnie
Go to the top of the page
+Quote Post
thek
post 29.08.2009, 17:08:33
Post #12





Grupa: Moderatorzy
Postów: 4 362
Pomógł: 714
Dołączył: 12.02.2009
Skąd: Jak się położę tak leżę :D
Zrób tak jak radzą koledzy. Wyzeruj marginesy i paddingi. Domyślnie przeglądarki elementom mogą nadawać jakieś wartości różne od 0 a niechlubnym przykładem takiej bardzo częstej praktyki pod tym względem jest IE. Choć nie tylko mu się to zdarza.


--------------------
Najpierw był manual... Jeśli tam nie zawarto słów mądrości to zapytaj wszechwiedzącego Google zadając mu własciwe pytania. A jeśli i on milczy to Twój problem nie istnieje :D
Go to the top of the page
+Quote Post
Arsanael
post 29.08.2009, 17:09:33
Post #13





Grupa: Zarejestrowani
Postów: 65
Pomógł: 0
Dołączył: 4.06.2009

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

cellpadding cellspacing mam ustawone na 0

Cytat
wypozycjonuj absolutnie


tzn ?

daje cały kod tabeli:


[HTML] pobierz, plaintext 
  1. <table width="850" height="269" bgcolor="#EDEEE8" align="center" border="0" cellpadding="0" cellspacing="0">
  2.  
  3. <tr height="269" cellpadding="0" cellspacing="0">
  4.  
  5. <td valign="top" width="175" align="center" background="/images/center.PNG" cellpadding="0" cellspacing="0">
  6. <center>
  7. <img src="/images/up.PNG">
  8. <br />
  9. <font size="2"><b>Witaj Nieznajomy!</b>
  10. <br/>
  11. [ Rejestracja ]
  12. <br />
  13. [ Logowanie ]
  14. </font>
  15. </center>
  16.  
  17. <img src="/images/down.PNG" border="0">
  18. <img src="/images/tlo.PNG" border="0">//te 2 obrazki nie chca sie łaczyc ;/
  19. <img src="/images/tlo.PNG" border="0">//te 2 obrazki nie chca sie łaczyc ;/
  20.  
  21. </td>
  22.  
  23. <td valign="top" width="475">
  24. <br>
  25. <font size="4"><b>Postacie</b></font> 
  26. <hr>
  27. <font size="2">
  28.  
  29. <img src="images/site_web_images/foreman.jpeg">
  30.  
  31.  
  32. <hr>
  33.  
  34. </font>
  35. </td>
  36.  
  37. <td valign="top" width="200" height="500" background="/images/table1v1.PNG">
  38. <center> 
  39. <iframe width="160" height="175" src="shoutbox.php" FRAMEBORDER="0"></iframe>
  40. <font size="2"><b> Wiadomosć :</b></font>
  41. <br/>
  42. <form action="add_shout.php" method="post">
  43. 	<input type="text" name="add" style="background-color: #E2E7CB; font-size: 8pt; font-weight: bold; width: 150px; height: 15px; border-style: solid; border-color: #C1C6A7" />
  44. <input type="submit" value="Wyslij" />
  45. </form>
  46.  
  47.  
  48. </center>
  49. </td>
  50.  
  51. </tr>
  52.  
  53.  
  54. </table>
[HTML] pobierz, plaintext


Ten post edytował Arsanael 29.08.2009, 17:19:29
Go to the top of the page
+Quote Post
thek
post 29.08.2009, 18:08:59
Post #14





Grupa: Moderatorzy
Postów: 4 362
Pomógł: 714
Dołączył: 12.02.2009
Skąd: Jak się położę tak leżę :D
Layout na tabelkach.... WRRRR winksmiley.jpg

A tak w temacie... Patrząc na screeny widzę, że powyżej panelu logowania masz także te paski, więc czemu nie pomyślałeś, by jako tło tej komórki ustawić tlo.png mające repeat-y? winksmiley.jpg


--------------------
Najpierw był manual... Jeśli tam nie zawarto słów mądrości to zapytaj wszechwiedzącego Google zadając mu własciwe pytania. A jeśli i on milczy to Twój problem nie istnieje :D
Go to the top of the page
+Quote Post
Arsanael
post 29.08.2009, 20:46:36
Post #15





Grupa: Zarejestrowani
Postów: 65
Pomógł: 0
Dołączył: 4.06.2009

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

tlo to są paski poprzeczne tej jakby tabelki a obrazkami są oprócz tego co wam mówiłem to zakonczenia ramek panelu logowania (te łuki donly i górny) no i własnie jest też problem z tym bo obrazek górny nie chce dochodzic do góry tabeli tylko jest troche niżej psując efekt ;/

Jakieś rady ?
Przepisanie tego an CSS by coś dało ?
Juz nie wiem co mam robić nic nie działa zaden sposób. ;/
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

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

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

RSS Wersja Lo-Fi Aktualny czas: 19.04.2024 - 11:49
Powered By IP.Board © 2024  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn