» »

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.

««
10 / 26
»»

Road Runner ::

no ti obnovim nekaj strani teksta - to v ieju je napaka :)

glede diva pa...
v teoriji: mislim da obstaja css3 draft za te zadeve
v praksi: ne
http://dusan.fora.si/blog/ (742617000027)

njok ::

Jackass, pomisli malo kaj pomeni kratica CSS in povej, se se ti zdi to na kakrsenkoli nacin povezano s targetom.

Jackass ::

Pismu! Torej bom mogu še nadaljne 200× določt ta target frame. Ah ja...:\
jAcKaSS

njok ::

Ali pa se odločil uporabit kak bolj praktičen pristop za gradnjo strani. :)

Jackass ::

Najprej me zanima zakaj xhtml ne podpira pri tabeli height="100%"? Tudi, če s CSS-jem določiš ne dela.

Zanima me ali je možno s CSS-jem neki sliki določiti pozicijo, ki je odvisna od tabele. Npr. da je vedno na dnu tabele. Višina tabele, pa je odvisna od višine strani. Je to možno?
jAcKaSS

Ziga Dolhar ::

> Najprej me zanima zakaj xhtml ne podpira pri tabeli height="100%"? Tudi, če s CSS-jem določiš ne dela.

body, html { height: 100%; } in nato tabelca { height: 100%; }?

> Zanima me ali je možno s CSS-jem neki sliki določiti pozicijo, ki je odvisna od tabele. Npr. da je vedno na dnu tabele.

background: url(slikca.gif) no-repeat right bottom; mogoče?
https://dolhar.si/

Jackass ::

Hvala! Deluje!:)

Žal pa ne vem zakaj v IE pol stvari en deluje, če vključim teli 2 vrstici na začetek:

< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
< html xmlns="http://www.w3.org/1999/xhtml">
jAcKaSS

Zgodovina sprememb…

  • spremenil: Jackass ()

Jackass ::

Še eno vprašanje:

Ali je možno "block"-u določiti, da nima preloma vrstice pred in za njim?

Želim namreč, da ima prva beseda v odstavku barvno ozadje, ki je dolgo 150px. Nato pa sledijo ostale besede.

Naredil sem tako:

span.ime{
font-family: Verdana,Arial;
font-size: 12px;
font-weight:bold;
color: #990066;
width: 150px;
display: block;
background-color: #FEF087;
}

Vendar block naredi prelom vrstice pred njim in za njim. Rad bi pa torej, da bi se desno od "block"-a nadaljeval text.
jAcKaSS

Zgodovina sprememb…

  • spremenil: Jackass ()

Jackass ::

OK, sm rešu zadevo tako, da sem določil "float:left;".
jAcKaSS

Road Runner ::

Žal pa ne vem zakaj v IE pol stvari en deluje, če vključim teli 2 vrstici na začetek:

< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
< html xmlns="http://www.w3.org/1999/xhtml">


s tem ieju dopoves naj deluje po standardih, in pol se trud to ubogat. ie6 s temle naprimer skoraj pravilno rise box model
http://dusan.fora.si/blog/ (742617000027)

CaqKa ::

ok.. in kater od teh doctypeov je najbolj priporočljiv?
kakšne so rpednosti enega drugega in ostalih?

Road Runner ::

jaz vedno uporabljam xhtml 1.0 strict ali transitional (pa tudi frameset sem ze uporabil). pac transitional ko tabim link target in strict ko ga ne.

s tem ie6 rise dolocene stvari malo bolj pravilno in si prsparas par zivcev :) ceprav pol ce gres delat ie5.5-compatible si precej na istem

ce se ne motim pa je kar se tega tice cisto vseeno kateri doctype das. ce ga das gre ie6 v standards mode, drugace je v quirks mode.

prednost xhtml pred html4 pa je ta, da ga bojo (ce je valid) prebavili xml readerji, saj naj bi se xhtml drzal xml standardov (hence the x in the name).
http://dusan.fora.si/blog/ (742617000027)

Zgodovina sprememb…

Jackass ::

Sam, če Mozilla dela po standardih in stran pravilno prikaže, IE pa ne (čeprou naj bi jo prav zdaj), ko mu dodam to vrstico, pol tle neki močno ne štima.

Rd bi besedilo oblikoval takole, vendar mi nikakor en uspe:


Zanima me položaj texta. Poskušal sem tako, da bi vse skupaj zamaknil z margin-om desno za nek "x", potem pa nastavil text-indent enako negativno vrednost "-x". Vendar stvar ne deluje pravilno. hm...:(
jAcKaSS

Zgodovina sprememb…

  • zavaroval slike: Tody ()

Jackass ::

Js bom res popizdil. Sam nej mi še en reče, da je Opera zakon. Zdele sm že na 2 načina naredu in dela in v IE in v Mozilli, v Operi pa noče!;((
jAcKaSS

Jackass ::

No, zdej sm uspel poštimat!

Sam se pa pojav nov problem v IE, k pa sploh ne vem, kako nej ga odpravm. Prva vrstica odstavka se ne prelomi na koncu strani, ampak se kar nadaljuje še nekoliko izven strani, nato pa gre v novo vrstico. Ostale vrstice se prelomijo pravilno, le prva ne.

Tule je link do strani, pomanjšajte okno na 800px širine in odprite v IE:
LINK

Prosil bi, če lahko kdo to pogleda in mi svetuje, ker sploh ne vem kje naj se lotim problema, niti mi ni jasno kako je do njega sploh prišlo.
jAcKaSS

Zgodovina sprememb…

  • spremenil: Jackass ()

CaqKa ::

probaj v cssju odstranit justifi:
p{
font-family: Verdana,Arial;
font-size: 12px;
text-align: justify;
color:#000000;
margin-top:0px;
margin-bottom:14px;
margin-left: 148px;
padding: 0 0 0 0;
}

CaqKa ::

pa z margin left right se probaj še malo pošpilat..

sicer pa poleg first-letter obstaja še en element first-line

čeprav ne vidim da je kje uporabljen ga probaj noter dat pa mu daj kake vrednosti.

Jackass ::

"text-align:justify" ne spremeni tega.

Če nastavim:

p{
font-family: Verdana,Arial;
font-size: 12px;
text-align: justify;
color:#000000;
margin-top:0px;
margin-bottom:14px;
margin-left: 148px;
margin-right: 148x; //ugotovim, da je prva vrstica točno za 148px daljša od ostalih.
padding: 0 0 0 0;
}

Poskusil sem tako popraviti, vendar ne deluje:

p:first-line {
margin-right: 148px;
}

Na splošno, mi ni uspelo s tem "p:first-line" drugega kot obarvati prve vrstice. Nikakršnji zamiki ne delujejo.:|
jAcKaSS

Zgodovina sprememb…

  • spremenil: Jackass ()

Jackass ::

Nihče ne ve kako in zakaj?:'(
jAcKaSS

Road Runner ::

tvoja trenutna koda se mi zdi totalen bloat, tako da ti bom odkovoril kar z novo kodo.

uporabljen je definition list (kar pac tvoji podatki so) in pa en majhen css "hack" z negativnim marginom. za detajle poglej komentarje v kodi.
http://dusan.fora.si/blog/ (742617000027)

Jackass ::

Najlepša hvala, Racer D! Stvar deluje BP.:D

Hotel sem se čimbolj izogniti tabelam ali layerjem, da bi bilo čim lažje popravljanje, če bi se na sredini dela premislil in se odločil za drugačen dizajn. Vendar očitno ne bo šlo.
jAcKaSS

njok ::

S semantično bogatim markupom v večini primerov gre. Vprašanje je le, če znaš za dano vsebino uporabit prave značke že prvič ko jo vidiš. Ponavadi naletiš na pomanjkljivosti ravno pri redizajnu. :D

Road Runner ::

lepa navada je da za dolocen tip vsebine uporabis html markup le-temu namenjen. kot prvo imas bolj pregledno kodo, drugo pa, ce imas kdaj namen izdelati kaj bolj resnega hitro spoznas da obstajajo ljudje s text-only brskalniki, screen readerji ipd (slepi, slabovidni). ki jim pravilni tagi lahko olajsajo branje
http://dusan.fora.si/blog/ (742617000027)

CaqKa ::

jackass zdaj sta me racerd in njok spomnila na tale link: http://mezzoblue.com/downloads/markupgu...

morebiti še tole: http://www.clagnut.com/blog/348/

njok ::

CaqKa me je spomnil, da je vcasih dobro podat kak link. ;)

Molly, Alistapart, Robert Nyman in nekaj Tantekovih prezentacij: 1, 2, 3. Malo se ponavlja, a ne skodi. Veselo branje! :D

Jackass ::

Hvala za linke.

Najprej eno, za nekatere od vas, morda butasto vprašanje: Kaj sploh je markup?:8)

Sm prebral prvi link, k mi ga je podal CaqKa. Vendar ne vem točno, v čem je point. To so neka pravila, sam nč drastičnga nism zvedu...

Bom še ostalo gradivo pregledu.
jAcKaSS

CaqKa ::

define:markup - Google Search

Markup is anything added to the content of the document that describes the text.

Zgodovina sprememb…

  • spremenil: CaqKa ()

BluPhenix ::

markup je v bistvu to, da neki stvari prirediš neko lastnost, ki je nekje definirana. Če imaš več takih "značk" postane to markup language .. HTML -> hypertext markup language.

To je taka, zelo poenostavljena razlaga.

(mark-up - označiš)
Podpisa ni več, ker so me poskušali asimilirati.

Jackass ::

Hm... bom dal to v svoj slovar!:D
jAcKaSS

sverde21 ::

Obstaja kak način, da bi z CSS rotiru sliko za 90, 180, 270° ? Spravlam se delat zaokrožene robove, pa bi rad mal bandwidtha prihranu :D , mogoče kdo ve za kako boljšo rešitev brez slik, google mi je tole izpljunil ampak ko vidim kodo mi grejo dlake pokonci :D zrd tistih boldov ;)
<?php echo `w`; ?>

