Moja prva stranica - problemos (Razvoj web-stranica) @ Bug.hr Forum

14 godina

neaktivan

offline

sub 28.8.2010 19:37

Odgovori Citiraj

Moja prva stranica - problemos

zadnjih par dana učim izradu web stranica, naučio sam HTML i CSS do sad, i napravio sam svoju prvu test-stranicu. Međutim, imam jedan problem. na njoj ima jedna slika, smještena u folderu: web/pics/bender.gif, i kad html fajl te stranice odvučem u firefox ili chrome, slika je tu. ali kad uđem u tu stranicu putem linka (to je link moje stranice), te slike nema. u čemu je problem?

EDIT: svi fajlovi su uploadani jednako kakvi su i na disku (ista struktura foldera).

Poruka je uređivana zadnji put sub 28.8.2010 20:03 (betmen).

trajni link

0 0 hvala 0

vlad0

14 godina

neaktivan

offline

sub 28.8.2010 19:41

Odgovori Citiraj

Moja prva stranica - problemos

Jesi ti sliku sigurno stavio u taj folder?

Jer server baca error kad se pokuša dohvatiti http://www.robotBLABLABLA.co.cc/pics/bender.gif:

Not Found
The requested URL /pics/bender.gif was not found on this server.

Additionally, a 404 Not Found error was encountered while trying to use an ErrorDocument to handle the request.

Retry. Reboot. Reinstall. Reformat.

Poruka je uređivana zadnji put sub 28.8.2010 20:37 (vlad0).

Moj PC

trajni link

0 0 hvala 0

betmen

14 godina

neaktivan

offline

sub 28.8.2010 19:45

Odgovori Citiraj

RE: Moja prva stranica - problemos

100% sam siguran.

EDIT: probao sam i mijenjati lokaciju slike i img src, ali ništa od tog.

EDIT 2: sredio sam, trebalo je u img src staviti .GIF velikim slovima. eh, proklet bio windows zbog svog sakrivanja .nastavaka...

Poruka je uređivana zadnji put sub 28.8.2010 20:03 (betmen).

trajni link nadporuka

0 0 hvala 0

betmen

14 godina

neaktivan

offline

pon 30.8.2010 17:06

Odgovori Citiraj

Moja prva stranica - problemos

evo da ne otvaram novu temu, postaviti ću pitanje ovdje:

kako centrirati stranicu, da bude na sredini ekrana, neovisno o njegovoj veličini? Tražio sam po internetu, ali nisam uspio pravilno napraviti. Stranica se sastoji od 2 <div> dijela, i defaultno je na lijevoj strani ekrana. Ako netko ima vremena, molio bi ga da prouči kod moje stranice i pripadajući .css file, i predloži mi što da radim.

trajni link

0 0 hvala 0

APazinjan

15 godina

protjeran

offline

pon 30.8.2010 17:44

Odgovori Citiraj

RE: Moja prva stranica - problemos

betmen kaže...

evo da ne otvaram novu temu, postaviti ću pitanje ovdje:

kako centrirati stranicu, da bude na sredini ekrana, neovisno o njegovoj veličini? Tražio sam po internetu, ali nisam uspio pravilno napraviti. Stranica se sastoji od 2 <div> dijela, i defaultno je na lijevoj strani ekrana. Ako netko ima vremena, molio bi ga da prouči kod moje stranice i pripadajući .css file, i predloži mi što da radim.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<head>

</style>

</head>

<p class="Body-P"><span class="Body-C">Di idemo? </span></p>

<p class="Body-P"><span class="Body-C"><a href="http://google.com/" style="color:#ffffff;text-decoration:none;">Google.</a></span></p>

<p class="Body-P"><span class="Body-C"><a href="http://youtube.com/" style="color:#ffffff;text-decoration:none;">Youtube.</a></span></p>

<p class="Body-P"><span class="Body-C"><a href="http://facebook.com/" style="color:#ffffff;text-decoration:none;">Facebook.</a></span></p>

<p class="Body-P"><span class="Body-C"><a href="http://myspace.com/" style="color:#ffffff;text-decoration:none;">MySpace.</a></span></p>

<p class="Body-P"><span class="Body-C"><a href="http://wikipedia.org/" style="color:#ffffff;text-decoration:none;">Wikipedia.</a></span></p>

