ďťż

[html] pisanie na layoucie

Strona początkowa
 
JavaScript
 
Max dla RAM
 
Quick Time
 
phpBB skins

Podstrony

telcocafe

Witam mam mały problem otóż zrobiłem layout pociołem go i mam jeden obrazek gdzie chcę pisać tekst tylko , że niewiem jak
jeśli ktoś wie proszę o pomoc załączam kod.

<HTML> <HEAD> <TITLE>grafika.jpg</TITLE> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1250"> </HEAD> <center> <BODY background="tlo.jpg" LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0> <TABLE WIDTH=760 BORDER=0 CELLPADDING=0 CELLSPACING=0> <TR> <TD COLSPAN=10> <IMG SRC="images/index_01.gif" WIDTH=760 HEIGHT=107 ALT=""></TD> </TR> <TR> <TD> <IMG SRC="images/index_02.gif" WIDTH=68 HEIGHT=36 ALT=""></TD> <TD COLSPAN=2> <a href="index.html"><img src="images/index_03.gif" border="0" alt=""></TD> <TD> <a href="omnie.html"><img src="images/index_04.gif" border="0" alt="" /></a></TD> <TD> <a href="kontakt.html"><img src="images/index_05.gif" border="0" alt="" /></a></td> <TD> <a href="galeria.html"><img src="images/index_06.gif" border="0" alt="" /></a></td> <TD> <a href="projekty.html"><img src="images/index_07.gif" border="0" alt="" /></a></td> <TD COLSPAN=2> <a href="reklama.html"><img src="images/index_08.gif" border="0" alt="" /></a></td> <TD> <IMG SRC="images/index_09.gif" WIDTH=76 HEIGHT=36 ALT=""></TD> </TR> <TR> <TD COLSPAN=2 ROWSPAN=2> <IMG SRC="images/index_10.gif" WIDTH=99 HEIGHT=457 ALT=""></TD> <TD COLSPAN=6> <img src="images/index_11.gif" WIDTH=570 HEIGHT=406" ></td> <TD COLSPAN=2 ROWSPAN=2> <IMG SRC="images/index_12.gif" WIDTH=91 HEIGHT=457 ALT=""></TD> </TR> <TR> <TD COLSPAN=6> <IMG SRC="images/index_13.gif" WIDTH=570 HEIGHT=51 ALT=""></TD> </TR> <TR> <TD> <IMG SRC="images/Odstęp.gif" WIDTH=68 HEIGHT=1 ALT=""></TD> <TD> <IMG SRC="images/Odstęp.gif" WIDTH=31 HEIGHT=1 ALT=""></TD> <TD> <IMG SRC="images/Odstęp.gif" WIDTH=104 HEIGHT=1 ALT=""></TD> <TD> <IMG SRC="images/Odstęp.gif" WIDTH=85 HEIGHT=1 ALT=""></TD> <TD> <IMG SRC="images/Odstęp.gif" WIDTH=93 HEIGHT=1 ALT=""></TD> <TD> <IMG SRC="images/Odstęp.gif" WIDTH=81 HEIGHT=1 ALT=""></TD> <TD> <IMG SRC="images/Odstęp.gif" WIDTH=132 HEIGHT=1 ALT=""></TD> <TD> <IMG SRC="images/Odstęp.gif" WIDTH=75 HEIGHT=1 ALT=""></TD> <TD> <IMG SRC="images/Odstęp.gif" WIDTH=15 HEIGHT=1 ALT=""></TD> <TD> <IMG SRC="images/Odstęp.gif" WIDTH=76 HEIGHT=1 ALT=""></TD> </TR> </TABLE> </BODY> </center> </HTML>

PS. Ten obrazek na którym chcę pisać to images/index_11.gif


http://kurshtml.boo....s/tlo_obrazkowe,tlo.html

i co ja mam z tym zrobić wisałem ale wtedy mi się strona rozwala jeśli moglibyście zmieńcie tak ten kod aby było dobrze

Mi to wygląda na kod z ImageReady...

Lepiej poświęć dzień czy dwa na poznanie xHTML i CSS - najważniejsze w tym to div'y...
Nie jest to takie trudne.

Możesz nawet "obsługiwania" się divami nauczyc tylko. :D


<img src="images/index_11.gif" WIDTH=570 HEIGHT=406" >
zamień na:

<div style="background-image: url(images/index_11.gif)">U TEKST</div>

he, to proste. Zamiast:
<img src="images/index_11.gif" WIDTH=570 HEIGHT=406" >
dajesz:
<div style="background-image:URL(images/index_11.gif); width=570; height:406">I tu jakiś tekst</div>

dzieki już działa postaram sie wszystko pozmieniać na divy

