Vse, kar ste si želeli vprašati o CSS, pa si niste upali. @ Slo-Tech

Forum » Izdelava spletišč »
Vse, kar ste si želeli vprašati o CSS, pa si niste upali.

Vse, kar ste si želeli vprašati o CSS, pa si niste upali.

«« «

13 / 26

»»»

bluefish :: 30. okt 2006, 15:46

se to lahko namesto v div-u uporabi v tabelah?

njok :: 31. okt 2006, 00:11

onmouseover atributi, inline stili, drsniki... kam gre ta tema?

:D

Imam, obcutek, da se vprasanja pocasi podvajajo. Sem pripravljen uredit eno kazalo v prvem postu na ze resene probleme. Ce je kak moderator pripravljen sodelovat naj mi prosim sporoci na ZS.

Jackass :: 2. nov 2006, 19:49

njok: To je pa najboljša ideja kar sem jih slišov v zadnjem času. Te stvari bi blo potrebno pr vsh takih temah narest. Ker tko al tko noben ne more vsega prebrt in zato se stvari ponavljajo. Bi pa tisti, ki potrebujejo(mo) informacijo veliko hitreje pršli do nje.

jAcKaSS

CaqKa :: 4. nov 2006, 11:53

na uporabnost.info bi jih lahko uredil brez da rabiš soglasje/posredovanje moderatorja.

norden :: 5. nov 2006, 20:05

Mene pa zanima če sploh mogoče dati (div) 800 px na sredino strani.
Jst sem razumel da se lahko samo left, right... a obstaja še kaka možnost.

prosim za pomoč

Mitja

IceIceBaby :: 5. nov 2006, 21:00

body {
/* Tole je za IE */
text-align: center;
}

divnasredini {
/* Tole pa še za vse ostale normalne browserje */
margin-left: auto;
margin-right: auto;">
}

No, tako jaz delam. Če je kak boljši način se priporočam :)

Tody :: 5. nov 2006, 21:02

a to je zdej tud za IE 7 ?

norden :: 5. nov 2006, 21:07

kst
Hvala na odgovoru.
lp

Mitja

IceIceBaby :: 5. nov 2006, 21:07

njok :: 6. nov 2006, 01:05

Tisto "za IE" velja samo za quirksmode (dokument brez doctype-a), pri 5.5 in starejsih pa vedno.

norden :: 9. nov 2006, 21:39

Mene pa zanima kako bi v ozadje ki je v (DIV) dal vesedilo, da bi bilo odmaknjeno 150px od levega roba in vertical positon bottom.
Pa je sploh mozno dat odmik od spodnjega roba DIV.

Mitja

BluPhenix :: 9. nov 2006, 21:57

za odmaknitev besedila od levega roba uporabi indent atribut (indent: 150px v CSSju)

EDIT: mnja, sem malo zamešal. Indent je za en drugi zamik.

Uporabiš lahko padding-left. Zamakne vse, ne le teksta.

Podpisa ni več, ker so me poskušali asimilirati.

Zgodovina sprememb…

spremenil: BluPhenix (9. nov 2006 ob 22:21)

norden :: 10. nov 2006, 19:26

Spet jst. Zadnjič nisem dobil odgovora. Kako lahko v nek >DIV< z background-om dodam besedilo katero bi stalo bottom. Poiskusil sem vertical-align vendar mi dreamweaver tega ne naredi.
Kje delam napako.

pa še nekej, glede na to da bi si bolj predstavljel nevem kako bi tukaj na forum vrgel kodo. Skos mi javlja napako.

prosim za pomoč

Mitja

IceIceBaby :: 10. nov 2006, 20:30

vertical-align je za inline elemente.

Če hočeš pozicionirat text na dno diva je najbolj enostavno da daš tistemu divu, ki predstavlja okvir "position: relative" potem pa znotraj tega narediš še en okvir in ga pozicioniraš absolutno in določiš "bottom: 0;"

norden :: 10. nov 2006, 21:40

kst hvala ti za pomoč

Mitja

CaqKa :: 20. nov 2006, 18:37

na faxu pomagam spravljat našo spletno stran iz tabel v css.
http://razvoj.feri.uni-mb.si/
če okno zmanjšate se bodo tisti datumi lepo raztegnili tudi navzdol (ker so v tabelah).
http://www.caqka.com/temp/razvoj.feri.u...
sam sem zadevo predrugačil takole, samo je fora, ker imam tisti del z datumi floatan, se ne raztegne navzdol. kako rešit tole?

CaqKa :: 26. nov 2006, 20:33

em.. noben nima kakšne rešitve?

TylerDurden :: 27. nov 2006, 00:06

Ne vem zakaj za vraga bi želel tabelarične podatke prikazovati s CSSjem namesto s tabelo, ki je bila ustvarjena za to?