<p class="Body-P"><span class="Body-C"><a href="http://mojtv.hr/" style="color:#ffffff;text-decoration:none;">MojTV.</a></span></p>

<p class="Body-P"><span class="Body-C"><a href="http://thepiratebay.org/" style="color:#ffffff;text-decoration:none;">The Pirate Bay.</a></span></p>

</div>

<p class="Body-P"><span class="Body-C0">Ovo je veliki naslov</span></p>

</div>

<p class="Body-P"><span class="Body-C1"><img src="wpimages/wp813f7df3.gif" width="180" height="180" border="0" title="" alt="" style="position:absolute; top:0px; left:0px"></span><span class="Body-C">Tu ide sadržaj. Veliki, veliki sadržaj. </span><span class="Body-C2">Bitno! </span><span class="Body-C">Tu ide sadržaj. Veliki, veliki sadržaj.

</span><span class="Body-C3">Iskrivljeno!</span><span class="Body-C"> </span></p>

<p class="Body-P"><span class="Body-C">Novi red. Tu ide sadržaj. Veliki, veliki sadržaj. </span></p>

</div>

</body>

</html>

http://apazinjan3d.webs.com/index.html

Moj PC

trajni link nadporuka

1 0 hvala 0

mbaksa

16 godina

moderator

offline

uto 31.8.2010 15:32

Odgovori Citiraj

RE: Moja prva stranica - problemos

betmen kaže...

evo da ne otvaram novu temu, postaviti ću pitanje ovdje:

kako centrirati stranicu, da bude na sredini ekrana, neovisno o njegovoj veličini? Tražio sam po internetu, ali nisam uspio pravilno napraviti. Stranica se sastoji od 2 <div> dijela, i defaultno je na lijevoj strani ekrana. Ako netko ima vremena, molio bi ga da prouči kod moje stranice i pripadajući .css file, i predloži mi što da radim.

U CSS-u za body stavi:

text-align: center;

Ta dva DIV-a (tu navigaciju i div sa sadrzajem) zatvori u zajednicki DIV i onda mu u CSS-u stavi:

text-align: left;

margin: 0 auto;

Takodjer, izbaci sve style="..." iz HTML datoteke, posto stil definiras u CSS datoteci, jelda? Nije to dobro imati na dva mjesta.

(morao sam urediti poruku jer sam mislio da ima div ispod div-a, a zapravo ima jedan pored drugog, pa onda ta oba diva mora staviti u jedan zajednicki div)

Poruka je uređivana zadnji put uto 31.8.2010 15:39 (mbaksa).

trajni link nadporuka

2 0 hvala 1

betmen

14 godina

neaktivan

offline

sri 1.9.2010 19:30

Odgovori Citiraj

RE: Moja prva stranica - problemos

e to sam čekao!

ali nažalost, nije uspjelo. pogledajte, uploadao sam je, i stranica je još uvijek skroz lijevo. i mislim da sam locirao problem:

za ova dva diva su već određene koordinate u .CSS-u, i mislim da ih zato neće centrira. znači, pitanje je: kako staviti ova dva diva da stoje jedan do drugog, bez specifiranja točnih koordinata u CSS-u? nadam se da razumijete što hoću reći.

trajni link nadporuka

0 0 hvala 0

mbaksa

16 godina

moderator

offline

sri 1.9.2010 23:23

Odgovori Citiraj

RE: Moja prva stranica - problemos

Moras napraviti jos dvije stvari - jednu od tih sam ja zaboravio napomenuti, a druga je tvoje maslo.

Div u koji si zatvorio dva postojeca div-a (dakle, div sve) mora imati definiranu sirinu - znaci, stavi width: 900px; i vec ce biti puno bolje. Preporucam ti da tom divu ujedno radi testiranja privremeno definiras boju pozadine, npr. background-color: blue;, da vidis tocno sto se dogadja, odnosno koji prostor zauzima.
Sad ovo tvoje maslo: za sadrzaj si stavio position:absolute; - to izbaci (ali i top i left), to ti ne treba. Umjesto toga, u navi (ali i u sadrzaj) stavi float: left; - time ce se taj div prilijepiti lijevom rubu, a div sadrzaj ce mu doci s desne strane.

