☰

» »

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.

««
16 / 26
»»

Road Runner ::

Ce ni napak v kodi in ce z nicemer ne prepises tega vertical-align:top v celici, bi to moralo delovati tudi v IE. Zakaj v tvojem primeru ne deluje pa tezko recem.
http://dusan.fora.si/blog/ (742617000027)

Bangoo ::

Sej jz bi v bistvu rad da dela tko kot dela v IE. Kako bi naredu da bi mi blok poravnal na zgornji rob v FF?

Road Runner ::

no, tudi ff bi ga moral tam prikazati. glej moj prejsnji post.
http://dusan.fora.si/blog/ (742617000027)

KmelJo ::

zanima me, če kdo ve, kako narediti v IE in FF tabelo, kjer bo header fiksen, telo tabele pa se scrolla?
je že kdo to naredu, čeja kako?

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

overlord_tm ::

glupa fora, samo probi naredit tabelo brez headerja, header pa daj v div z position fixed?

Road Runner ::

jaz bi poskusil tako da bi dal header v thead vsebino pa v tbody. nato pa das tbody-ju fiksno sirino in overflow:scroll. govorim zgolj na pamet, nevem ce bi v praksi res delovalo
http://dusan.fora.si/blog/ (742617000027)

KmelJo ::

@Road Runner: to sem tudi naredil, vendar v IE ne dela.
Še kakšna ideja glede tega? mogoče je že kdo to implementiral. če je, lahko prilepi kodo?

drugo:
v SELECT tagu: v OPTION sem dal lastnost DISABLED. Vse lepo in prav, dokler nisem probal v IE.
to dela v FF, v IE ne(option ni blokiran oz. se ga da izbrati, kar pa ne sme biti).
Ima še kdo tu kako idejo, kako to narediti? :)
Ni važn', kdo zmaga, sam' da mi ne zgubimo!!!

CaqKa ::

sam ne uporabljam firefoxa za kaj drugega kot pa primerjavo izdelanih spletnih strani...
v tem kontekstu sem zanj našel, po mojem mnenju eno dobro razširitev, ki bi jo bilo greh ne omeniti tukaj:
stran na addons.mozilla.org

KmelJo ::

imam problem in sicer s prikazom strani v IE. (delam s tabelami!)
v FF mi stran lepo prikaže, vendar v IE pa jo deformira.

Izgled v FF:


Izgled v IE:

v tej celici, kjer prikazujem podmeni, je tabela z id="leftmenu".
lastnosti celice: 'valign="top" height="400" style="border: 1px solid #cccccc; background-color: #eef2f5; width: 132px; display: fixed;" '

css (za tabelo z id="leftmenu"):
#leftmenu {
margin: 0;
padding: 0;
}

#leftmenu tr td {
font: normal 12px Arial;
color: #004971;
border-bottom: 1px solid #ffffff;
padding: 0px 0px 5px 10px;
text-align: left;
width: 132px;
}

#leftmenu tr td a {
color: #004971;
text-decoration: none;
}

-----------
kaj bi lahko bilo tukaj narobe, da se izgleda razlikujeta?
Ni važn', kdo zmaga, sam' da mi ne zgubimo!!!

KmelJo ::

sem že uredil zgoraj navedeni problem. :)) :))

sedaj pa imam še eno vprašanje.
kako prikazati html kodo na webpage-u?
iz baze poberem podatke. v bazi so namesto šumnikov shranjene html kode za določene znake (npr.: č -> č , š -> š , ...)
kako te html kode(š ...) prikazati na webpage-u?
Ni važn', kdo zmaga, sam' da mi ne zgubimo!!!

CaqKa ::

to pa nima veze s css.. to pa boš moral preko kakega jezika.. recimo phpja in zamenjave znakov.
če si s kodami mislil tele zadeve:
®
oziroma zajebal sem.. no niti nisem.. eno je da kodo prikazuješ znotraj <code> ali pa <pre> tagov.. drugo kar pa je.. pa da spet.. poiščeš tabelo znakov in jih pretvarjaš tak da se bojo prikazovali.

Zgodovina sprememb…

  • spremenil: CaqKa ()

kriko1 ::

