Sva moja pitanja kroz ucenje HTML-a i CSS-a

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Citat:
i sada mi se zeznula i lista ona pocetna meni ,


Nije ni čudo <ul> je oznaka za listu (unoredered list), a <li> je list item. Ti si praktično na početku i na kraju stavio stavke liste koje se uopšte i ne nalaze u listi.

<ul>    <li>stavka 1</li>    <li>stavka 2</li>    <li>stavka 3</li> </ul>

Verovao ili ne, većina menija na web stranicama su zapravo liste samo što im se kroz CSS dodaju neke specijalne osobine

http://cssdeck.com/labs/soothing-css3-dropdown-animation

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

aj kasnije cu za dropdown taj, imam problemcic ovo se ne moze izguglait vec samo logika pomaze!

Hocu da napravim jedan div znaci u kojem ce biti i slika i tekst, ovaj tekst da bude na levoj strani i do polovine a slika na desnoj polovini, probao sma na sve nacine ne vredi.

Evo primera sta sam probao:

<div id="clanak1">

<div class="tekst1">
<p style="margin-left:13% ; font-weight:bold"> Naslov </p>
<p> Tekst </p>
</div>

</div>

I u CSS-u:
#clanak1{
width:85%;
}

.tekst1 {
width:30%;
}

I fakticki mi samo onda bude sirina 30% .
Glupa mi logika a ?

Znaci hocu ovako da mi bude u jendom div-u ako je to izvodljivo, ako nije lako je meni napraviti poseban div za sliku i onda odrediti mu poziciju u postotcima :

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

HTML

<div id="clanak1"> <div class="tekstclanka" <p>Ovde ide tekst</p> </div> <div class="slikaclanka"> <img src="slika.jpg"> </div> </div>

CSS

#clanak1 { border-style:solid; border-width:5px; } #tekstclanka { position:relative; top:50%;  } .slikaclanka { position:relative; left:55%;  }

Napisano za 5 min

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

A znam mislio sam i ja bio tako nemoj sada da bude braca kao viido resenje pa ono znao sam, kontao sma to , ali reko mozd amoze da se zada odmah tekstu da ne prelazi na drugu polovinu, ali nema veze , uglanvom hvala !

• 1Ovo se svidja korisniku: nike992
  
  Registruj se da bi pohvalio/la poruku!

Pa ne može sam od sebe, moraš da definišeš u CSS-u. Još nešto, gledaj da ne koristiš CSS u HTML, npr dodao si p tag pa style u njemu, bolje je da se napiše u CSS jer se tako primenjuje na sve elemente ako imaš više stranica , ovako ćeš morati za svaku stranicu posebno da menjaš kod.

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

meni i dalje nije jasno ona 4 s*anja za position onaj absolute relative fixed, nasao i na srpskom objasnjenje i probao testirao, svaki je isti po meni O.o !

isto tako class i id meni je to skroz isto , ja njih korisitm sta mi prije padne na pamet !

pu jbm ti sve kakva pitnaja postalvjam :'(

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

http://www.w3schools.com/css/css_positioning.asp

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

brate moj neko mi je to vec dao i tu imaju i primjeri znaci nidje veze kad pogledam -_- , a i na srpskom sam isto nasao upustvo kazem ti :'(

• 1Ovo se svidja korisniku: nike992
  
  Registruj se da bi pohvalio/la poruku!

Pazi ovako, ja mogu da ti napišem ali to je isto to što sam ti poslao. Ako to ne možeš da shvatiš, kako ćeš kasnije da pređeš na javacript a o php i da ne pričam... Eksperimentiši sa kodom i čitaj čitaj čitaj. Najbolje je da pratiš tutorijale sa w3schools i primere koje oni imaju.

Sve ovo je jedna ogromna oblast, ne možeš za 2-3 nedelje sve da naučiš i da počneš da praviš sajtove. Sve ćeš polako shvatiti vremenom, samo moraš da paziš kako se šta pravilno koristi... Imaš u mom potpisu link ka mom blogu, tamo pišem o webu i tutorijalima za isti, pogledaj

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Napisano: 26 Nov 2013 22:53

Decko cijenim to sto imas zelju da mi pomognes , a i svi ostali koji su ukljuceni u temu !
Hvala vam!

Dopuna: 26 Nov 2013 23:30

Neces verovati sitnica koja je odlucila nesot pazi ovo , mislim mozda ces i verovati znas bolje od mene jbt !
Uglavnom uradio sam i radi.

Kada sam pozicionirao pravilo mi je problem ono relative, i kada sam stavio na absolute onda sam mogao da ubacim sliku uglavni onaj div okvir #clanak i normalno da rukovodim slikom i da je pozicioniram, kada sam prebacio znaci #clanak i ostalo na absolute onda sam mogao da ubacim sliku u div border tj. #clanak, zasto to nije mi jasno, ja se s*ebao kad sam vidio, reko joj kakva slucajnost dobro je kad mi je palo na pamet slucajno da probam staviti absolute, a patio se dugo nisam mogao nikako da je pomerim ka gore !


Evo CSS koda:
#clanak1{ margin-top:16%; width:90.5%; height:50.9%; border-style:solid; border-width:5px; border-color:#938256; background-color:#C0C0C0; } .tekst1 { position:absolute; margin-top:1%; margin-left:1%; width:45%; font-family:TW Cen MT; font-size:12.5pt; background-color:#dad3c0; padding-left:10px; padding-right:10px; padding-bottom:2px; padding-top:2px; } .slikaclanka1{ position:absolute; margin-top:4%; margin-left:49%; }

Ima li kakvih gresaka u kodu, meni izgleda odlicno na ekranu prikazano, ali vi ipak svi znate bolje od mene , pa mozda ima nesto

Dopuna: 27 Nov 2013 14:32

Pitanjce broj 6.


Radim bzvz neku glupost i vidim da nije isto na drugom racunaru, pazite ovo!

U jednom div tagu imam jedan div tag koji sluzi za tekst i sliku jednu isto koju sam imenovao i sve to naravno uredjujem u CSS-u.

evo kod:
#clanak1{ margin-top:15%; width:91%; height:54%; border-style:solid; border-width:2px; border-color:#614051; background-color:#dad3c0; border-radius: 4px; } .tekst { position:absolute; margin-top:2.1%; margin-left:1%; margin-bottom:2.3%; width:45%; font-size:12pt; background-color:F1EFE2; padding-left:10px; padding-right:10px; padding-bottom:2px; padding-top:2px; border-radius: 2px; } .slikaclanka1{ position:absolute; margin-top:4.1%; margin-left:49%; }

Problem:

Poremeti mi se unutar ovaj div tekst i ova slika, znaci nije po rasporedu kako treba, ja namestim npr bude sada dobro, onda odme na drugi racunar tamo nigde veze znaci !

Nije fino centrirano!