REKLAMA

Adblock/uBlockOrigin/AdGuard mogą powodować znikanie niektórych postów z powodu nowej reguły.

HTML - jak zlikwidować odstęp pomiędzy grafiką.

Mbeat 25 Kwi 2006 16:52 2901 7

REKLAMA

Zgłoś naruszenie prawa

| Nowy temat

#1 2564168 25 Kwi 2006 16:52

Mbeat Mbeat

Poziom 21

Posty: 643

Pomógł: 38

Ocena: 52

Post #1

2564168 25 Kwi 2006 16:52

Witam.
Mam takie pytanko jak usunąć odstęp pomiędzy grafiką która tworzy po scaleniu ładne menu. Obecnie, zamiast ładnie się komponować są odstępy pomiędzy zdjęciami. Jak przerobić ten kod aby uzyskać połączenie :

<table border="0"  cellpadding="0" cellspacing="0" width="750">
	<tr>

		<td background="ptgrafika/ptmenu.jpg" width="173" height="373">
		<center>
		<img src="ptgrafika/pt_top.jpg" border="0" ></img>
		<a href="index.php?showp=ptdata/squad/squad" class="pmenu" ><img src="ptgrafika/pt_b1.jpg" onmouseover="src='ptgrafika/pt_b1_over.jpg'" onmouseout="src='ptgrafika/pt_b1.jpg'" border="0"></img></a>
		<a href="index.php?showp=ptdata/squad/squad" class="pmenu"><img src="ptgrafika/pt_b2.jpg" onmouseover="src='ptgrafika/pt_b2_over.jpg'" onmouseout="src='ptgrafika/pt_b2.jpg'" border="0"></img></a>
		<a href="index.php?showp=ptdata/squad/squad" class="pmenu"><img src="ptgrafika/pt_b3.jpg" onmouseover="src='ptgrafika/pt_b3_over.jpg'" onmouseout="src='ptgrafika/pt_b3.jpg'" border="0"></img></a>
		<a href="index.php?showp=ptdata/squad/squad" class="pmenu"><img src="ptgrafika/pt_b4.jpg" onmouseover="src='ptgrafika/pt_b4_over.jpg'" onmouseout="src='ptgrafika/pt_b4.jpg'" border="0"></img></a>
		<a href="index.php?showp=ptdata/squad/squad" class="pmenu"><img src="ptgrafika/pt_b5.jpg" onmouseover="src='ptgrafika/pt_b5_over.jpg'" onmouseout="src='ptgrafika/pt_b5.jpg'" border="0" align="top"></img></a>
		<a href="index.php?showp=ptdata/squad/squad" class="pmenu"><img src="ptgrafika/pt_b6.jpg" onmouseover="src='ptgrafika/pt_b6_over.jpg'" onmouseout="src='ptgrafika/pt_b6.jpg'" border="0"></img></a>
		<a href="index.php?showp=ptdata/squad/squad" class="pmenu"><img src="ptgrafika/pt_b7.jpg" onmouseover="src='ptgrafika/pt_b7_over.jpg'" onmouseout="src='ptgrafika/pt_b7.jpg'" border="0"></img></a>
		<a href="index.php?showp=ptdata/squad/squad" class="pmenu"><img src="ptgrafika/pt_8.jpg" onmouseover="src='ptgrafika/pt_b8_over.jpg'" onmouseout="src='ptgrafika/pt_b8.jpg'" border="0"></img></a>
		<a href="index.php?showp=ptdata/squad/squad" class="pmenu"><img src="ptgrafika/pt_b9.jpg" onmouseover="src='ptgrafika/pt_b9_over.jpg'" onmouseout="src='ptgrafika/pt_b9.jpg'" border="0"></img></a>
		<a href="index.php?showp=ptdata/squad/squad" class="pmenu"><img src="ptgrafika/pt_b10.jpg" onmouseover="src='ptgrafika/pt_b10_over.jpg'" onmouseout="src='ptgrafika/pt_b10.jpg'" border="0"></img></a>
		<a href="index.php?showp=ptdata/squad/squad" class="pmenu"><img src="ptgrafika/pt_11.jpg" onmouseover="src='ptgrafika/pt_b11_over.jpg'" onmouseout="src='ptgrafika/pt_b11.jpg'" border="0"></img></a>
		<img src="ptgrafika/pt_bottom.jpg" border="0" align="middle"></img>
		</center>

     
	</td>
<td>

// coś tam coś tam

</td>
</table>

PS. Dodam, że grafika ma być jedna pod drugą ale połączona z sobą !

REKLAMA

#2 2564410 25 Kwi 2006 18:19

Józef18 Józef18