Jaz bi pa rad predelal zase slo-tech. Preletel sem turorial o css, vendar mi zgornje slike v tabeli (topslika) ne uspe zamenjat.

Naredil sem takole:

td.topslika {
display:none;
background-image: url(http://slike.slo-tech.com/2830.jpg);
}

Vse kar sem naredil je to da jo odstrani, če pa imam samo bakground-image, potem ni efekta, oz. se slika prikaže nekako "za" slo-tech sliko.

njok ::

Na pamet, upam da bo delalo:

td.topslika {
background....
}

td.topslika img {
display: none;
}

kriko1 ::

Ne, noče. Samo vrstico sprazne:

tr.topslika img {
display: none;
}

tr.topslika {
background-image: url(http://files.myopera.com/kriko/style/to...
}

pod "tr.topslika" sem poskusil še dodati:
height: 200px;

in se lepo zgornja vrstica razširi, vednar vsebuje neke sive črtice, tako kot v menijih ob strani. Mogoče to blokira prikaz slike?

Zgodovina sprememb…

  • spremenil: kriko1 ()

njok ::

Meni dela:

td.topslika {
background-image:url('http://slike.slo-tech.com/28240.jpg');
}

td.topslika img {
visibility: hidden; /* ne rabis se zezat z heightom */
}


Priporocam Firebug ali kaksno podobno orodje, prisparas kup dela.

kriko1 ::

Hvala, visibility:hidden je to kar sem rabil. display:none zgleda prav sprazne vse skupaj.

Road Runner ::

seveda sprazni :) display:none je enako kot da elementa sploh ne bi bilo, zato se ti zmanjsa celica (td in ne tr).
http://dusan.fora.si/blog/ (742617000027)

PerS ::

rad bi stran oblikoval tako, da bi najprej izpisovala vsebino, nato šele menije in ostalo. Vendar mi menije vsakič vrže pod vsebino, ne pa da bi jih postavilo levo in desno kamor spadajo.
Koda
<html>
<head>
<style type="text/css">
<!--
#glava {border:1px solid #000000; width:1000px; height:150px;}
#vsebina {border:1px solid #000000; margin-left:200px; margin-right:200px; width:600px; height:400px;}
#menu1 {float:left; width:160px; height:auto;}
#menu2 {float:left; margin-left:840px; width:160px; height:auto;}
#noga {border:1px solid #000000; width:1000px ;height:25px; clear:both;}
-->
</style>
</head>
<body>
	<div id="glava">glava</div>
	<div id="vsebina">Vsebina</div>
	<div id="menul">Menu1</div>
	<div id="menu2">Menu2</div>
	<div id="noga">noga</div>
</body>
</html>

kakšen predlog kaj popraviti v CSS dobrodošel :)

Ziga Dolhar ::

Za začetek,

ali
a) dodaj floatanje vsebini, ali
b) se posluži pozicioniranja (position: absolute...)
https://dolhar.si/

PerS ::

no sem naredil s tem pozicioniranjem, sedaj mi dela težave le še tretji stolpec.. Stran je široka 1000px, in če dam left: 840px se ne razteza skupaj s stranjo. tukaj je trenutna koda:

<html>
<head>
<style type="text/css">
<!--
#podlaga {width:1000px; margin-left:auto; margin-right:auto; }
#glava {border:1px solid #000000; width:1000px; height:150px;}
#vsebina {position:relative; left:170px; width:660px; border:1px solid #ff0000; }
#menu1 {position:absolute; width:170px; top:160; border:1px dashed #000000; }
#menu2 {position:absolute; width:170px; top:160; left:840px; border:1px dashed #000000;	}
#noga {border:1px solid #000000; width:660px; height:25px; }

-->
</style>
</head>
<body>
<div id="podlaga">
<div id="glava"></div>
<div id="vsebina">vsebina<br />vsebina<br />vsebina<br />vsebina<br />vsebina<br />vsebina<br />vsebina<br /></div>
<div id="menu1">povezave<br />povezave<br />povezave<br /></div>
<div id="menu2">povezave</div>
<div id="noga">noga</div>
</div>
</body>
</html>

dejanslo ::