Let\'s make some soap ...

CaqKa :: 28. nov 2006, 00:28

ker je manj kode. kot drugo pa se mi ne zdi ravno da so to tako tabelarični podatki.
dodajam novo debato: kaj je tabelarični podatek

Zgodovina sprememb…

spremenil: CaqKa (28. nov 2006 ob 00:38)

mlavta1 :: 23. dec 2006, 13:37

Samo to bi vprašal kaj pomeni tale zvezdica?
* {
margin: 0px;
padding: 0px;
}

Hvala in lp

IceIceBaby :: 23. dec 2006, 14:03

* pomeni, da ta pravila veljajo za vse elemente.

arjan_t :: 24. dec 2006, 17:39

http://shrani.si/?econnectpoys.png
Kako naj resim poravnavo spodnjega div-a (tam ko je forma za upload) z zgornjim oz. takšno poravnavo da bo spodnji div vedno tik pod zgornjim div-om. Velikost zgornjega diva je odvisna od tega koliko datotek je, spreminja se prek AJAX-a.
V formi za upload lahko tudi dodas polja za datoteke

Torej kaksno pozicioniranje naj uporabim da bi to delalo? :)

LP

Pimoz :: 29. dec 2006, 10:48

Dan!
Pri skavtih postavljam tole stran: http://skavtski-dom.skavt.net/
Imam problem, ker mi vrstico z linki (domov...kontakt) IE in FF izrišeta različno. IE mi da kontakt v novo vrstico; FF pa ne. Grem v CSS in zmanjšam width elementov in potem mi naredi tisti rob na koncu, pri kontaktu, ampak izriše lepo.
Kako bi naredil, da nebi bilo tistega roba in da bi mi pravilno izrisali vsi brskalniki (v eni vrstici)?

Že vnaprej hvala za pomoč!

Lp, Primoz

bluefish :: 29. dec 2006, 11:17

hm, pri meni v obeh browserjih izriše enako (Firefox 2, IE 7). Na kakšni ločljivosti to gledaš?

Pimoz :: 29. dec 2006, 11:31

Oj!
Gledam na ločljivosti 1024*768. Sicer je pa sedaj popravljeno tako, da je vse v eni vrstici; problem je v tem, da mi na koncu Kontakta naredi moder rob :((((

njok :: 29. dec 2006, 12:54

Glede na to, da so elementi v navigiaciji floatani, je zelo verjetno, da gre za double margin bug.

Pimoz :: 29. dec 2006, 13:47

slo je za bug da sm mel osnovni div širino naštimano 65%...zdj sm pa naštimu da je 700 pa dela kul. tko da vseen hvala za pomoc kdor se je ukvarjov s tem

mlavta1 :: 29. dec 2006, 17:33

Lep pozdrav.
Zanima me če lahko namesto oznak ul ter il uporabiš kaj drugega? Ne kajnje. No, zaradi tega: Imam meni kjer morata biti dva gumba drugačna od drugih. Kako to najlažje naredim?
povezava. Se pravi prva dva gumba. Za zdaj nista upoštevana kot linka,..
Hvala in lep pozdrav

KmelJo :: 29. dec 2006, 17:52

Ja namesto layout-a lahko uporabiš tudi tabele( < table>< tr>< td>... )!
Za kaj drugega pa ti ne zna povedat!!!

Ni važn', kdo zmaga, sam' da mi ne zgubimo!!!

IceIceBaby :: 29. dec 2006, 18:03

ULju lahko dodaš class ali id in oblikuješ seznam za vsak class ali id posebej. npr:

V cssu:
#nav ul { tvoja css koda }
#nav li { ... }

in v html:
ul id="nav" ...

KmelJo, tabele se uporabljajo izključno za tabelarične podatke, za obliko pa CSS.

Zgodovina sprememb…

spremenil: IceIceBaby (29. dec 2006 ob 18:04)

CaqKa :: 29. dec 2006, 18:09

mlavta: FeriX GNU/Linux
jaz mam tako rešeno:

<div id="menu2">
<ul>
<li><a href="http://ferix.uni-mb.si/index.php" id="aktiven"  title="Feri....x">Osnovna stran</a></li>
<li><a href="http://ferix.uni-mb.si/wiki/" title="Wiki na ....">Podpora (Wiki)</a></li>
<li><a href="http://ferix.uni-mb.si/mnenja/" title="Podajte.........pripombo">Mnenja</a></li>
<li><a href="http://robin150.uni-mb.si/ferix/forum/" title="T......ci">Forum</a></li>
<li><a href="http://ferix.uni-mb.si/kontakt.php" title="Kontaktne i.....iXa">Kontakt</a></li>
</ul></div><!-- menu2 -->

tam za id="aktiven" imam v cssju dopisan stil.

Zgodovina sprememb…

spremenil: CaqKa (29. dec 2006 ob 18:11)

mlavta1 :: 10. jan 2007, 16:52

Ja, že spet mi dela css probleme. Rad bi naredil za verze da bi ga prikazalo, vzporedno ob verzu pa bi bil gumb za glasovanje za ta verz,.. Nekako takole:

Ne vem koliko časa sem se zafrkaval s tem. Nekaj je tukaj: verzi-verzi.info/?page=verses&category=love
Če je verz samo v eni vrstici je vredu, če pa je dolg za več vrstic pa da glasove kar nekam gor,...Jaz pa bi rad da bi bilo tam kjer je glas vertical align,..
Razumete?
Hvala in lp

njok :: 10. jan 2007, 17:40

Ce mas moznost spremenijat markup je najlazja resitev z gnezdenjem elementov.

Potem oceno absolutno pozicioniras glede na verz (top: 50%; margin-top: -1/2 visine;) ali pa kar raztegnes po celotni visini (height: 100%).

mlavta1 :: 10. jan 2007, 20:40

Huh, ne uspe. Bi lahko dal primer? Hvala in lp

njok :: 10. jan 2007, 21:27

Markup spremenis iz:

<div class="mark">Ocena</div>
<div class="verse">
	Bila sem zvesta si vse dni...
</div>

<div class="verse">
	Bila sem zvesta si vse dni...
	<div class="mark">Ocena</div>
</div>

CSS je potem nekaj takega:

#verse .verse {
	padding-right 80px;
	position:relative;
}
#verse .mark {
	line-height:20px;
	margin-top:-10px;
	padding:0px;
	position:absolute;
	right:0;
	text-align:center;
	top:50%;
	width:60px;
}

Priblizno ;)

Road Runner :: 10. jan 2007, 21:29

<ul class="verzi">
    <li>
        Lorem ipsum dolor sit amet
        <span class="ocena">4/5<span>
    </li>
    ...
</ul>

ul.verzi li {
    display:     bock;
    position:    relative;
}

ul.verzi li .ocena {
    position:    absolute;
    right:       0;
    top:         50%;
    margin-top:  -0.7em;
    line-height: 1.4em;
}

naprimer...

edit:
se oproscam njok, ampak nisem videl tvojega komentarja pred objavo :)
le kot opombi - ponavadi je fino uporabljati cim bolj korekten markup, torej ce nastevas verze, vzemi unordered list.
in pa visina vrstice.. ta naj bo raje v em, saj se ti tako stvari ne bodo podirale ko povecas pisavo :)