pozdrowienia : ini

Mam kolejny problem oto kod
<HTML> <HEAD> <TITLE>grafika.jpg</TITLE> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1250"> </HEAD> <CENTER> <BODY background="tlo.jpg" LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0> <TABLE WIDTH=760 BORDER=0 CELLPADDING=0 CELLSPACING=0> <TR> <TD COLSPAN=8> <IMG SRC="images/grafika.jpg_01.gif" WIDTH=760 HEIGHT=107 ALT=""></TD> </TR> <TR> <TD ROWSPAN=3> <IMG SRC="images/grafika.jpg_02.gif" WIDTH=128 HEIGHT=444 ALT=""></TD> <TD> <IMG SRC="images/grafika.jpg_03.gif" WIDTH=132 HEIGHT=34 ALT=""></TD> <TD> <IMG SRC="images/grafika.jpg_04.gif" WIDTH=64 HEIGHT=34 ALT=""></TD> <TD> <IMG SRC="images/grafika.jpg_05.gif" WIDTH=62 HEIGHT=34 ALT=""></TD> <TD> <IMG SRC="images/grafika.jpg_06.gif" WIDTH=60 HEIGHT=34 ALT=""></TD> <TD> <IMG SRC="images/grafika.jpg_07.gif" WIDTH=103 HEIGHT=34 ALT=""></TD> <TD> <IMG SRC="images/grafika.jpg_08.gif" WIDTH=92 HEIGHT=34 ALT=""></TD> <TD ROWSPAN=4> <IMG SRC="images/grafika.jpg_09.gif" WIDTH=119 HEIGHT=493 ALT=""></TD> </TR> <TR> <TD COLSPAN=6> <div style="padding:10;" style="background-image:URL(grafika.jpg_10.gif); width=513; height:387"> <center><b><h2>Strona główna</h2></b> Witaj na mojej domowej stronie WWW.Jest to strona o mnie i moim otoczeniu. Grafika na stronie i jej ogólny wygląd zostały stworzone w photoshopie.Resztę strony napisałem w HTML I CSS. </center> </div> </TR> <TR> <TD COLSPAN=6> <div style="padding:2;" style="background-image:URL(grafika.jpg_11.gif); width=513; height:2"><center>Copyright by &copy 2007 Adam Rogulski </TR> <TR> <TD COLSPAN=7> <IMG SRC="images/grafika.jpg_12.gif" WIDTH=641 HEIGHT=49 ALT=""></TD> </TR> </TABLE> </BODY> </CENTER> </HTML>
gdy wgram go na serwer w internet explorer jest wszystko dobrze lecz w mozilli strona sie rozłazi i chodzi tu o divy co źle zrobiłem

aha czy moglibyście podać jakis dobry kurs divów plisss bo nadal ich nie kapuję
Użytkownik ini edytował ten post 15 luty 2007, 16:00
troche nie rozumie, jak sie rozłazi? Mnie działa wszystko ok i pod Mozillą i pod Explorerem

Ja się uczyłem z tego: (kiedy to było nie pamiętam :D )
http://www.signs.pl/html/index.php

Dokładnie chodzi oto http://images20.fotosik.pl/46/c784cfc58eb1d78b.jpg
niewidać niektórych obrazków

http://www.fotosik.p...c58eb1d78b.html

w tym chodzi o to żeby całkowicie wyeliminować tebele z layoutu. wstawiając divy do komórek tabel wcale nie przybliżysz się do ideału :> zamień tabele na divy to wtedy będzie się dało coś konkretnego zrobić, ja podejrzewam tutaj ustawienia marginów i paddingów