Jos jedna napomena - koristis krive CSS selektore. U HTML-u atribut class se definira kad imas vise elemenata koji moraju imati iste karakteristike. Kad imas samo jedan (i jos k tome kad ces mozda nekad u buducnosti tome pristupati preko JavaScripta, ali o tom potom), onda ne koristis atribut class nego id. I onda takav stil u CSS datoteci ne definiras .naziv nego #naziv. Dakle, u HTML-u bi trebao imati:

A u CSS-u:

#sadrzaj{
border: 3px solid red;
background:silver;
width:670px;
height:720px;
padding:20px;
float: left;
}

trajni link nadporuka

1 0 hvala 1

CreatifCode

13 godina

neaktivan

offline

čet 2.9.2010 8:59

Odgovori Citiraj

RE: Moja prva stranica - problemos

Evo jedan na brzaka:

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Stranica</title>
<style type="text/css">
    *, html {
       padding: 0;
       margin: 0;
    }
    body {
       background: #000;
       font-size: 16px;
       color: #fff;
    }

    #wrapper {
       width: 960px;
       margin: 0 auto;
    }

    #nav, #content {
       float:left;
       height: 700px;
       border: 3px solid #cc0000;
    }

    #content {
       width: 831px;
       border-left: none;
       text-align: center;
    }

    #nav {
       width: 120px;
    }
    #nav ul {
       list-style: none;
    }


</style>
</head>
<body>
<div id="wrapper">
    <div id="nav">
       <ul>
          <li><a target="sadrzaj" href="start.html">Početna</a></li>
          <li><a target="sadrzaj" href="mp3.html">Mp3 </a></li>
          <hr>
          <p> Di idemo? </p>
          <li><a href="http://google.com/">Google,</a></li>
          <li><a href="http://youtube.com/">Youtube,</a></li>
          <li><a href="http://facebook.com/">Facebook,</a></li>
          <li><a href="http://myspace.com/">MySpace,</a></li>
          <li><a href="http://wikipedia.org">Wikipedia,</a></li>
          <li><a href="http://mojtv.hr/">MojTV.</a></li>
       </ul>
    </div>
    <div id="content">
       <p>Ovo je sadržaj.</p>
       <p>Ovo je širine 831px zato što imaš 3 bordera po 3px što daje 9px, da sam stavio da to bude širine 840px onda nebi bili jedan uz drugi.</p>
       <p>Css ti je u zaglavlju stranice igreja se s njim da vidiš kako i što, ako nešto nije jasno pitaj</p>
       <p>Ukoliko negdje dodaješ padding s desne ili lijeve strane oduzmi to od širine elementa jer u ukupnu širinu elementa ulazi i padding i border<br />
       Dakle <b>Ukupna širina elementa = border + padding + width</b></p>
    </div>
</div>
</body>
</html>

Volim napravit dobro dijelo ujutro to mi oraspoloži cijeli dan.

Kloni se Iframe-ova oni su zli

trajni link nadporuka

1 0 hvala 1

betmen

14 godina

neaktivan

offline

čet 2.9.2010 19:16

Odgovori Citiraj

Moja prva stranica - problemos

@mbaksa: stvarno ti hvala na savjetima, napokon sam je uspio centrirati. možeš li mi još malo bolje objasniti razliku između 'class' i 'id'? nisam baš najbolje shvatio taj dio.

@CreatifCode;svi ostali koji će možda sudjelovati u temi: molio bi vas da mi ne pišete cijeli kod, nego da mi samo kažete kako da to sredim. jer još sam nov u ovome i draže mi je kad sam (odnosno, uz vašu pomoć) nešto napravim. ipak sam HTML i CSS tek počeo učiti prije tjedan dana.

trajni link

0 0 hvala 0

alankish

14 godina

odjavljen

offline

čet 2.9.2010 19:59

Odgovori Citiraj

RE: Moja prva stranica - problemos

betmen kaže...

@mbaksa: stvarno ti hvala na savjetima, napokon sam je uspio centrirati. možeš li mi još malo bolje objasniti razliku između 'class' i 'id'? nisam baš najbolje shvatio taj dio.

@CreatifCode;svi ostali koji će možda sudjelovati u temi: molio bi vas da mi ne pišete cijeli kod, nego da mi samo kažete kako da to sredim. jer još sam nov u ovome i draže mi je kad sam (odnosno, uz vašu pomoć) nešto napravim. ipak sam HTML i CSS tek počeo učiti prije tjedan dana.

