NAGŁÓWEK - WYPEŁNIANIE TABELKI GRAFIKĄ - HELP!!!!

HTML to podstawy w dziedzinie tworzenia stron WWW, Style CSS warto opanować, bowiem za ich pomocą można dostosować odpowiednio wygląd swojej witryny WWW. Zagłębiamy się dalej i udostępniamy w tym forum możliwość zadawania pytań o JavaScript.
ODPOWIEDZ
NASA
Nowy
Nowy
Posty: 53
Rejestracja: pt lis 14, 2003 5:20 pm
Lokalizacja: Golub-Dobrzyń

NAGŁÓWEK - WYPEŁNIANIE TABELKI GRAFIKĄ - HELP!!!!

Post autor: NASA »

Strasznie się motam przy tworzeniu grafiki nagłówkowej rozmieszczonej w przyległych komórkach tabeli.

Nagłówek składa się z 6 części rozmieszczonych w dwóch wierszach po 3 komórki tabeli.
Zewnętrzne komórki tabeli (w 1024x768) tworzą marginesy a środkowa kolumna to ciało strony.
W odróżnieniu jednak od większości stron (także tego forum) marginesy też chciałem wypełnić grafiką by nie zostawiać marginesu w nagłówku a zatem marginesy boczne są u mnie bocznymi komórkami tabeli.
Całość działać ma tak jak powinno czyli w rozdzielczości 800x600 marginesy (wraz z ich grafiką) się chowają a pozostaje tylko kolumna środkowych wierszy z treścią dokumentu.

NO I UDAŁO MI SIĘ TO ZROBIĆ PO CIĘŻKICH BOJACH.

Niestety zrobiłem to nieprofesjonalnie bo metodą prób i błędów czyli kombinowania przeróżnego a to z wielkością komórek tabeli (i problemem którym z nich zadawać pikselową wielkość a którym procenty) a to z wielkością jpg-ów. Grafikę nagłówka bede zmieniał i wiem że znowu bede sie motał 2 dni w cięcie i dopasowywanie jpg-ów do komórek.:(

Myślałem na początku że gdy pokroję grafikę nagłówka na rozmiary pikselowo identyczne z komórkami tabeli to wszystko powinno być ok. Niestety robiła się kaszana. Bo gdy wkładałem obrazki w tło to nie wypełniały szczelnie komórek lub przeciwnie - były za duże.

Szczerze mówiąc to już zgłupiałem od tego.

Ale podejrzewam że jpg-i faktycznie powinny być identyczne jak komórki ale WIDOCZNIE COŚ SPIEPRZYŁEM ZADAJĄC WIELKOŚĆ KOMÓREK TABELI NA POCZĄTKU.

Pytania moje są takie:

1. Jak zadawać wielkość komórek tabeli? Ile i w jakich jednostkach na środkową dużą komórkę(ciało strony) a ile na poboczne komórki marginesowe.
U mnie teoretycznie działa coś takiego:

<TD width="132" border=0 background="n1.jpg" height="110"></TD>
<TD vAlign=center align=middle background="n2.jpg" width="760" height="110"></TD>
<TD width="132" background="n3.jpg" height="110"></TD>

No ale wydaje mi się że nie powinno się "sztywno" określać rozmiaru pobocznych marginesów. Ale jak zrobie procentowo to nie panuję nad grafiką.

2. Czy jest jakiś program który dobrze tnie grafikę do sklejenia potem na stronie? (używam Corela Draw i Photoshopa ale Corel dodaje "obrysy" do wyeksportowanych jpg-ów) i nie przyloegają potem ściśle.(musze poprawiać je w Photoshopie)

3. Czy w ogóle jest sens by bawić się tak jak ja? Bo nawet jeśli ładnie chodzi na 800x600 i 1000x700 to przy większych rozdzielczościach obrazu marginesy bedą się kaszanić bo bedą się powielać.

Moim zdaniem rozwiązaniem skutecznym jest poprostu idealne dopasowanie grafiki do komórek tabeli na sztywno.
(a wtedy nawet jeśli przy większych niż 1000x700 rozdzielczościach pozostaną z boku marginesy to nic się nie stanie bo przynajmniej grafika w komórkach pozostanie niewzruszona i spójna oryginalnie.)

Mój problem zapewne jest banalny bo jestem początkujący ale bardzo proszę o pomoc a najlepiej jeśli można poprostu o przykładowy kod html dla 1 wiersza tabeli składającego się z 3 komórek gdzie dwie boczne komórki to marginesy.

Z góry dzięki i przepraszam za długą pisaninę.
Mayhen
Nowy
Nowy
Posty: 158
Rejestracja: śr lip 10, 2002 9:21 pm
Lokalizacja: 21°41' E | 50°35' N
Kontakt:

Re: NAGŁÓWEK - WYPEŁNIANIE TABELKI GRAFIKĄ - HELP!!!!

Post autor: Mayhen »

np. tak:

Kod: Zaznacz cały

  <tr>
    <td background="site_graf/bg_header.jpg" width="50%">
    </td>
    <td width="750" background="site_graf/bg_header.jpg">
<center><img src="site_graf/company_name_header.jpg"><center>
    </td>
    <td background="site_graf/bg_header.jpg" width="50%">
    </td>
  </tr>
na stronie http://gornik.tbg.net.pl
NASA
Nowy
Nowy
Posty: 53
Rejestracja: pt lis 14, 2003 5:20 pm
Lokalizacja: Golub-Dobrzyń

Re: NAGŁÓWEK - WYPEŁNIANIE TABELKI GRAFIKĄ - HELP!!!!

Post autor: NASA »

Dzięki!!!
No ale to ciągle oznacza że marginesy nagłówka muszą być jednolicie wypełnione a ja kombinuje żeby zagospodarować je pojedynczym blokiem grafiki (a nie powielalnym jednolitym tłem).
Mayhen
Nowy
Nowy
Posty: 158
Rejestracja: śr lip 10, 2002 9:21 pm
Lokalizacja: 21°41' E | 50°35' N
Kontakt:

Re: NAGŁÓWEK - WYPEŁNIANIE TABELKI GRAFIKĄ - HELP!!!!

Post autor: Mayhen »

dodaj w stylach:

Kod: Zaznacz cały

background-repeat: repeat-x 
lub repeat-y

to włacza/wyłącza powtarzanie tła w pionie i poziomie.
NASA
Nowy
Nowy
Posty: 53
Rejestracja: pt lis 14, 2003 5:20 pm
Lokalizacja: Golub-Dobrzyń

Re: NAGŁÓWEK - WYPEŁNIANIE TABELKI GRAFIKĄ - HELP!!!!

Post autor: NASA »

Dzięki, zobacze jak to działa wieczorem.

Ale ogólnie to strasznie mnie to wkurza że nie mogę (lub nie potrafię) zrobić tego co chcę.
Żeby np. środkowa część nagłówka się nie chowała a tylko marginesy to kurcze pod komórką środkową musi być coś co będzie ją trzymać sztywno np. kolejna komórka lub ramka pływająca o zadanej szerokości. To głupota. A jak sie chce coś wyrównać to niewiadomo w czy w komórce czy ogólnie w tabelce czy może w jpg-u. Nie moge zmusić jpg-a nawet by siedział w komórce dociśnięty do lewej a nie do prawej strony.
No ale powalcze i zrobie to! :)