Poziom 32

Posty: 1607

Pomógł: 168

Ocena: 165

Post #2

2564410 25 Kwi 2006 18:19

Spróbuj tak

<table border="0"  cellpadding="0" cellspacing="0" width="750"> 
   <tr> 

      <td background="ptgrafika/ptmenu.jpg" width="173" height="373"> 
      <center>
        <img src="ptgrafika/pt_top.jpg" border="0" > <a href="index.php?showp=ptdata/squad/squad" class="pmenu" ><img src="ptgrafika/pt_b1.jpg" onmouseover="src='ptgrafika/pt_b1_over.jpg'" onmouseout="src='ptgrafika/pt_b1.jpg'" border="0"></a> 
        <a href="index.php?showp=ptdata/squad/squad" class="pmenu"><img src="ptgrafika/pt_b2.jpg" onmouseover="src='ptgrafika/pt_b2_over.jpg'" onmouseout="src='ptgrafika/pt_b2.jpg'" border="0"></a> 
        <a href="index.php?showp=ptdata/squad/squad" class="pmenu"><img src="ptgrafika/pt_b3.jpg" onmouseover="src='ptgrafika/pt_b3_over.jpg'" onmouseout="src='ptgrafika/pt_b3.jpg'" border="0"></a> 
        <a href="index.php?showp=ptdata/squad/squad" class="pmenu"><img src="ptgrafika/pt_b4.jpg" onmouseover="src='ptgrafika/pt_b4_over.jpg'" onmouseout="src='ptgrafika/pt_b4.jpg'" border="0"></a> 
        <a href="index.php?showp=ptdata/squad/squad" class="pmenu"><img src="ptgrafika/pt_b5.jpg" onmouseover="src='ptgrafika/pt_b5_over.jpg'" onmouseout="src='ptgrafika/pt_b5.jpg'" border="0" align="top"></a> 
        <a href="index.php?showp=ptdata/squad/squad" class="pmenu"><img src="ptgrafika/pt_b6.jpg" onmouseover="src='ptgrafika/pt_b6_over.jpg'" onmouseout="src='ptgrafika/pt_b6.jpg'" border="0"></a> 
        <a href="index.php?showp=ptdata/squad/squad" class="pmenu"><img src="ptgrafika/pt_b7.jpg" onmouseover="src='ptgrafika/pt_b7_over.jpg'" onmouseout="src='ptgrafika/pt_b7.jpg'" border="0"></a> 
        <a href="index.php?showp=ptdata/squad/squad" class="pmenu"><img src="ptgrafika/pt_8.jpg" onmouseover="src='ptgrafika/pt_b8_over.jpg'" onmouseout="src='ptgrafika/pt_b8.jpg'" border="0"></a> 
        <a href="index.php?showp=ptdata/squad/squad" class="pmenu"><img src="ptgrafika/pt_b9.jpg" onmouseover="src='ptgrafika/pt_b9_over.jpg'" onmouseout="src='ptgrafika/pt_b9.jpg'" border="0"></a> 
        <a href="index.php?showp=ptdata/squad/squad" class="pmenu"><img src="ptgrafika/pt_b10.jpg" onmouseover="src='ptgrafika/pt_b10_over.jpg'" onmouseout="src='ptgrafika/pt_b10.jpg'" border="0"></a> 
        <a href="index.php?showp=ptdata/squad/squad" class="pmenu"><img src="ptgrafika/pt_11.jpg" onmouseover="src='ptgrafika/pt_b11_over.jpg'" onmouseout="src='ptgrafika/pt_b11.jpg'" border="0"></a> 
        <img src="ptgrafika/pt_bottom.jpg" border="0" align="middle">
</center> 

      
   </td> 
<td> 

// coś tam coś tam 

</td> 
</table>

Pozdrawiam
Józef

Promuję tematy:
25.05.2018 [Kupię] Uszkodzone interfejsy diagnostyczne i nie tylko
30.05.2013 [Zrobię] Montaż elektroniki, składanie elektroniki, programowanie uC

REKLAMA
#3 2564505 25 Kwi 2006 18:58

Mbeat Mbeat

Poziom 21

Posty: 643

Pomógł: 38

Ocena: 52
Autor tematu Pomocny post? (0)

Post #3
2564505 25 Kwi 2006 18:58

Niestety nie skutkuje. Efekt jest dopiero wtedy gdy wszędzie ustawie align="left" ale mi chodzi o to aby wszystko było wycentrowane w tabeli :/
Dalej trzeba kombionować.
Pozdrawiam.
#4 2564530 25 Kwi 2006 19:05

OMAN OMAN

Poziom 24