R33D3M33R ::

Jaz sem to rešil preprosto. Naredil sem datoteko overlay.gif z zaokroženimi robovi, ki je imela notranji oval prozoren, zunanji pa je imel barvo ozadja. Nato sem to sliko nastavil kot vrhnjo sliko z img src, originalno sliko pa nastavil kot ozadje s CSS.
Preprosto in učinkovito (če sem seveda prav razumel kaj hočeš ;) )
Moja domača stran: http://andrej.mernik.eu
Na spletu že od junija 2002 ;)
:(){ :|:& };:

njok ::

sverde21, ne da se.

Na onem linku je uporabljenih 2x5 značk, ki se postavijo na vrhu in spodaj. Prišpara na slikah za ceno tag-soupa. Saj ne, da so ostale tehnike kaj boljše glede tega -- morda R33D3M33Rjeva, a deluje samo na vnaprej določeni velikosti. Soupu se lahko izogneš z unobtrusive javascriptom, kar drugim iz določenih razlogov spet ni všeč (precej je tudi odvisno, zakaj boš glajene robove uporabil).

sverde21 ::

@R33D3M33R: sem gledal že to metodo :) ampak moraš 4 slikce naložit ;)

@njok: imaš kako povezavo za to metodo z JS? Uporabil jih bom pri dizajnu strani :) osnovni okvir... smo pomoje bom moral slikce uporabit, ker so robovi iz večih barv (uporabljam senčenje)
<?php echo `w`; ?>

Jackass ::

@R33D3M33R: sem gledal že to metodo :) ampak moraš 4 slikce naložit


A ne 2?

Pa sej ta overlay.gif je itak najverjetneje enobarva, pa res ma barven samo majhen rob in kote. Kar pomeni, da to zasede največ nekaj KB.
jAcKaSS

Tody ::

njok ::

sverde21, koncept je enostaven. V glavo vkljucis js, ki bo, ko se bo dokument nalozil, na dolocene elemente v kote nalimal slicice. V mislih nisem imel nobenega posebnega primera, če pa te zanima sam koncept unobtrusive js, si pa lahko kaj preberes. Mogoce bi v tem primeru prav prisla tudi taka ali drugacna js knjiznica, a tukaj ze zapuscamo CSS temo. ;)

Jackass ::

Sedaj imam definition list in nad njim definirano sliko.

Ali lahko to sliko premaknem samo z uporabo CSS-ja na poljuben del besedila (pravzaprav na površino definition lista) tako, da bo besedilo sliko oblilo.

Poskušal sem s "position: relative; top: 60px; float: right;" vendar slika prekrije besedilo.
jAcKaSS

Zgodovina sprememb…

  • spremenil: Jackass ()

barelyLegal ::

Se opravičujem, če je to morda že bilo obravnavano, jaz nisem zasledil.. v CSS in mam takšno definicijo:

body {
scrollbar-face-color:#000000;
scrollbar-shadow-color:#000000;
scrollbar-highlight-color:#000000;
scrollbar-3dlight-color:#b8a683;
scrollbar-darkshadow-color:#b8a683;
scrollbar-track-color:#000000;
scrollbar-arrow-color:#000000;
background-color:#000000;
margin-left:0;
margin-top:0;
margin-right:0;
margin-bottom:0;
}

Jasno, da mi javi error pri vseh scrollbar-xy-color: in temu primerno potem ne izriše barve ne v operi ne v mozilli.

Se da to kako definirati po standardu da bo prikazovalo povsod?
Error

Zgodovina sprememb…

veteran ::

Ne, obarvani drsniki so nestandardna IE jajca, zato ne moreš pričakovati, da bo to delalo v Firefoxu in Operi (mislim, da se nekje v operi celo da nastavit, da kaže pofarbane scrolbare, ampak to mora uporabnik sam vklopiti).

