Pomoc ze storna.

[Bucior]

Jak zrobić swoje tło na stornie kilko kolorowe i pisać na nim a nie robić na tlo i pisać w edytorze grafiki newsy??

[Tymon]

CSS - background_image:url(obrazek);
HTML użyj w BODY - background="obrazek"

?

 

Jeśli nie to zostaje JS ale się na nim nie znam.

[Bucior]

Tylko że musze wiedzieć jaka jest wielkość obrazku a ja chce żęby się to samo zwiekszało?Acha i gdzie się CSS wpisuje??

[Marmot]

Kompletnie cię nie rozumiem, ale możesz użyć CSS, ustalić w nim style i potem ustalić styl dla każdej ramki.

[Bucior]

Chce zrobić tło z zaokrąglonym rogami:

p i q - to są własnie te rogi

x- jest to rozciagajaca sie rzecz

zrobie obrazek na pół ekranu czyli taki :

pxxxxq

xxxxxx

pxxxxq

a jak wiecej napisze w newsie lub bedzie wiecej newsów to bedzie tak wygladać

pxxxxq

xxxxxx

xxxxxx

xxxxxx

xxxxxx

pxxxxq

[gnysek]

no to wystarczy <img> i <table>.

Zobacz na http://www.farmerfran.pwii.pl - mam tam dokładnie takei coś.

[Bucior]

Dobra weź mi napisz cały code html jeśli możesz.

[Marmot]

Wiem, że nie jestem Gnyskiem, ale jeszcze czego? Nie możesz narysować zaokrąglonego rogu?

[Bucior]

ALe w programie graficznym czy w html?;)

[gnysek]

No a nie widać na stronie, że to grafiki ??

[Bucior]

No oczywiście że w grafiki tylko jak wstawic to na strone??

[Marmot]

img 

OPIS

Element definiuje grafikę. 

ATRYBUTY
• align ="bottom | middle | top | left | right" - (opcjonalny)
XHTML: 1.0 (TF), HTML: 4.01 (TF), 4.0 (TF), 3.2, 3.0, 2.0 
wyrównanie w poziomie i pionie
• alt ="tekst" - (obowiązkowy)
XHTML: 1.1, 1.0 (STF), HTML: 4.01 (STF), 4.0 (STF), 3.2, 3.0, 2.0 
tekst alternatywny gdy element nie może być wyświetlony
• border ="piksele" - (opcjonalny)
XHTML: 1.0 (TF), HTML: 4.01 (TF), 4.0 (TF), 3.2 
szerokość obramowania gdy grafika jest odnośnikiem 
• class ="klasy" - (opcjonalny)
XHTML: 1.1, 1.0 (STF), HTML: 4.01 (STF), 4.0 (STF), 3.0 
klasy CSS
• dir ="ltr | rtl" - (opcjonalny)
XHTML: 1.1, 1.0 (STF), HTML: 4.01 (STF), 4.0 (STF) 
kierunek wyświetlania elementu
• height ="piksele | procenty" - (opcjonalny)
XHTML: 1.1, 1.0 (STF), HTML: 4.01 (STF), 4.0 (STF), 3.2, 3.0 
wysokość elementu
• hspace ="piksele" - (opcjonalny)
XHTML: 1.0 (TF), HTML: 4.01 (TF), 4.0 (TF), 3.2 
odstęp pionowy dookoła elementu
• id ="identyfikator" - (opcjonalny)
XHTML: 1.1, 1.0 (STF), HTML: 4.01 (STF), 4.0 (STF), 3.0 
unikatowy identyfikator elementu
• ismap ="ismap" - (opcjonalny)
XHTML: 1.1, 1.0 (STF), HTML: 4.01 (STF), 4.0 (STF), 3.2, 3.0, 2.0 
dodaje współrzędne do adresu odnośnika
• lang ="kod języka" - (opcjonalny)
XHTML: 1.0 (STF), HTML: 4.01 (STF), 4.0 (STF), 3.0 
kod języka elementu, np. pl
• longdesc ="URL" - (opcjonalny)
XHTML: 1.1, 1.0 (STF), HTML: 4.01 (STF), 4.0 (STF) 
adres dokumentu opisującego element
• name ="tekst" - (opcjonalny)
XHTML: 1.0 (STF), HTML: 4.01 (STF), 4.0 (STF), 3.2, 3.0, 2.0 
nazwa elementu
• src ="URL" - (obowiązkowy)
XHTML: 1.1, 1.0 (STF), HTML: 4.01 (STF), 4.0 (STF), 3.2, 3.0, 2.0 
źródło grafiki
• style ="CSS" - (opcjonalny)
XHTML: 1.1, 1.0 (STF), HTML: 4.01 (STF), 4.0 (STF) 
styl CSS elementu
• title ="tekst" - (opcjonalny)
XHTML: 1.1, 1.0 (STF), HTML: 4.01 (STF), 4.0 (STF), 3.2, 3.0, 2.0 
tytuł elementu
• usemap ="URL" - (opcjonalny)
XHTML: 1.1, 1.0 (STF), HTML: 4.01 (STF), 4.0 (STF), 3.2 
adres mapy dla elementu
• width ="piksele | procenty" - (opcjonalny)
XHTML: 1.1, 1.0 (STF), HTML: 4.01 (STF), 4.0 (STF), 3.2, 3.0 
szerokość elementu
• vspace ="piksele" - (opcjonalny)
XHTML: 1.0 (TF), HTML: 4.01 (TF), 4.0 (TF), 3.2 
odstęp poziomy dookoła elementu
• xml:lang ="kod języka" - (opcjonalny)
XHTML: 1.1, 1.0 (STF), HTML: - 
kod języka elementu, np. pl
• xmlns ="http://www.w3.org/1999/xhtml" - (opcjonalny)
XHTML: 1.1, 1.0 (STF), HTML: - 
przestrzeń nazw
• onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup ="skrypt" - (opcjonalne)
XHTML: 1.1, 1.0 (STF), HTML: 4.01 (STF), 4.0 (STF) 
zdarzenia