Znalazłem już przynajmniej programik do cięcia grafiki. Najlepszy jest chyba Adobe ImageReady. Generuje kod nawet ale co z tego skoro marginesy sie nie chowają tak jak powinny. ok pomęczę się bo jeszcze w necie tego co chcę zrobić nie spotkałem bo wszyscy zazwyczaj boki nagłówka robią z jednolitego nagłówka dla świętego spokoju.
Mayhen
Nowy
Nowy
Posty: 158
Rejestracja: śr lip 10, 2002 9:21 pm
Lokalizacja: 21°41' E | 50°35' N
Kontakt:

Re: NAGŁÓWEK - WYPEŁNIANIE TABELKI GRAFIKĄ - HELP!!!!

Post autor: Mayhen »

grafike w komórce umieść między <center> a </center> - tagi te wyszły ze specyfikacji w3, obecnie <p align="center" i </p> - też powinno działac.
NASA
Nowy
Nowy
Posty: 53
Rejestracja: pt lis 14, 2003 5:20 pm
Lokalizacja: Golub-Dobrzyń

Re: NAGŁÓWEK - WYPEŁNIANIE TABELKI GRAFIKĄ - HELP!!!!

Post autor: NASA »

ALBERCIK TO DZIAŁA !!! :)
Dzięki!!!

Nie wiem jakim cudem ale gdy zamiast tradycyjnej specyfikacji zastosowałem style to wszystko zaczęło działać.

Ale ciekawi mnie jedna rzecz:
U mnie do nagłówka działa kod:

Kod: Zaznacz cały

<TABLE align=center WIDTH=100% BORDER=0 CELLPADDING=0 CELLSPACING=0><TR align=center>
		
<TD style="background-image: url(images\naglooryg_01.jpg);
background-position:right;background-repeat:no-repeat;" bgcolor=gold  WIDTH="10%" HEIGHT=149></TD>
<TD vAlign=center style="background-image: url(images\naglooryg_02.jpg);
background-position:center ;background-repeat:no-repeat;" align=middle bgcolor=red width="770" height="149"></TD>
<TD style="background-image: url(images\naglooryg_03.jpg);
background-position:left;background-repeat:no-repeat;" width="10%" bgcolor=gold height="149"></TD>
	</TR>
Ale tylko wtedy gdy niżej jest zawartość strony np.

Kod: Zaznacz cały

<TR align=center>
<TD background="menu_pliki/tloo.jpg" bgColor=#ac955f width="20%" height="115"></TD>
    
<TD vAlign=center align=center bgColor=#ac955f width="770" height="100%">
    <iframe name="Okno" align="middle" src="indexramki.html" frameborder="0" width="770" height="800">
		</iframe>
    </TD>
    
<TD background="menu_pliki/tloo.jpg" bgColor=#ac955f width="20%" height="449"></TD></TR>
Gdy tego nie zrobię to nagłówek nie trzyma się kupy a konkretnie środkowy jpg nagłówka chowa się przy wymiarowaniu okienka Eksplorera.

No ale to mało ważne bo przecież samego nagłówka i tak nie potrzebuję. :)

Dzięki jeszcze raz!
ODPOWIEDZ