☰

» »

pomoč css, html

pomoč css, html

šrawfncigr ::

Pozdravljeni!

Lotil sem se izdelovati dokaj enostavno spletno stran ki bi izgledala nekako takole: na levi strani bi bili gumbi na desni pa iframe v katerega bi s pomočjo gumbov klical podstrani. Zataknilo se mi je pri postavitvi npr:
-Kako bi to najlazje naredil v eni tabeli da bi bila razdeljena ali v večih tabelah med seboj poravnanih?
-Se da narediti vkaz cellspacing samo med določenimi stolpci oz. vrsticami?
-Se da v tabeli določiti obrobo tako da imajo samo določene celice, in isto za ozadje.
-Se da uporabiti vkaz margin za poravnavo tabele od tabele?

Hvala za pomoč in lep pozdrav.

CodePsd ::

Tukaj si kaj preberi. Vse je lepo razloženo pa še naučil se boš kaj več.
Razrez spletnih predlog(PSD v HTML) --> http://codepsd.si

Trinitron ::

Dvomim, da to bo v tej temi kdo prilepil kaj več kok link na osnove CSS. Pa vseeno - za začetek bi morda moral opustiti oblikovanje postavitve strani s tabelami. Kot drugo, premisliti bi moral, če je rešitev z iframe res najprimernejša. In na koncu, pojdi čez tutoriale za CSS in HTML.

šrawfncigr ::

Čez te tutoriale sem povečini že šel. Kako bi predlagal narediti brez tabel, in kaka bi bila boljša rešitev brez iframa?

Hvala za hitre odgovore :)

MisterR ::

1. nariši si postavitev strani na list papirja
2. sestavi dive tako kot imaš narisano (google: css div)
3. za prikazovanje uporabi ajax ( http://www.w3schools.com/ajax/default.a... )

Ko se ti bo kje zataknilo objavi kodo ali povezavo do strežnika kjer vse to delaš pa ti bomo pomagali.

šrawfncigr ::

Kaj ko hočeš naredit gumbe en pod drugim pride takrat še zmeraj v poštev tabela v div-u?
Čene pa hvala div-i z ajaxom bo kar dobra izbira :P

LP

MisterR ::

Tabele uporabljaj zgolj za prikazovanje velikih količin podatkov, za vse ostalo se uporablja div-e.

Da dobiš gumb pod gumb pa uporabiš seznam ki ga malo postajlaš list type:none itd...

šrawfncigr ::

Z div-i se še malo lovim zato me zanima npr. kako bi naredil 2 diva katera bi bila vzporedna eden levo eden desno in vmes bi bilo 5px prostora?

Upam da vas ne morim s prevec zacetniskimi vprasanjami. :8)

MisterR ::

float:left in enemu nastaviš margin-x: 5px (x=left,right,top,bottom)

šrawfncigr ::

To je koda:

<html>
  <head>

  <title>krenki</title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  </head>
<body>
<div style="border:solid black; float:left"> asd</div>
<div style="margin:auto; border:solid #000; margin-x:5px;">
  <p>&nbsp;</p>
  <p>&nbsp;</p>
</div>
</body>
</html>


To pa rezultat:
http://www.srawfncigr.totalh.com/

:8) Kaj delam narobe?

Lep pozdrav.

MisterR :: 

<html>
  <head>
 
  <title>krenki</title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  </head>
<body>
<style>
.stransk_meni{border:solid black; float:left;width:300px; margin-right:5px;}
.vsebina_center{border:solid #000;float:left; width:500px; }
</style>
<div class="stranski_meni"> asd</div>
<div class="vsebina_center">
  <p>&nbsp;</p>
  <p>&nbsp;</p>
</div>
</body>
</html>


Predlagam tudi da kodo daješ v svojo datoteko npr. style.css in jo vključiš v head s tem
<link rel="stylesheet" type="text/css" href="style.css" />


href="pot_do_datoteke/ime_datoteke.css"
priporočam da si še prebereš o css razredih in id-jih.

Zgodovina sprememb…

  • spremenil: MisterR ()

šrawfncigr ::

Hm. Če naredim tako kakor si ti napisal rata pa to: http://www.srawfncigr.totalh.com/

Glede css classov jih pa tako ali tako ponavadi imam v drugi datoteki le zdaj ko sem testiral pa da mi ni bilo treba dveh kod pisat. :P

Lep pozdrav.

keworkian ::

Tkole, da ne boš doktoriral prej.
<html>
<body>
<style>
.a {
height: 200px;
width: 300px;
background-color: black;
}
.b, .c {
 width: 120px;
 height: 100px;
 float:left;
 background-color: red;
border: solid 1px green;
 marin-right: 5px;
}
</style>
<div class="a">
<div class="b">ttt</div>
<div class="c">ttt</div>
</div>
</body>
</html>
Obscenities in B-Flat

šrawfncigr ::

Hvala za to keworkian. Stran zgleda trenutno nekako tako: http://www.drywater.byethost11.com/

Zanima me še kako bi naredil da bi div datum poravnal levo od naslova ker če dam float: left; mi dive nekam čudno razmeta 8-O poleg tega me zanima ce obstaja kaksen trik da imasta dva diva isto visino oz. dolzino in kako bi naredil da bi bil glavni div poravnan na center?

Hvala za vso pomoč.

šrawfncigr ::

No nekako mi je uspelo narediti to kar sem hotel :P Edino kar ne znam popraviti je preskakovanje stranskega menija med zoomiranjem v google chromu (v mozzili dela) in da bi se višina vsebinskega okvirja sproti večala kot se širina. Link:http://www.drywater.byethost11.com/

Upam da ste razumeli :P

Lep pozdrav.

šrawfncigr ::

Zna kdo pomagat :8) se matram pa me nikakor ne uboga :s .