POZOSTAŁE CECHY

• XHTML: 1.1, 1.0 (STF), HTML: 4.01 (STF), 4.0 (STF), 3.2, 3.0, 2.0 
• może być zawarty w elementach: a, abbr, acronym, address, b, bdo, big, button, caption, cite, code, dd, del, dfn, div, dt, em, fieldset, h1, h2, h3, h4, h5, h6, i, ins, kbd, label, legend, li, object, p, q, rb, rt, samp, small, span, strong, sub, sup, td, th, tt, var 
• może zawierać elementy: - 

PRZYKŁADY ZASTOSOWAŃ

• Przykład 1:

<img src="g/kamyki.jpg" width="99" height="75" alt="kamyczki" />

Zanim zaczniesz robić stronę, to polecam odwiedzić tą stronę:

http://web.reporter.pl

[Tymon]

Tyle stron jest które mają takie bajerki, nie możesz podejżeć źródła ? :]

[gnysek]

No wstawia się na stronę za pomocą <img src=""> po skrócie mówiąc...

Jak nie umiesz prowadzić samochodu to nie siadaj za kierownicę...

[Bucior]

Dobra ale ja się chce wszystkiego powolutku swojim tempem nauczyć.

[Tymon]

No właśnie, to po co męczysz ludzi o gotowy kod ? :P

[Bucior]

AAAaaa tak se napisałem. Za co przepraszam.

[gnysek]

Od tego zaczynac powinien każdy:

http://webmaster.helion.pl/kurshtml/

[BeWuO]

Nie polecam uczyć się HTMLa z tych (starych) podręczników... Lepiej wziaść się za XHTML i CSS... będzie się łatwiej do standardów przyzwyczaić.

[Marmot]

Ja dałem link do kursu xhtml :D . Takowy jest eż na www.webdiary.pl

Mimo to, ja nadal piszę w HTML, bo nie umiem się przyzwyczaić do XHTML. W sumie moje HTML jest wg. kilku pokićkane, o czym mógł się dzisiaj przekonać Anaconda jak mu dałem szablon strony zrobiony przeze mnie xD . Ale najważniejsze jest to, że mój kod jest wydajny i zgodny ze standardami (tylko czemu ja zawsze łączę plik css z plikiem html w jedno xD ? ).

[Bucior]

img

 

OPIS

 

Element definiuje grafikę.

 

ATRYBUTY

• align ="bottom | middle | top | left | right" - (opcjonalny)

XHTML: 1.0 (TF), HTML: 4.01 (TF), 4.0 (TF), 3.2, 3.0, 2.0

wyrównanie w poziomie i pionie

• alt ="tekst" - (obowiązkowy)

XHTML: 1.1, 1.0 (STF), HTML: 4.01 (STF), 4.0 (STF), 3.2, 3.0, 2.0

tekst alternatywny gdy element nie może być wyświetlony

• border ="piksele" - (opcjonalny)

XHTML: 1.0 (TF), HTML: 4.01 (TF), 4.0 (TF), 3.2

szerokość obramowania gdy grafika jest odnośnikiem