http://dusan.fora.si/blog/ (742617000027)

Zgodovina sprememb…

spremenil: Road Runner (10. jan 2007 ob 23:03)

njok :: 10. jan 2007, 22:49

Racer, prav je, da si podal lepso/boljso kodo, tudi popravki so cisto na mestu. Zadevo sem napackal kar v firebugu, tako da je zraven prislo nekaj nepotrebnih reci.

mlavta1 :: 13. jan 2007, 16:10

Ja, tole glede verzov, dela v FF, v IE 6 pa ne,... http://verzi-verzi.info/?page=verses&category=friends
Sploh jih ne prikaže,..?!?!
Hvala in lp

njok :: 13. jan 2007, 18:43

Kaj tocno ne prikaze? Pri meni izgleda skoraj identicno, tako v IE6 kot IE7.

mlavta1 :: 13. jan 2007, 18:47

Ja, poglej zdaj,..
Prej sem pomotoma že spet spremenil,...
lp

njok :: 13. jan 2007, 19:17

Mogoce imas narobe gnezdene elemente (ali si kakega pozabil zakljuciti), validator izpljune kar nekaj napak.

mlavta1 :: 13. jan 2007, 20:03

Ja, zdaj je po večini napak odpravljenih. Prikaže že. Samo ocene vrže kar nekam dol,...

mlavta1 :: 14. jan 2007, 19:44

Izgleda kot da je nek bug pri atributu position,...

R33D3M33R :: 26. jan 2007, 22:37

Meni pa ni jasno kako bi div-e prepričal da zapolnijo ves horizontalni prostor. Recimo imam par div-ov, v katerih so slike in so nalepljeni eden za drugim. Širino imajo 100px, medtem ko je širina prostora v katerem so 500px. Če bi imel le slike, bi se slike postavile po celotni širini in bi imel recimo 5 slik v vrsti. Div-i se pa postavijo eden nad drugega kot da bi bil nek prazen prostor do drugega roba, ki bi bil rezerviran le za en blok.
Temu bi se dalo izogniti s tabelo, vendar tabele ravno nočem uporabiti.
Širina prostora se bo spreminjala, zato lahko uporabim le relativno pozicijo za div-e. Preizkušal sem že nekakšen display: inline, vendar to verjetno ni to, ker izgleda katastrofalno - objame le besedilo, slike pa ne. Kaj delam narobe?