Posty: 543

Pomógł: 69

Ocena: 16
Pomocny post? (0)

Post #4
2564530 25 Kwi 2006 19:05

A może pokażesz nam CSS'a ? Albo lepiej jeśli masz to wrzucone na jakis serwer dal odnośnik.
REKLAMA
#5 2566156 26 Kwi 2006 10:05

ZeeWolf ZeeWolf

Poziom 28

Posty: 989

Pomógł: 115

Ocena: 58
Pomocny post? (0)

Post #5
2566156 26 Kwi 2006 10:05

Witam.
Sprobuj wpisac kod HTML bez enterow - wal w jednej linii.
Podaj szerokosci dla komorek takie, jak szerokosci obrazkow.
I faktycznie, daj kod CSS.
Pozdrawiam.
REKLAMA

#6 2572278 28 Kwi 2006 22:28

Mbeat Mbeat

Poziom 21

Posty: 643

Pomógł: 38

Ocena: 52

Post #6

2572278 28 Kwi 2006 22:28

Oto CSS :


@charset "iso-8859-2";
/* CSS Document */

a { 
	text-decoration: none;
	color:Lime;
	}
	
	a:hover {
color: Lime;
text-decoration: underline;
}

	
	body {
	background-color:#000000;
	scrollbar-3dlight-color : black;
	scrollbar-arrow-color : black;
	scrollbar-base-color : black;
	scrollbar-dark-shadow-color : black;
	scrollbar-face-color : black;
	scrollbar-highlight-color : black;
	scrollbar-shadow-color : black; }

a:visited {
	text-decoration: none;
	color:Lime;

	
}


link {
	text-decoration: none;

}


hr {
	color:Lime;
}
font {
	color: Lime;
	
}
link {
	color:Lime;
	
	
}

font {
	font-family: Arial, Helvetica, sans-serif;
  
}

#7 2574133 29 Kwi 2006 16:20

Elokwent Elokwent

Poziom 12

Posty: 28
Pomocny post? (0)

Post #7
2574133 29 Kwi 2006 16:20

Wrzuć grafikę spokowana do zassania. Będzie o wiele łatwiej
Pomocny post

#8 2574433 29 Kwi 2006 18:16

Józef18 Józef18

Poziom 32

Posty: 1607

Pomógł: 168

Ocena: 165
Pomocny post? (+1)

Pomocny post
Post #8
2574433 29 Kwi 2006 18:16

Dopisz do CSS
Kod: text Rozwiń Zaznacz wszystko Kopiuj do schowka
IMG {border=0 padding: 0px, 0px, 0px, 0px}

a w HTML dopisz
Kod: text Rozwiń Zaznacz wszystko Kopiuj do schowka
<link href="xxx.css" rel="stylesheet" type="text/css">

pamiętając o tym że xxx to nazwa css.

Pozdrawiam
Józef
PS. Lepiej by było jak byś spakował grafikę i umieścił na forum.

Promuję tematy:
25.05.2018 [Kupię] Uszkodzone interfejsy diagnostyczne i nie tylko
30.05.2013 [Zrobię] Montaż elektroniki, składanie elektroniki, programowanie uC
Zarejestruj konto, Zaloguj się i bądź aktywny na forum, a wtedy reklamy nie będą się pojawiać. Otrzymaj punkty za rejestrację oraz odpowiedzi.

Zainstaluj aplikację Elektroda

| Nowy temat

Zgłoś naruszenie prawa

Podsumowanie tematu

✨ Dyskusja dotyczy problemu usunięcia odstępów między grafikami w menu HTML zbudowanym na tabeli z atrybutami border, cellpadding i cellspacing ustawionymi na zero. Użytkownik chce, aby obrazy łączyły się bez przerw, zachowując jednocześnie wyśrodkowanie zawartości w tabeli. Propozycje rozwiązań obejmują ustawienie atrybutu align="left" dla obrazów, co jednak koliduje z wymogiem wycentrowania. Sugerowano także usunięcie znaków nowej linii w kodzie HTML, dopasowanie szerokości komórek do szerokości obrazów oraz dostarczenie kodu CSS. Przesłany CSS zawiera podstawowe style linków i tła, ale nie definiuje stylów obrazów. Zalecane jest dodanie do CSS reguły IMG { border:0; padding:0; margin:0; } oraz poprawne dołączenie pliku CSS w HTML. Wskazano również, że spakowanie i udostępnienie grafik ułatwi diagnozę problemu.
Wygenerowane przez model językowy.

Strona Główna
/
Forum
/
Programowanie
/
HTML - jak zlikwidować odstęp pomiędzy grafiką.

REKLAMA