hmmm jak zmienić tabele na divy zrobiłem tak ale teraz to już nic nie działa :(
<HTML> <HEAD> <TITLE>grafika.jpg</TITLE> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1250"> </HEAD> <CENTER> <BODY background="tlo.jpg" LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0> <div IMG SRC="images/grafika.jpg_01.gif" WIDTH=760 HEIGHT=107 ALT=""></div> <div IMG SRC="images/grafika.jpg_02.gif" WIDTH=128 HEIGHT=444 ALT=""></div> <div IMG SRC="images/grafika.jpg_03.gif" WIDTH=132 HEIGHT=34 ALT=""></div> <div IMG SRC="images/grafika.jpg_04.gif" WIDTH=64 HEIGHT=34 ALT=""></div> <div IMG SRC="images/grafika.jpg_05.gif" WIDTH=62 HEIGHT=34 ALT=""></div> <div IMG SRC="images/grafika.jpg_06.gif" WIDTH=60 HEIGHT=34 ALT=""></div> <div IMG SRC="images/grafika.jpg_07.gif" WIDTH=103 HEIGHT=34 ALT=""></div> <div IMG SRC="images/grafika.jpg_08.gif" WIDTH=92 HEIGHT=34 ALT=""></div> <div IMG SRC="images/grafika.jpg_09.gif" WIDTH=119 HEIGHT=493 ALT=""></div> <div style="background-image:URL(images/grafika.jpg_10.gif); width=513; height:387"> <center><b><h2>Strona główna</h2></b> Witaj na mojej domowej stronie WWW.Jest to strona o mnie i moim otoczeniu. Grafika na stronie i jej ogólny wygląd zostały stworzone w photoshopie.Resztę strony napisałem w HTML I CSS. </center> </div> <div style="background-image:URL(images/grafika.jpg_11.gif); width=513; height:23"> <center>Copyright by &copy 2007 Adam Rogulski</center></div> <div IMG SRC="images/grafika.jpg_12.gif" WIDTH=641 HEIGHT=49 ALT=""></div> </BODY> </CENTER> </HTML>

Powiedzcie JAK zmienić to na poprawne divy

<HTML> <HEAD> <TITLE>grafika.jpg</TITLE> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1250"> </HEAD> <CENTER> <BODY background="tlo.jpg" LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0> <div><IMG SRC="images/grafika.jpg_01.gif" WIDTH=760 HEIGHT=107 ALT=""></div> <div> <IMG SRC="images/grafika.jpg_02.gif" WIDTH=128 HEIGHT=444 ALT=""></div> <div> <IMG SRC="images/grafika.jpg_03.gif" WIDTH=132 HEIGHT=34 ALT=""></div> <div> <IMG SRC="images/grafika.jpg_04.gif" WIDTH=64 HEIGHT=34 ALT=""></div> <div> <IMG SRC="images/grafika.jpg_05.gif" WIDTH=62 HEIGHT=34 ALT=""></div> <div> <IMG SRC="images/grafika.jpg_06.gif" WIDTH=60 HEIGHT=34 ALT=""></div> <div> <IMG SRC="images/grafika.jpg_07.gif" WIDTH=103 HEIGHT=34 ALT=""></div> <div> <IMG SRC="images/grafika.jpg_08.gif" WIDTH=92 HEIGHT=34 ALT=""></div> <div> <IMG SRC="images/grafika.jpg_09.gif" WIDTH=119 HEIGHT=493 ALT=""></div> <div style="background-image:URL(images/grafika.jpg_10.gif); width=513; height:387"> <center><b><h2>Strona główna</h2></b> Witaj na mojej domowej stronie WWW.Jest to strona o mnie i moim otoczeniu. Grafika na stronie i jej ogólny wygląd zostały stworzone w photoshopie.Resztę strony napisałem w HTML I CSS. </center> </div> <div style="background-image:URL(images/grafika.jpg_11.gif); width=513; height:23"> <center>Copyright by &copy 2007 Adam Rogulski</center></div> <div> <IMG SRC="images/grafika.jpg_12.gif" WIDTH=641 HEIGHT=49 ALT=""></div> </BODY> </CENTER> </HTML>
DIV to pojemnik do przechowywania innych elementów, więc w nim umieszczasz inne elementy. DIV'em możesz dowolnie manipulować w przeciwieństwie do tabel.
Użytkownik marines edytował ten post 15 luty 2007, 16:31
<div IMG SRC="[...]
Co to miało oznaczać? :lol:

Małe pytanko do Ciebie:
Czy tworzenie stron WWW polega na pytaniu się po forach o wszystko?
Chyba nie za bardzo...
Tylko nie wykręcaj się, że jesteś jeszcze młody, jestem w twoim wieku i jakoś nie muszę się o wszystko pytać...
Zamiast siedzieć tu, poczytaj sobie jakieś kursy, w sieci jest tego pełno :P
Użytkownik master_dos edytował ten post 15 luty 2007, 16:34
marines teraz wszystko jest pod sobą niewiem jak to zrobić poprawnie i poradzcie mi jakies kursy

Oprócz tego co podałem to polecam:
http://www.w3schools.com/
:)

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <HTML> <HEAD> <TITLE>grafika.jpg</TITLE> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1250"> <style type="text/css"> #buton { position: relative; right : -379px; } #buton_1 { position: relative; top:-34px; right:-511.5px; } #buton_3 { position: relative; top:-68px; right:-575px; } #buton_4 { position: relative; top:-102px; right:-637px; } #buton_5 { position: relative; top:-136px; right:-697px; } #buton_6 { position: relative; top:-170px; right:-799.5px; } #tlo { position: relative; top:-170px; right:-380px; } #grafika { position: relative; top:-690px; right:-892px; } #stopka { position:relative; top:-820px; right:-380px; } #grafika_2 { position:relative; top:-820px; right:-250px; } #tlo { position: relative; top:-170px; right:-380px; } </style> </HEAD> <BODY> <CENTER> <DIV><IMG SRC="top.gif" WIDTH=760 HEIGHT=107 ALT=""></DIV> </CENTER> <DIV id="buton"><A HREF="link"><IMG SRC="buton_1.gif" BORDER=0 WIDTH=132 HEIGHT=34 ALT=""></A></DIV> <DIV id="buton_1"> <A HREF="link"><IMG SRC="buton_2.gif" BORDER="0" WIDTH=64 HEIGHT=34 ALT=""></A></DIV> <DIV id="buton_3"><A HREF="link"><IMG SRC="buton_3.gif" BORDER="0" WIDTH=62 HEIGHT=34 ALT=""></A></DIV> <DIV id="buton_4"><A HREF="link"><IMG SRC="buton_4.gif" BORDER="0" WIDTH=60 HEIGHT=34 ALT=""></A></DIV> <DIV id="buton_5"><A HREF="link"><IMG SRC="buton_5.gif" BORDER="0" WIDTH=103 HEIGHT=34 ALT=""></A></DIV> <DIV id="buton_6"><A HREF="link"><IMG SRC="buton_6.gif" BORDER="0" WIDTH=92 HEIGHT=34 ALT=""></A></DIV> <div id="tlo" style="background-image:URL(grafika.gif); width=513; height:387"> <center><b><h2>Strona główna</h2></b> tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst <BR> tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst <BR> tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst <BR> tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst <BR> tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst <BR> tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst <BR> tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst <BR> tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst <BR> tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst <BR> tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst <BR> tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst <BR> tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst <BR> tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst <BR> tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst <BR> tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst <BR> tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst <BR> tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst <BR> tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst <BR> tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst <BR> </CENTER> </DIV> <DIV id="grafika"><IMG SRC="kreska_boczna.gif" WIDTH=49 HEIGHT=641 ALT=""></DIV> <DIV id ="stopka" style="background-image:URL(stopka.gif); width=513; height:23"> <center>Copyright by &copy; 2007 Adam Rogulski</center></DIV> <DIV id="grafika_2"><IMG SRC="kreska_dolna.gif" WIDTH=649 HEIGHT=41 ALT=""></div> <BODY background="tlo.gif" LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0> </BODY> </CENTER> </HTML>
Gotowiec :D
Na początku wstawiamy style css-lepiej się ich naucz :P
Dalej umieszczasz w div-ach top,przyciski,stopke.I to chyba wszystko :P
Przeanalizuj kod,troche poeksperymentuj z pozycjonowaniem i div-ami
Polecam tą stronke do nauki css i html :)
Ps://Stronka działa tylko pod IE.Jakbyś czegoś nie rozumaiał to pisz na gg ;)