Hvala!

/nevermind :8)

float: left za dive in clear: left za vsebino ob divih reši vse

Moja domača stran: http://andrej.mernik.eu
Na spletu že od junija 2002 ;)
:(){ :|:& };:

Zgodovina sprememb…

spremenil: R33D3M33R (26. jan 2007 ob 22:45)

R33D3M33R :: 27. jan 2007, 14:22

Zdaj pa drugi problem. Kako naj centriram div, ki ima lastnost float: left? Sem našel kup navodil na internetu pa nobeno ne deluje $:\$

Moja domača stran: http://andrej.mernik.eu
Na spletu že od junija 2002 ;)
:(){ :|:& };:

BluPhenix :: 27. jan 2007, 15:33

Kam bi ga ti centriral? nekaj se da z margin: auto; samo ne vem ce je to to kar ti rabis.

Podpisa ni več, ker so me poskušali asimilirati.

R33D3M33R :: 27. jan 2007, 15:43

margin: auto sem že preizkušal pa ne deluje.
Na strani imam tabelo s tremi stolpci | meni | vsebina | ostalo |. "Meni" in "ostalo" sta fiksna, medtem ko se širina stolpca "vsebina" spreminja. V stolpec "vsebina" sem sedaj postavil slike, ki so objete s tem div, ki je floatan levo. Sedaj pa bi rad da bi bile te slike na sredini, ne glede na širino stolpca "vsebina". Dal sem jih že v div, ki je bil raztegnjen čez ves stolpec "vsebina" in imel text-align: center pa ni delovalo.

Moja domača stran: http://andrej.mernik.eu
Na spletu že od junija 2002 ;)
:(){ :|:& };:

arjan_t :: 27. jan 2007, 15:45

notri naredi en div, brez floata in doloci margin-left:auto; in margin-right:auto;
Tak mi deluje vredu v vseh browserjih

R33D3M33R :: 27. jan 2007, 16:08

Hm, niti ne vem, če misliva isto:

<style>
div.slika {
	border: 1px solid black;
	padding: 5px;
	text-align: center;
	margin: 5px;
	float: left;
}
div.center {
	margin: auto;
	text-align: center;
	border: 1px solid blue;
	width: 90%;
}
</style>
<div class="center">
	<div class="slika"><img src="1"></div>
	<div class="slika"><img src="2"></div>
</div>

Recimo, da je to koda. div center je lepo poravnan na sredino, medtem ko se oba div-a slika tiščita levo, namesto da bi bila na sredini div-a center. A je kriv margin: 5px;? Ta je bistven za vso zadevo, zato ne more imeti drugih vrednosti.

Moja domača stran: http://andrej.mernik.eu
Na spletu že od junija 2002 ;)
:(){ :|:& };:

veteran :: 27. jan 2007, 16:25

Ne, kriv je float:left. Odloči se, kaj bi rad. Če ga tiščiš na levo, ne more biti na sredini. ;>

Tole bi šlo tudi tako, da bi ukinil float in slikam (img) nastavil display:inline, div.slika pa potem lahko odstraniš.

Sicer je pa za lepo poravnane slikce (tabelarično, v stolpce in vrstice;) tabela še zmeraj zakon. Še posebej, če so slike različne višine, takrat s floatom propadeš, razen če dinamično dodajaš ustrezen padding za vsako posebej.

«« «

13 / 26

»»»

Vredno ogleda ...

	Tema	Sporočila	Ogledi	Zadnje sporočilo
	Tema	Sporočila	Ogledi	Zadnje sporočilo
»	poravnava li elementov boss-tech Oddelek: Izdelava spletišč	8	2296 (2161)	boss-tech 1. okt 2012 08:19:03
»	Wampserver in Firefox jonystar Oddelek: Izdelava spletišč	6	1978 (1858)	jonystar 4. maj 2012 07:59:32
»	CSS problemi (strani: 1 2 ) Tody Oddelek: Izdelava spletišč	51	10268 (8067)	nuuush 20. mar 2010 18:15:37
»	[CSS]Pozicioniranje footer diva amaze646 Oddelek: Izdelava spletišč	6	2618 (2565)	amaze646 2. dec 2009 22:26:32
»	CSS background-image in IE6? para! Oddelek: Izdelava spletišč	13	3190 (3056)	Road Runner 12. jun 2008 19:07:09

Več podobnih tem

Forum » Izdelava spletišč » Vse, kar ste si želeli vprašati o CSS, pa si niste upali.

Vse, kar ste si želeli vprašati o CSS, pa si niste upali.