lep pozdrav

Tody ::

mogoče če bi si kak video pogledal o pozicioniranju nebi bilo slabo. Če že hočeš te zadeve se je potem fajn igrat s procenti in ne fiksnimi številkami in pogledat kak framework.

keworkian ::

šrawfncigr je izjavil:

Zna kdo pomagat :8) se matram pa me nikakor ne uboga :s .

lep pozdrav


Namig:

position: absolute;
Obscenities in B-Flat

šrawfncigr ::

No ja... tega problema še zmeram ne morem rešiti glede procentov pa niso to kar hočem narediti.
Sem se pa zdaj malo igral z javascript in mi je uspelo nekako narediti da deluje tukaj: http://www.srawfncigr.totalh.com/ nikakor pa mi ne uspe urediti da bi delovalo še tukaj http://www.drywater.byethost11.com/ pa sem praktično prekopiral tko da če mi zna kdo pomagat bi bil zelo vesel. :P

Lep pozdrav.

šrawfncigr ::

Hvala vsem ki ste pomagali zdej sem vse uredil in dela tako kot sem hotel.

Lep pozdrav.

Neumann ::

Imam vprašanje, ki je najverjetneje bolj povezana z javascriptom, vsaj predvidevam.

Zanima me, če bi mi lahko dal kdo napotke, kje je dobro razloženo naslednje:

rad bi naredil tako, da ko na svojo stran, dodam recimo 15 člankov, mi avtomatsko naredi 2 strani, na prvi je 10 člankov, spodaj mi potem naredi 1,2 next page in na drugi strani je potem še ostalih 5 člankov, gre se zato, da ko dodam nov članek, bi rad da se avtomatsko prestavi vse za 1 naprej, ker fizično je to zamudno delo, še posebej ko se gre recimo za 30 strani člankov. Če pozna kdo hitro rešitev bi prosil, če mi jo pove, ali pa vsaj kje je to razloženo.

Tody ::

A to ti na svoji strani ali imaš kak cms zadaj? Drugače se temu reče pageing in lahko uporabljaš php http://blog.sachinkraj.com/how-to-creat... ali javascript http://stikiflem.wordpress.com/2008/09/...

Neumann ::

Ne, moja stran je. Narejena iz html+css. Zdaj pa da mi ne bi bilo treba vsakič za eno mesto premikat vse naprej, kadar prilimam nov članek, če bi sam fizično spreminjal ane bi bilo res preveč zamudno, javascript nekaj znam php-ja pa ne, tako da sem bolj ciljal na javascript, ampak tudi php bi se rad naučil (malo vem zakaj se gre no) in tale prvi link zgleda obetavno. hvala.

Vredno ogleda ...

TemaSporočilaOglediZadnje sporočilo
TemaSporočilaOglediZadnje sporočilo
!

Vse, kar ste si želeli vprašati o CSS, pa si niste upali. (strani: 1 2 3 4 … 23 24 25 26 )

Oddelek: Izdelava spletišč		1298347325 (6462) sunniegoldie
»

HTML in CSS težava pri razporeditvi DIV elementov

Oddelek: Izdelava spletišč		14978 (798) MisterR
»

Kontaknti obrazec - potrebujem pomoč

Oddelek: Programiranje		181159 (881) cobrica
»

Podrta oblika strani

Oddelek: Izdelava spletišč		131406 (1085) echoman
»

JavaScript prevrjanje vsebine v poljih

Oddelek: Izdelava spletišč		5838 (756) iMark

Več podobnih tem