Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS]Cienie pod obrazkiem
Forum PHP.pl > Forum > Przedszkole
Strarus
30.12.2008, 11:05:27
cześć:)
Znalazłem pewno rozwiązanie i zrobiłem cienie pod obrazkiem. Niestety te cienie, obrazki z cieniami są w pewnych odstępach od obrazka głównego. Jak to rozwiązać? Oto problem:
http://strarus.cba.pl/testy/
phpcoder89
30.12.2008, 11:07:45
<table cellpadding="0" cellspacing="0">
Strarus
30.12.2008, 11:09:20
Dzięki ale to nie rozwiązało problemu do końca. Jeszcze na dole są odstępy...
phpcoder89
30.12.2008, 11:11:24
pobaw sie padding`ami i margin`ami
Strarus
30.12.2008, 11:54:00
jakoś mi nie idzie... ustawiłem margin-top na -5 a padding na 0 i też nic nie daje...

Dobra.. skorzystałem z rozwiązania php-fusion:
http://strarus.cba.pl/testy/
Tylko, że odstają górne i dolne obrazki...
Vexator
30.12.2008, 11:56:22
mogę się mylić, ale mam wrażenie, że masz zbyt dużą wysokość komórki. zrób sobie border="1" i zobacz, czy w komórce nie zostało wolne miejsce.

p.s.
obrazki prawy, lewy, dół, góra zrób odpowiednio góra i dół szerokości 1px, a prawy, lewy wysokości 1px. później usuń z stylu ten wpis: "background-repeat: no-repeat;"
Strarus
30.12.2008, 12:00:41
No dałem i jak by jest wolne miejsce... Ustawiłem width na 536 i dalej jest problem..
Vexator
30.12.2008, 12:04:06
dałeś adres: http://strarus.cba.pl/testy/
zrób tam border="1" i to co napisałem powyżej, żebym mógł zobaczyć, jak to wygląda.
Strarus
30.12.2008, 12:05:42
już
Darti
30.12.2008, 12:06:32
fon-size ustaw na 1
no i pamietaj ze wysokość obrazka ma byc taka sama jak wiersza środkowego
Strarus
30.12.2008, 12:08:23
że jak? gdzie i jak? a nie font-size??
Darti
30.12.2008, 12:09:06
no font-size,
Piniek
30.12.2008, 12:09:32
Proszę o dodanie tagu do tematu.
Strarus
30.12.2008, 12:12:13
Dodałem.
Nadal nic nie daje... Kod:
Kod
<table cellspacing='0' cellpadding='0' border='0' style="font-size:1;" align='left'>
<tr>
<td><img src='frame_left_top.png'  height='12' width='12'></td>
<td><img src='frame_top.png'  height='12' width='100%'></td>
<td><img src='frame_right_top.png'  height='12' width='12'></td></tr>
<td align='left'><img src='frame_left.png' width='12' height='367'></td>
<td align='center' height='1%'><img src='obraz.png' alt='Avatar' height='367' width='512'></td>
<td align='right'><img src='frame_right.png' height='367' width='12'></td><tr>
<td><img src='frame_left_bottom.png' height='12' width='12'></td>
<td><img src='frame_bottom.png' height='12' width='100%'></td>
<td><img src='frame_right_bottom.png' height='12' width='12'></td></tr>
</table>
Vexator
30.12.2008, 12:14:16
rozmiar czcionki nie ma znaczenia. zerknij sobie na to:
http://jagodka.eu/

style: http://jagodka.eu/style.css

patrz tylko na td.*

p.s. podeślij mi całość z obrazkami w spakowanym pliku, to Ci odeślę działające.
mail: santanachia@gmail.com
debian
30.12.2008, 12:19:02
Cytat(Darti @ 30.12.2008, 12:06:32 ) *
fon-size ustaw na 1


Chciałeś chyba powiedzieć font-size:1px; CSS sie kłania. Poza tym co ma piernik do wiatraka. Co mają wspólnego wielkości czcionek skoro tam nie ma tekstu. o.O
Darti
30.12.2008, 12:22:50
Zainstaluj sobie dodatek Web Developer do firefoksa i na pasku daj Information->Element information, najedź na element myszką i naciśnij, pokażą Ci się szczegółowe informacje nt elementu.

Cytat(debian @ 30.12.2008, 12:19:02 ) *
Chciałeś chyba powiedzieć font-size:1px; CSS sie kłania. Poza tym co ma piernik do wiatraka. Co mają wspólnego wielkości czcionek skoro tam nie ma tekstu. o.O


uff on tak czesto zmienia tą stronkę przykładową że trudno sie połapać. miał entery między znacznikami <td>, a wtedy to już ma znaczenie.
Strarus
30.12.2008, 12:25:51
Dobra, dzięki smile.gif Tobie @Vexator stawiam pomógł, ponieważ Twoje rozwiązanie jest najlepsze. Teraz sam już dopasuje, ponieważ zmienię obrazki na inne smile.gif Dzięki wszystkim za pomoc.
debian
30.12.2008, 12:26:39
Cytat(Darti @ 30.12.2008, 12:22:50 ) *
miał entery między znacznikami <td>, a wtedy to już ma znaczenie.


Entery o.O nigdy wcześniej nie słyszałem o takim znaczniku jak enter może chodzi Ci o <br /> ale to nie enter i nie ma wspólnego z wielkością czcionki.
Poza tym jeśli chodzi Ci o "entery" w kodzie ze sobie odstępy porobił między tagami to tez nie wpływa na wygląd kodu.
Darti
30.12.2008, 12:46:42
debian, ty weź sie odczep, widziałem w kodzie entery char(13) i twarde spacje &nbsp; i nie mów mi że to nie ma znaczenia, robie w tym fachu sporo lat i wiem o co chodzi więc nie czepiaj się.

[HTML] pobierz, plaintext 
  1. <style>
  2. table {
  3. font-size: 100px;
  4. border: 1px solid black;
  5. }
  6. </style>
  7.  
  8. <table>
  9. <tr>
  10. <td>&nbsp;</td>
  11. </tr>
  12. </table>
  13.  
  14. <table>
  15. <tr>
  16. <td> 
  17. </td>
  18. </tr>
  19. </table>
[HTML] pobierz, plaintext


a zamiast się czepiać to byś poradził koledze Strarus zrobienie tego na DIVach a nie na tabelach

p.s. sorry, zdenerwowałem się, bez urazy
Strarus
30.12.2008, 12:52:18
Miło wiedzieć, że na DIVach smile.gif Dzięki smile.gif Też się postarałeś, więc Tobie też stawię pomógł smile.gif
erix
30.12.2008, 15:55:08
Cytat
Entery o.O nigdy wcześniej nie słyszałem o takim znaczniku jak enter może chodzi Ci o <br /> ale to nie enter i nie ma wspólnego z wielkością czcionki.
Poza tym jeśli chodzi Ci o "entery" w kodzie ze sobie odstępy porobił między tagami to tez nie wpływa na wygląd kodu.

A testowałeś kiedyś strony pod IE? winksmiley.jpg http://www.cssnewbie.com/fixing-ie6-whitespace-bug/
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.