hm, če se prav spomnim, se position obravnava glede na višji element, ki je pozicioniran. to pomeni, da bi moral podlagi dat position:relative brez koordinat.
There`s More Than One Way To Do It

Jackass ::

Potreboval bi eno pomoč glede prekrivanja layerjev. Se trudim že nekaj časa, vendar mi ne uspe pozicionirati layerja na željeno mesto.

HTML:


< div id = "glavni">

< div id= "domov_kontakt">< /div> //želim, da je ta layer nad ostalimi layerji znotraj div#glavni in da je v zgornjem desnem kotu tega div#glavni
< div id= "zgoraj">< /div>
< div id= "banner">< /div>
< div id= "meni">< /div>
< div id= "osrednji">< /div>

< /div>



CSS:

#glavni{
margin: 0 auto;
width: 760px;
background-color: #151515;
text-align: left;
z-index: 0;
}
#domov_kontakt{
z-index: 1;
width: 332px;
height: 83px;
background-image: url(images/home_contact_back.jpg);
position: relative;
top: 0px;
right: 0px;
margin: 0px;
}
#zgornji{
height: 45px;
z-index: 0px;
border: #00FF00 1px solid;
}
#banner{
height: 365px;
background-image: url(images/banner.jpg);
z-index: 0px;
}
#meni{
height: 66px;
background-image: url(images/meni_ozadje.jpg);
z-index: 0px;
}

#osrednji{
height: 400px;
z-index: 0px;

}
jAcKaSS

Zgodovina sprememb…

  • spremenil: Jackass ()

dejanslo ::

z-indexom si dal enoto px :D
ne vem več, kako je z content flow-om pri uporabi layeryev, menda boš pa moral kako pozicijo več določit. morda bi blo tudi bolj preprosto, da bi domov_kontakt vzel izven glavni (glej podpis)..
There`s More Than One Way To Do It

Jackass ::

U tole s px pr z-indexu je pa čist avtomatsko k sm sočasno še dimenzije določvou. Hvala! Sam sej drgač to ničesar ne spremeni, ker je itak z-index po defaultu 0.
jAcKaSS

Road Runner ::

tvoja prvotna koda je bila naceloma se kar ok. Pozabil pa si, da mora biti element ki je floatan (npr. float:left) v kodi pred elementom, ob katerem naj je postaljen, ne za.

Se ena stvar ki jo pozabljas je, da element lahko lepis tudi na desni rob. Torej, right:0; ali float:right;
http://dusan.fora.si/blog/ (742617000027)

PerS ::

@ dejanslo: hvala, tole je pomagalo :)

Jackass ::

Aja morda sem pozabil napisat, kako izgleda stvar pri sedanji kodi. Sedaj je div#zgornji raztegnjen v njem pa je div#domov_kontakt. To obnašanje mi sploh ni razumljivo.
jAcKaSS

Jackass ::

Sedaj mi je uspelo rešit zadevo, ugotovil sem, da moram div#domov_kontakt določit margin-bottom: -83px (torej toliko, kolikor je višina tega layerja).

A jaz kaj delam narobe al je ta CSS mal butast. Upam, da prvo.
jAcKaSS

KmelJo ::

Imam en problem, in sicer mi v FF ne prikaže enako kot v IE. V IE prikaže tako, kot bi moralo biti, v FF pa naredu prostor vmes (vidno na slikah!)
FF:


IE:


HTML koda je sledeča:

< tr >
< td >
< table > < tbody >
< tr >
< td align="left" width="156">< a href="index.php?a=1">< img src="h1.gif" alt="S1" border="0" width="100%">< /a >< /td >
< td align="left" width="156">< a href="index.php?a=2">< img src="h2.gif" alt="S2" border="0" width="100%">< /a >< /td >
< td align="left" width="156">< a href="index.php?a=3">< img src="h3.gif" alt="S3" border="0" width="100%">< /a >< /td >
< td align="left" width="156">< a href="index.php?a=4">< img src="h4.gif" alt="S4" border="0" width="100%">< /a >< /td >
< td align="left" width="156">< a href="index.php?a=5">< img src="h5.gif" alt="S5" border="0" width="100%">< /a >< /td >
< /tr >
< /tbody >< /table >
< /td >
< /tr >

