Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML]3 częściowe logo w tabeli
Forum PHP.pl > Forum > Przedszkole
Tabus
witam a wiedz mam taki problem że mam logo pocięte na 3 częsci (według %) odpowiednio 1 obrazek 45% 2 obrazek 15% a trzeci 40% i chciałbym to złączyć wszystko w 1 logo na stronie ale nie wiem jak włożyć to w tabelkę aby dopasowywało sie do rozdzielczości użytkownika czyli chodzi mi o to że cała powierzchnia ma mieć 100% w których zawarte mają być 3 części takie jak pisałem wyżej jakbym nie zrobił to albo wszystkie układają się na siebie albo są małe bardzo tutaj jeden z moich ostatnich pomysłów.... (widać tylko 1 obrazek)

  1. <table width="100%" height="200" border="0" cellpadding="0" cellspacing="0" >
  2. <tr>
  3.  
  4.  
  5. <td width="100%" height="100%" style="background:url(logo01.gif) no-repeat; background-size: 45%; " ></td>
  6.  
  7. <td width="100%" height="100%" style="background:url(logo02.gif) no-repeat; background-size: 15%; " ></td>
  8.  
  9. <td width="100%" height="100%" style="background:url(logo03.gif) no-repeat; background-size: 40%; " ></td>
  10.  
  11.  
  12.  
  13.  
  14. <tr></table>
zamper
Nie rób tego na tabeli tylko zrób jednego diva o szerokości trzech obrazków (wys. auto) i powsadzaj tam te obrazki z float: left.

  1. <div id="naglowek">
  2. <img src="img/part1.png" alt="" style="float:left" />
  3. <img src="img/part2.png" alt="" style="float:left" />
  4. <img src="img/part3.png" alt="" style="float:left" />
  5. </div>


Jakby ten ostatni się przesuwał na dół, to masz za małego diva na szerokość wink.gif
Tabus
nie dodałem że na "drugim obrazku" planuję dodać wyszukiwarkę więc jednak musi to być w tabeli
zamper
Nie musi. Zastosuj do tej wyszukiwarki pozycjonowanie absolutne i będzie git wink.gif
Tabus
no tak ale w dalszym ciągu jak wejdzie ktoś zmniejszą rozdzielczością niż 1280 (taką szerokość ma banner) to efekt nie jest zadowalający bo logo albo jest w 3 liniach albo w 2

wolałbym to jednak mieć w tabeli istnieje taka możliwość questionmark.gif
Robert3d
Jak masz width="100%" to zawsze będzie sie automatycznie dopasowywać do okna przeglądarki ustaw na sztywno a poza tym nie ucz się na tabeli bo to do czego innego służy.
sunpietro
Tabele nie są narzędziem do tworzenia layoutu strony, w tym także do układania obrazków. Od tego masz CSS (wraz z id i class w HTML), aby to wszystko dopasować tak jak chcesz.
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.