Barva drsnikov je namreč nastavitev uporabnika, ki si to nastavi v lastnostih OS ali temi brskalnika, to pa je tudi razlog, zakaj stvar nikakor ne sodi v (standardni) CSS.

Po domače povedano, oblikuj spletno stran (tisto, kar je v oknu brskalnika), obliko brskalnika (drsniki, orodna vrstica ipd) pa pusti pri miru. Nič ni bolj motečega kot nestandarden UI, ki ignorira uporabniške nastavitve.

veteran ::

Poskušal sem s "position: relative; top: 60px; float: right;" vendar slika prekrije besedilo.

Samo float:right;width:..., brez position, top, pa bo.

barelyLegal ::

Ne, obarvani drsniki so nestandardna IE jajca, zato ne moreš pričakovati, da bo to delalo v Firefoxu in Operi (mislim, da se nekje v operi celo da nastavit, da kaže pofarbane scrolbare, ampak to mora uporabnik sam vklopiti).

Po domače povedano, oblikuj spletno stran (tisto, kar je v oknu brskalnika), obliko brskalnika (drsniki, orodna vrstica ipd) pa pusti pri miru. Nič ni bolj motečega kot nestandarden UI, ki ignorira uporabniške nastavitve.


Zgleda da se nismo najbolje razumeli. Jaz imam stran, v katero znotraj < div >-a nardim fiksiran background image in nardim scroll bar, tako da ne raztegne celotne strani, ampak se ustvari scroll bar. in ker imam neke dotične barve podlago, siv drsnik ravno ne paše zraven. In ja, vem, da če nastavim barvo drsnika v body, bo letelo direktno tudi na zunanji drsnik.

Drugače pa, kako lahko npr.: ta stran prikazuje v vseh možnih browserjih modri drsnik? Če ni za pričakovati, da bo delovalo?

Torej, nek način zagotovo oz. očitno je, me pa zanima če kdo od ostalih ve, kako doseči to. Hvala!
Error

CaqKa ::

in zakaj na ferijevem forumu ne pogledaš sourca?

veteran ::

V firefoxu (1.0.8 in 1.5.0.6) jaz vidim standardni scrollbar na tej strani - torej rešitev le ne dela v vseh brskalnikih.

Ne vem, če prav razumem, ampak če gre samo za background image, lahko drsnik v tem div-u izklopiš.

Kakorkoli, strani z dodatnim drsnikom so se meni vedno zdele neprijazne do uporabnika - ker kolešček na miški ne prime, moraš premaknit miško nad tisti frame ali div, da lahko poskrolaš in vidiš vso vsebino.

Jackass ::

barelyLegal: Men v Mozilli 1.5.0.6 feri-jevo stran prkaže s standardnim sivim drsnikom.
jAcKaSS

Jackass ::

veteran: Kaj pa, če želim sliko premakniti nekoliko nižje? Vendar tako, da sliko nad njo oblije besedilo.
jAcKaSS

Road Runner ::

Jackass, takole?
http://dusan.fora.si/blog/ (742617000027)

veteran ::

Ali pa takole:
<p>
... vnesi sem malce več teksta (lorem ipsum) ...
<span style="width:120px;height:180px;float:right;">
<img src="balon.png" width="120" height="180" alt="balon" />
</span>
... tudi tukaj vnesi malo več teksta ...
</p>
<p>
... pa še sem ...
</p>

arjan_t ::

Kako se določa tabeli border (style, debelino in barvo)? :8)
Z border ukazi mi ne deluje

Zgodovina sprememb…

  • spremenil: arjan_t ()

Road Runner ::

preveri ukaze. ker meni deluje.
http://dusan.fora.si/blog/ (742617000027)

veteran ::

css:
.tabela1 { border-collapse: collapse; }
.tabela1 td { border: 2px solid #ff0000; }

html:
<table class="tabela1">
<tr>
<td>PREBERI</td>
<td><a href="http://www.w3.org/TR/CSS21/tables.html#q1">NAVODILA</a></td>
</tr>
</table>
««
10 / 26
»»


Vredno ogleda ...

TemaSporočilaOglediZadnje sporočilo
TemaSporočilaOglediZadnje sporočilo
»

poravnava li elementov

Oddelek: Izdelava spletišč
82143 (2008) boss-tech
»

Wampserver in Firefox

Oddelek: Izdelava spletišč
61846 (1726) jonystar
»

CSS problemi (strani: 1 2 )

Oddelek: Izdelava spletišč
519833 (7632) nuuush
»

[CSS]Pozicioniranje footer diva

Oddelek: Izdelava spletišč
62454 (2401) amaze646
»

CSS background-image in IE6?

Oddelek: Izdelava spletišč
133068 (2934) Road Runner

Več podobnih tem