< tr style="height: 26px;">
< td colspan="2">
< table id="mainmenu" border="0" cellpadding="0" cellspacing="0">< tbody >
< tr style="background: transparent url('ozadje3.gif') repeat-x scroll 0%;">
< td >< a href="index.php?xxx">xxx< /a >< /td >
< td >< a href="index.php?xxx">xxx< /a >< /td >
< td >< a href="index.php?xxx">xxx< /a >< /td >
< td >< a href="index.php?xxx">xxx< /a >< /td >
< td >< a href="index.php?xxx">xxx< /a >< /td >
< td >< a href="index.php?xxx">xxx< /a >< /td >
< td >< a href="index.php?xxx">xxx< /a >< /td >
< /tr >
< /tbody > < /table >
< /td >
< /tr >


CSS:
#mainmenu {
width: 100%;
margin: 0;
padding: 0;
}

#mainmenu tr {
height: 26px;
}

#mainmenu tr td {
font: bold 12px Arial;
color: #ffffff;
padding: 0 5px 0 5px;
text-align: center;
white-space: nowrap;
}

#mainmenu tr td a {
color: #ffffff;
text-decoration: none;
}
------------------------------------------------------------
ali kdo mogoče vidi rešitev tega problema? Mislim da je problem v CSS-u, nevem pa kje!
Ni važn', kdo zmaga, sam' da mi ne zgubimo!!!

bluefish ::

Kako izdelati oz. pozicionirati meni tako (vertikalno), kot je na sliki? Seveda brez uporabe slik za gumbe. Zanima me oboje - CSS in X(HTML) del.



P.S.: naj moderator nekaj naredi v zvezi s povečavo slike na forumu, saj je original veliko manjši.

Zgodovina sprememb…

  • vrnil v prejšnje stanje: Ziga Dolhar ()

njok ::

Brez slike se ne gre. Za writing-mode bo potrebno pocakati na CSS3.

Road Runner ::

KmelJo: Mislim da je problem ze v pristopu. Za nekaj kar zahteva 6 elementov si porabil en kup nepotrebne kode. Ne recem da se tega tako ne da narediti, je pa prevec kompleksno da bi lahko takole na uc ti povedal kaj je narobe

blueFish: Rotacija teksta zal ni mogoca. Morda bo to prinesel css3 (sicer dvomim) ampak trenutno bo treba stvari resiti s slikami.

edit - Me je prehitel njok, ocitno css3 prinasa tudi to. "Glyph orientation" mislim da bo to...
http://dusan.fora.si/blog/ (742617000027)

Zgodovina sprememb…

bluefish ::

aha, tako torej. Kdaj pa lahko približno pričakujemo podporo za ta standard? Izid FF3 in IE8?

njok ::

Browserji pocasi pridobivajo CSS3 module, vendar se sama CSS3 specifikacija ni koncana tako da je tezko karkoli rect. Preden bodo lahko developeji mirne duse uporabljali novosti bo pa preteklo se kar nekaj casa.

kriko1 ::

Se da mogoče iz obstoječega elementa (recimo slike) ustvarit link?

Gandalfar ::

sliko das v anchor tag?

R33D3M33R ::

Pozna kdo kak dober brezplačni CSS/HTML urejevalnik, po možnosti z autocomplete za CSS. TopStyle lite recimo ima CSS autocomplete, samo to, da HTML kode sploh prepozna ne (predogled izgleda strašno) je pa malo preveč.
Moja domača stran: http://andrej.mernik.eu
Na spletu že od junija 2002 ;)
:(){ :|:& };:

Road Runner ::

Aptana je se kar ok...
http://dusan.fora.si/blog/ (742617000027)

R33D3M33R ::

Sem probal, vendar se na Linuxu zadeva nesramno dolgo zaganja, je počasna in pri new CSS file se sesuje. Bom preizkusil še windows verzijo. Programa pa ne rabim zase, ampak za namene enega vodiča.
Moja domača stran: http://andrej.mernik.eu
Na spletu že od junija 2002 ;)
:(){ :|:& };:

Hair ::

Quanta Plus je vredu...
Whenever people agree with me, I feel I must be wrong.

Jackass ::