mbaksa,nemoj se ljutiti,a ni ti betmen

Ovako selektor . odnosno class koristiš dok iste css atribute primjenjuješ na VIŠE elemanata na koje primjenjuješ oblikovanje,dok # odnosno ID selektor koristiš samo za jedan unikatan element,odotuda id=identitiy,a kao što je mbaksa rekao,koristan je za javascript(getElementById metodu),gdje određenim elementima(svima) možeš pristupati javascriptom upravo putem id-a. ako sam u krivu ispravite me

@creatifcode:slažem se iframe su zli

trajni link nadporuka

1 0 hvala 0

betmen

14 godina

neaktivan

offline

pet 3.9.2010 13:31

Odgovori Citiraj

RE: Moja prva stranica - problemos

tnx!
a zašto mrzite iframeove? meni se čine skroz OK.

Poruka je uređivana zadnji put pet 3.9.2010 19:11 (betmen).

trajni link nadporuka

0 0 hvala 0

Nix

16 godina

offline

pet 3.9.2010 22:03

Odgovori Citiraj

Moja prva stranica - problemos

iframove nitko ne mrzi, no u današnje doba nisu popularni jer postoji mnogo efikasniji način da se uveze vanjski sadržaj na tvoju stranicu.

sʌǝ ɾǝ ʞɹǝunןo uɐodɐʞo :(

Moj PC

trajni link

0 0 hvala 0

betmen

14 godina

neaktivan

offline

pet 3.9.2010 23:13

Odgovori Citiraj

RE: Moja prva stranica - problemos

stvarno? tell me more, tell me more! :)

trajni link nadporuka

0 0 hvala 0

Nix

16 godina

offline

pet 3.9.2010 23:58

Odgovori Citiraj

Moja prva stranica - problemos

Da stvarno :) od AJAX pa do server side scriptinga ;)

sʌǝ ɾǝ ʞɹǝunןo uɐodɐʞo :(

Moj PC

trajni link

1 0 hvala 0

CreatifCode

13 godina

neaktivan

offline

ned 5.9.2010 9:24

Odgovori Citiraj

RE: Moja prva stranica - problemos

Nix kaže...

iframove nitko ne mrzi, no u današnje doba nisu popularni jer postoji mnogo efikasniji način da se uveze vanjski sadržaj na tvoju stranicu.

Ne radi se to o drugačijem uvozu vanjskog sadržaja na svoju stranicu, nego o tome da je iframe veliki sigurnosni rizik.

trajni link nadporuka

1 0 hvala 0

CreatifCode

13 godina

neaktivan

offline

ned 5.9.2010 9:27

Odgovori Citiraj

RE: Moja prva stranica - problemos

betmen kaže...

@mbaksa: stvarno ti hvala na savjetima, napokon sam je uspio centrirati. možeš li mi još malo bolje objasniti razliku između 'class' i 'id'? nisam baš najbolje shvatio taj dio.

@CreatifCode;svi ostali koji će možda sudjelovati u temi: molio bi vas da mi ne pišete cijeli kod, nego da mi samo kažete kako da to sredim. jer još sam nov u ovome i draže mi je kad sam (odnosno, uz vašu pomoć) nešto napravim. ipak sam HTML i CSS tek počeo učiti prije tjedan dana.

A što te sad sprečava da se poigraš sa mojim kodom koji sam ti poslao i da se poigraš sa kodom i da vidiš kako stvari funkcioniraju. Probaš nadograđivati drugim elementima itd. Ovo što sam ti ja poslao je osnovni kostur. Ako ti neki dio nije jasan ili ne poznaješ neko svojstvo ukucaš u google i sigurno ćeš vidjeti o čemu se radi.

trajni link nadporuka

0 0 hvala 0

betmen

14 godina

neaktivan

offline

ned 5.9.2010 22:21

Odgovori Citiraj

RE: Moja prva stranica - problemos

nemoj se ljutiti, ali lakše mi je kad učim malo po malo. u početku nisam shvatio što si sve napravio s tim kodom, jer je bilo previše promjena odjednom, ali kad mi je mbaksa objasnio, malim koracima, sad mi je puno jasniji tvoj kod.

idemo malo po malo, ipak sam još ultra-početnik. :)

trajni link nadporuka

0 0 hvala 0