Edit:Poprawiłem deklaracje dokumentu :P
Użytkownik programers edytował ten post 17 luty 2007, 18:08
Tu jeszcze masz przydatne rzeczy - polecam ;)

Taki ot zrobie:
@programers dlaczego wszystko piszesz WIELKIMI literami? i kodowanie windows-1250 :D ciekawe nie powiem


Taki ot zrobie:
@programers dlaczego wszystko piszesz WIELKIMI literami? i kodowanie windows-1250 :D ciekawe nie powiem
Ciekawe jest to, że w ogóle brak jakiejkolwiek deklaracji dokumentu :)
Jak nie przestrzega XHTML to niech pisze i dużymi, nikt mu nie zabroni :D


Taki ot zrobie:
@programers dlaczego wszystko piszesz WIELKIMI literami? i kodowanie windows-1250 :D ciekawe nie powiem

A co za rożnica?Kodowania nie zmieniałem bo myślałem że jest ok <_<

Ciekawe jest to, że w ogóle brak jakiejkolwiek deklaracji dokumentu :)
Jak nie przestrzega XHTML to niech pisze i dużymi, nikt mu nie zabroni :D
Zapomniałem zadeklarować dokument.

@ini dopisz
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> :)

@down
Tą deklaracje to jak raz ściągałem ze strony i nie zobaczyłem na wersje
Użytkownik programers edytował ten post 17 luty 2007, 18:08

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">w sekcji head :)
lol :D z takim kodem chcesz wstawiać taką deklarację? do tego 1.1?
co najwyżej:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

  • zanotowane.pl
  • doc.pisz.pl
  • pdf.pisz.pl
  • nvm.keep.pl
    		•
    Sitedesign by AltusUmbrae.