Mene pa zanima kako se s CSS-jem zagotovi, da vsebina v nobenem primeru raztegnila div-a, ki ima določeno fiksno širino?

Imam namreč phpBB forum, ki je vsebovan v div-u vsebina. Kadar kakšen uporabnik napiše vrstico brez presledkov, ki presega fiksno širino, se vse skupaj raztegne preko te fiksne širine in uniči izgled strani.
jAcKaSS

Ziga Dolhar ::

Max-width, ali overflow: auto.
https://dolhar.si/

urosbe ::

Že nekaj ur se zafrkavam z ozadjem input oz. textarea kontrole, sedaj pa ugotovim, da je identična napaka tudi na ostalih spletnih straneh, ki uporabljajo slikco za ozadje textbox-a.

Odpri www.partis.si ali www.blink.si l v IE7 in sicer prijavno okno, kamor vneseš up.ime in geslo ter v uporabniško ime vpiši MMMMMMMMMMMMMMMMMMMMMMMMMMMMMM, torej toliko črk, da pride skrajno desno pa še mal čez... in poglej kaj se zgodi z ozadjem-slikco :)

Napako naj bi odpravil s tem, da daš atribut FIXED:
background: url(textbox.png);
background-repeat: no-repeat;
background-attachment: fixed;
... vendar ko to narediš, IE7 ne zna več prikazati slikce...
Če postaviš atribut na "background-repeat: repeat" pa ugotoviš kaj se dejansko zgodi... slikco prestavi v skrajni levi zgornji kot brskalnika.

Kakšen nasvet?

Zgodovina sprememb…

  • spremenil: urosbe ()

njok ::

Moj nasvet je, da te elemente pustis (skoraj) na miru. Uporabnik je navajen na bolj ali manj konsistenten izgled cez celoten sistem in ce bos zadeve prevec spreminjal bogi uporabnik ne bo vec vedel kaj gleda in se bo zmedel.

overlord_tm ::

Klik!

Mi zna kdo razlozit, zakaj se ta stran v IE enkrat prikaze prav, enkrat narobe, odvisno kako resizaš okno. Govorim za IE6, do 7 se nisem prišel :)

Road Runner ::

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

overlord_tm ::

Nima veze, tisti errorji so bili zaradi ene na hitro dodane slike ... se vedno isto.

Road Runner ::

Na tvojem mestu bi problem iskal pri tistih negativnih marginih floatanih elementov, s sirino v procentih. Ta zadeva kar klice po problemih, ce ne na IE pa kje drugje :)

Navadno je fino izogibati se floatanim elementom v dizajnu, saj je s temi najvec problemov v razlicnih browserjih. V tvojem primeru se da zadevo resiti veliko bolj elegantno - uporabi stari "margin:0 auto" trik za horizontalno centriranje in znotraj elementa postavi pravilno ozadje. Tako se bos ognil tezavam s cssjem in prevelikemu stevilu div elementov.
http://dusan.fora.si/blog/ (742617000027)

R33D3M33R :: 

<p style="text-align:justify">To besedilo je enakomerno razporejeno med desno in levo stranjo</p>


Tole ne deluje kot bi si želel. Niti če dodam width:100%. Kaj delam narobe?
Moja domača stran: http://andrej.mernik.eu
Na spletu že od junija 2002 ;)
:(){ :|:& };:

Road Runner ::

Najbrz je teksta samo eno vrstico? Justify vedno "povpreci" vse vrstice, razen zadnje. Full justify, tudi za zadnjo vrstico pa v htmlju ne gre.
http://dusan.fora.si/blog/ (742617000027)
««
16 / 26
»»

Vredno ogleda ...

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

poravnava li elementov

Oddelek: Izdelava spletišč		82169 (2034) boss-tech
»

Wampserver in Firefox

Oddelek: Izdelava spletišč		61873 (1753) jonystar
»

CSS problemi (strani: 1 2 )

Oddelek: Izdelava spletišč		519924 (7723) nuuush
»

[CSS]Pozicioniranje footer diva

Oddelek: Izdelava spletišč		62479 (2426) amaze646
»

CSS background-image in IE6?

Oddelek: Izdelava spletišč		133096 (2962) Road Runner

Več podobnih tem