• class ="klasy" - (opcjonalny)

XHTML: 1.1, 1.0 (STF), HTML: 4.01 (STF), 4.0 (STF), 3.0

klasy CSS

• dir ="ltr | rtl" - (opcjonalny)

XHTML: 1.1, 1.0 (STF), HTML: 4.01 (STF), 4.0 (STF)

kierunek wyświetlania elementu

• height ="piksele | procenty" - (opcjonalny)

XHTML: 1.1, 1.0 (STF), HTML: 4.01 (STF), 4.0 (STF), 3.2, 3.0

wysokość elementu

• hspace ="piksele" - (opcjonalny)

XHTML: 1.0 (TF), HTML: 4.01 (TF), 4.0 (TF), 3.2

odstęp pionowy dookoła elementu

• id ="identyfikator" - (opcjonalny)

XHTML: 1.1, 1.0 (STF), HTML: 4.01 (STF), 4.0 (STF), 3.0

unikatowy identyfikator elementu

• ismap ="ismap" - (opcjonalny)

XHTML: 1.1, 1.0 (STF), HTML: 4.01 (STF), 4.0 (STF), 3.2, 3.0, 2.0

dodaje współrzędne do adresu odnośnika

• lang ="kod języka" - (opcjonalny)

XHTML: 1.0 (STF), HTML: 4.01 (STF), 4.0 (STF), 3.0

kod języka elementu, np. pl

• longdesc ="URL" - (opcjonalny)

XHTML: 1.1, 1.0 (STF), HTML: 4.01 (STF), 4.0 (STF)

adres dokumentu opisującego element

• name ="tekst" - (opcjonalny)

XHTML: 1.0 (STF), HTML: 4.01 (STF), 4.0 (STF), 3.2, 3.0, 2.0

nazwa elementu

• src ="URL" - (obowiązkowy)

XHTML: 1.1, 1.0 (STF), HTML: 4.01 (STF), 4.0 (STF), 3.2, 3.0, 2.0

źródło grafiki

• style ="CSS" - (opcjonalny)

XHTML: 1.1, 1.0 (STF), HTML: 4.01 (STF), 4.0 (STF)

styl CSS elementu

• title ="tekst" - (opcjonalny)

XHTML: 1.1, 1.0 (STF), HTML: 4.01 (STF), 4.0 (STF), 3.2, 3.0, 2.0

tytuł elementu

• usemap ="URL" - (opcjonalny)

XHTML: 1.1, 1.0 (STF), HTML: 4.01 (STF), 4.0 (STF), 3.2

adres mapy dla elementu

• width ="piksele | procenty" - (opcjonalny)

XHTML: 1.1, 1.0 (STF), HTML: 4.01 (STF), 4.0 (STF), 3.2, 3.0

szerokość elementu

• vspace ="piksele" - (opcjonalny)

XHTML: 1.0 (TF), HTML: 4.01 (TF), 4.0 (TF), 3.2

odstęp poziomy dookoła elementu

• xml:lang ="kod języka" - (opcjonalny)

XHTML: 1.1, 1.0 (STF), HTML: -

kod języka elementu, np. pl

• xmlns ="http://www.w3.org/1999/xhtml" - (opcjonalny)

XHTML: 1.1, 1.0 (STF), HTML: -

przestrzeń nazw

• onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup ="skrypt" - (opcjonalne)

XHTML: 1.1, 1.0 (STF), HTML: 4.01 (STF), 4.0 (STF)

zdarzenia

 

POZOSTAŁE CECHY

 

• XHTML: 1.1, 1.0 (STF), HTML: 4.01 (STF), 4.0 (STF), 3.2, 3.0, 2.0

• może być zawarty w elementach: a, abbr, acronym, address, b, bdo, big, button, caption, cite, code, dd, del, dfn, div, dt, em, fieldset, h1, h2, h3, h4, h5, h6, i, ins, kbd, label, legend, li, object, p, q, rb, rt, samp, small, span, strong, sub, sup, td, th, tt, var

• może zawierać elementy: -

 

PRZYKŁADY ZASTOSOWAŃ

 

• Przykład 1:

 

<img src="g/kamyki.jpg" width="99" height="75" alt="kamyczki" />

Czyli tego mam użyc na stornie?

[Marmot]

Do wyświetlania grafik. Ale poszukaj też na web.reporter.pl zagadnień Table, TD i TR. To też ci się pewnie przyda.

[Bucior]

Dziex za ta tabel ale mi chodzi o to ze jak sie OZ powieksza to tabela M nie ma sie powiekszac.i tabela ma byc w kolorach ktorych ja chce.