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.
mare_ ::
Uf, pa res. Očitno po nepotrebnem kompliciram :) Hm, kako bi pa dodal tisto ozadje okoli radio gumba?
Road Runner ::
ena varjanta je da LI-ju das za ozadje nek ~30px sirok in 1px visok gif, ter mu dolocis background-repeat:repeat-y da ga ponavlja samo po y osi
za resitev z malce vec cssja in brez slike, pa lahko probas tole
tu sem se trudil da sem html obdrzal lep. css je malce ne-lep, ampak osebno imam raje lep html, saj mora biti ta uporaben tudi brez cssja.
prednost slike je da je sam css lepsi in najbrz deluje povsod. druga varjanta naj bi sicer prav tako delovala povsod, ampak nikoli ne ves... prednost druge varjante je predvsem ta, da nimas dodatne slike in da je radio box horizontalno centriran v modrem polju
za resitev z malce vec cssja in brez slike, pa lahko probas tole
tu sem se trudil da sem html obdrzal lep. css je malce ne-lep, ampak osebno imam raje lep html, saj mora biti ta uporaben tudi brez cssja.
prednost slike je da je sam css lepsi in najbrz deluje povsod. druga varjanta naj bi sicer prav tako delovala povsod, ampak nikoli ne ves... prednost druge varjante je predvsem ta, da nimas dodatne slike in da je radio box horizontalno centriran v modrem polju
http://dusan.fora.si/blog/ (742617000027)
Zgodovina sprememb…
- spremenil: Road Runner ()
mare_ ::
Hm, ok. Verjetno bom dal kar tole drugo varjanto. Pri tisti sliko bi znale nastati težave pri različnih resolucijah, ne bi?
drugače pa najlepša hvala za pomoč ;)
drugače pa najlepša hvala za pomoč ;)
dejanslo ::
a se da nardit, da maš za ozadje neko sliko in se ta razteguje glede na širino/dolžino elementa?
There`s More Than One Way To Do It
Road Runner ::
mare_: resolucije nebi delale tezav. problem je, da ne ves kaksno sirino zavzame radio box, saj je od browserja do browserja razlicna, ne da pa se je nastavljati s cssjem
dejanslo: ne
dejanslo: ne
http://dusan.fora.si/blog/ (742617000027)
PerS ::
#banner728{
margin-left:auto;
margin-right:auto;
margin-top:10px;
width:728px;
height:90px;
border:1px solid #0066CC;
text-align:center;
}
ta koda, mi v mozilli pravilno postavi ta div na sredino okna, neglede na velikost le-tega. V IE pa ga postavi v levi kot. Kaj je tu za narediti?
margin-left:auto;
margin-right:auto;
margin-top:10px;
width:728px;
height:90px;
border:1px solid #0066CC;
text-align:center;
}
ta koda, mi v mozilli pravilno postavi ta div na sredino okna, neglede na velikost le-tega. V IE pa ga postavi v levi kot. Kaj je tu za narediti?
urban99 ::
zunanjemu elementu moraš dat "text-align: center;"... recimo body-ju. Samo potem moraš naslednikom povrnit alignment "left"...
sverde21 ::
Eto jst mam tud eno (mal bolj advanced) vprašanje:
V CSS-ju imam narejeno "foro" iz wikipedije, da mi slikco zraven linka pokaže:
<a href="pac_nek_link.htm">[HTM]</a>
Jst bi hotu zdej vsem linkom, ki so v obliki [neka_končnica] spremenit font v recimo Courier New.
Se da to spedenat z samim CSS-jem al bom mogu z PHP-jem classe štepat zravn linkov?
V CSS-ju imam narejeno "foro" iz wikipedije, da mi slikco zraven linka pokaže:
a[href ^="http://"] {
background: url(slikca.png) center right no-repeat;
padding-right: 13px;
}
Zj me pa zanima če bi se dal naredit tak, da če imam jst link takle:<a href="pac_nek_link.htm">[HTM]</a>
Jst bi hotu zdej vsem linkom, ki so v obliki [neka_končnica] spremenit font v recimo Courier New.
Se da to spedenat z samim CSS-jem al bom mogu z PHP-jem classe štepat zravn linkov?
<?php echo `w`; ?>
Road Runner ::
CSS3 selectors - podpora v browserjih je dalec od popolne.
pac najbrz bi reku nekej v stilu a:contains("["):contains("]")
ce bi to sploh v katerem browserju delal nevem. pa tud ce bi ni cist popolno. css je vseeno micken omejen :)
pac najbrz bi reku nekej v stilu a:contains("["):contains("]")
ce bi to sploh v katerem browserju delal nevem. pa tud ce bi ni cist popolno. css je vseeno micken omejen :)
http://dusan.fora.si/blog/ (742617000027)
sverde21 ::
Jah sm sprobu, pa ne dela niti v Firefoxu, ki bi naj kao meu največ CSS3 podpore. Zgleda de bo treba na CSS3 počakat .
Aja BTW če jst prov razumem mi bo a:contains("["):contains("]") matchal tud <a>[]</a> ali pa <a>][</a>?
Jst pa rabm matchat ~= /\[[\w]{3,}\]/si .
EDIT: mal sm (še) zakompliciru RegEx
Aja BTW če jst prov razumem mi bo a:contains("["):contains("]") matchal tud <a>[]</a> ali pa <a>][</a>?
Jst pa rabm matchat ~= /\[[\w]{3,}\]/si .
EDIT: mal sm (še) zakompliciru RegEx
<?php echo `w`; ?>
Zgodovina sprememb…
- spremenil: sverde21 ()
Road Runner ::
prov razumes. matchu ti bo ubistvu tud <a>Lorem ] Ipsum [ dolor</a>
sej pravm da ni popolno :)
tko da mislm da bo treba kr na serverju se tega lott, sej regex pa vidm da ti gre :D
mogoc bi ti edin priporocu da ze ko tekst vnasas preverjas, da ne bos pri vsakem izpisu cez gore texta regex laufu. enkrat sm delu s phpjem neki podobnega (ampak sem text rabil pretvort samo enkrat, ne za vsak ogled) pa zadeva ni bla lih instant
sej pravm da ni popolno :)
tko da mislm da bo treba kr na serverju se tega lott, sej regex pa vidm da ti gre :D
mogoc bi ti edin priporocu da ze ko tekst vnasas preverjas, da ne bos pri vsakem izpisu cez gore texta regex laufu. enkrat sm delu s phpjem neki podobnega (ampak sem text rabil pretvort samo enkrat, ne za vsak ogled) pa zadeva ni bla lih instant
http://dusan.fora.si/blog/ (742617000027)
Road Runner ::
no, varjanta bi bla tud da gres z javascriptom to delat, po tem ko se stran naloada. problem bi pa bil da bi se text naloadu, izrisu, potem bi se su javascript izvajat in bi del texta zamenju za monospaced. s tem bi se vrstica razsirla in bi se drugac lomila in bi cel text skocu. tko da bi znal cudn zgledat... :)
http://dusan.fora.si/blog/ (742617000027)
sverde21 ::
Sm že razmišlu tud o JS ampak poleg tega, da bi znau besedil skakat je problem, da imajo nekateri JS izklopljen, jst hočem naredit stran, ki dela tud brez JS
<?php echo `w`; ?>
njok ::
Meni se JS zdi kot nalasc za take primere glede na to, da je to minimalna izboljsava strani in ne osnovna funkcionalnost.
snow ::
> Se da to spedenat z samim CSS-jem al bom mogu z PHP-jem classe štepat zravn linkov?
Javascript probaj. Recimo s jQuery knjižico.
Javascript probaj. Recimo s jQuery knjižico.
Random mutation plus nonrandom cumulative natural selection - Richard Dawkins
cewapcic ::
malo sem pogledal tutoriale, ki opisujejo css in zacel delat neko spletno stran in sproti preverjal kako zgleda v mozilli FF
ko pa sem jo zagnal z IE oz Opero pa sem videl da je stran cisto drugacno prikazana in da moj IE sploh ne podpira :fixed
lol
kako se da narediti da bom dobil v vseh spletnih browserjih dobil enako stran?
ko pa sem jo zagnal z IE oz Opero pa sem videl da je stran cisto drugacno prikazana in da moj IE sploh ne podpira :fixed
lol
kako se da narediti da bom dobil v vseh spletnih browserjih dobil enako stran?
Road Runner ::
tako, da uporabljas css za katerega ves da deluje na vseh brskalnikih. Na zacetku delas s poskusanjem, scasoma pa ves kaj kje deluje in kaj ne, tako da se hitro lahko izognes napakam.
http://dusan.fora.si/blog/ (742617000027)
bluefish ::
Road Runner ::
btw: veliko ljudi zmotno misli da ce gre nekaj cez validator bi pa moglo delovati povsod enako. to ni res, tako da se ne veseli prehitro ;) validator samo pove da si uporabljal "funkcije" ki res obstajajo in si nisi izmislil svojih. ce pa to browser tudi pravilno prikaze je pa precej tezje vprasanje ;)
http://dusan.fora.si/blog/ (742617000027)
bluefish ::
to vem, saj sem tudi sam imel določene težave s prikazom Firefox/IE in jih tudi validator ni odpravil. Se pa lahko nekaterih težav rešiš ravno z njegovo uporabo, saj mnogi nepravilno zaključijo sintakse, pozneje pa se vse "sesuje" in prične se dolgotrajno iskanje napak.
Vsekakor pa s pridobivanjem izkušenj lažje odkriješ, kje je napaka v kodi, ki škodi pravilnemu prikazu strani.
Vsekakor pa s pridobivanjem izkušenj lažje odkriješ, kje je napaka v kodi, ki škodi pravilnemu prikazu strani.
Jackass ::
Živjo!
Ubadam se s problemom, kako naresti preprost horizontalni meni, pri katerem bodo elementi menija imeli napis ne-krepko (ne bold - normal), ko bom šel z miško čez oz. ko bo povezava aktivna, pa s krepko (bold). Želim pa, da so elementi menija enakomerno razmaknjeni (npr. 20px narazen).
Razmak sem določil tako, da sem vsakemu elementu nastavil "margin-left: 20px;". Problem se pojavi, ko grem z miško čez, oz. ko je element menija aktiven, saj se s spremembo debeline pisave vsi desni elementi (od tega elementa, ki je spremenil debelino) nekoliko premaknejo. Ostala izvedba ni problem.
Zanima me, kako naj naredim meni, da bodo elementi enakomerno razmaknjeni in da bodo ob spremembi debeline pisave ostali na miru?
Ubadam se s problemom, kako naresti preprost horizontalni meni, pri katerem bodo elementi menija imeli napis ne-krepko (ne bold - normal), ko bom šel z miško čez oz. ko bo povezava aktivna, pa s krepko (bold). Želim pa, da so elementi menija enakomerno razmaknjeni (npr. 20px narazen).
Razmak sem določil tako, da sem vsakemu elementu nastavil "margin-left: 20px;". Problem se pojavi, ko grem z miško čez, oz. ko je element menija aktiven, saj se s spremembo debeline pisave vsi desni elementi (od tega elementa, ki je spremenil debelino) nekoliko premaknejo. Ostala izvedba ni problem.
Zanima me, kako naj naredim meni, da bodo elementi enakomerno razmaknjeni in da bodo ob spremembi debeline pisave ostali na miru?
jAcKaSS
Road Runner ::
mislim da drugace kot da fiksno definiras sirino vsakemu linku posebej (v em) ne bo slo
http://dusan.fora.si/blog/ (742617000027)
KmelJo ::
se strinjam z road runner-ju :)
fiksiranje je rešitev!
fiksiranje je rešitev!
Ni važn', kdo zmaga, sam' da mi ne zgubimo!!!
jkocja5 ::
zanima me, če se da v CSS-ju naredit link do neke strani
jaz imam v glavi spletne strani neko sliko in bi rad dosegel, da se ob kliku poveže na drugo stran
kako to naredim?
jaz imam v glavi spletne strani neko sliko in bi rad dosegel, da se ob kliku poveže na drugo stran
kako to naredim?
ivljenje ni praznik,
je olski dan
KmelJo ::
to je potrebno narediti v html kodi, in sicer:
< a href="POVEZAVA" />< img src = "POT DO VIRA" />< /a>
primer:
< a href="index.php" />< img src = "slika.jpeg" />< /a>
< a href="POVEZAVA" />< img src = "POT DO VIRA" />< /a>
primer:
< a href="index.php" />< img src = "slika.jpeg" />< /a>
Ni važn', kdo zmaga, sam' da mi ne zgubimo!!!
KmelJo ::
kaj pa je HTML koda?
pač ne devaj presledkov za < , to je pa vse
pač ne devaj presledkov za < , to je pa vse
Ni važn', kdo zmaga, sam' da mi ne zgubimo!!!
bluefish ::
si naredil še nekaj drugin hapak v njej - a href tag se ne zaključi,...
pravilno bi bilo:
< a href="index.php" >< img src = "slika.jpeg" >< /a>
(seveda brez presledkov).
pravilno bi bilo:
< a href="index.php" >< img src = "slika.jpeg" >< /a>
(seveda brez presledkov).
Zgodovina sprememb…
- spremenil: bluefish ()
R33D3M33R ::
A st. koda tag pa ne zna nihče uporabljati?
<a href="index.php"><img src="slika.jpeg"></a>
Moja domača stran: http://andrej.mernik.eu
Na spletu že od junija 2002 ;)
:(){ :|:& };:
Na spletu že od junija 2002 ;)
:(){ :|:& };:
KmelJo ::
povej mi kje ti javlja napake?
včasih je treba absolutno/relativno pot navesti, ne pa samo ime fajla!
včasih je treba absolutno/relativno pot navesti, ne pa samo ime fajla!
Ni važn', kdo zmaga, sam' da mi ne zgubimo!!!
Road Runner ::
vsak element element moras zapreti, pa naj bo to s posebnim end tagom, ali v istem tagu (navadno elementi podpirajo samo enega izmed obeh nacinov)
http://dusan.fora.si/blog/ (742617000027)
njok ::
Elemente je IIRC potrebno zapirati samo za XHTML standarde (XML kompatibilnost) in pri vseh (ali vsaj vecini) lahko uporabis obe varianti zapiranja, le browserji imajo s tem tezave (FF za recimo <div/>, IE pa pri <script/>).
overlord_tm ::
Se da z cssjem resizat ozadje diva na širino userjevega browserja?
Recimo slika je široka ~1190px ... Resolucija trenutno 1024 (so mi poturili en k* CRT, kumi da človek vidi kaj je gor :p). Če dam div na širino 100%, sliko za ozadje se slika pikaže neresizana in jo par px na desni zmanjka.
Zadevo sem rešil tako, da sem naredil en div z z-index: -1, v ta div dodal img src="..." width="100%", potem pa čez div z vsebino.
Sedaj me pa zanima če obstaja kaka bol elegantna rešitev, da bi bila vsa ozadja definirana v CSSu, ali je to the only way?
Uglavnem, gre se mi za to, da bi lahko celoten desing strani zamenjal z cssom potem :)
Recimo slika je široka ~1190px ... Resolucija trenutno 1024 (so mi poturili en k* CRT, kumi da človek vidi kaj je gor :p). Če dam div na širino 100%, sliko za ozadje se slika pikaže neresizana in jo par px na desni zmanjka.
Zadevo sem rešil tako, da sem naredil en div z z-index: -1, v ta div dodal img src="..." width="100%", potem pa čez div z vsebino.
Sedaj me pa zanima če obstaja kaka bol elegantna rešitev, da bi bila vsa ozadja definirana v CSSu, ali je to the only way?
Uglavnem, gre se mi za to, da bi lahko celoten desing strani zamenjal z cssom potem :)
urban99 ::
hja... da se, ampak v resnici se ne da :)
Obstaja recimo css3 deklaracija background-size: 100%; ampak ne deluje v IE6 (če se ne motim, mogoče tudi kje drugje), kar pomeni, da bomo zadevo lahko začeli uporabljati šele okrog leta 2012 :)
Obstaja recimo css3 deklaracija background-size: 100%; ampak ne deluje v IE6 (če se ne motim, mogoče tudi kje drugje), kar pomeni, da bomo zadevo lahko začeli uporabljati šele okrog leta 2012 :)
Bangoo ::
Sam imam tale CSS
TD#menu_1 {
vertical-align: top;
width: 205px;
background-image: url(../images/menubackground.jpg);
background-repeat : no-repeat;
padding-top: 10px;
}
V IE ga prikaže tako kotr želim. Pri FireFoxu pa ga postavi na sredino polja, ki je namenjen za menu. Zsgleda tako kot da nebi upošteval vertical-align: top. Kako naj npišem CSS, da bo tudi v FireFox-u delovalo normalno?
TD#menu_1 {
vertical-align: top;
width: 205px;
background-image: url(../images/menubackground.jpg);
background-repeat : no-repeat;
padding-top: 10px;
}
V IE ga prikaže tako kotr želim. Pri FireFoxu pa ga postavi na sredino polja, ki je namenjen za menu. Zsgleda tako kot da nebi upošteval vertical-align: top. Kako naj npišem CSS, da bo tudi v FireFox-u delovalo normalno?
Bangoo ::
Glej mam nekak tko. Na levi strani mam dinamični menu. Odspodi sm prbližno skicirov. Zdej mi pa IE prikaže menu tm ko sm ga podčrtov. FireFox pa tm, ko ga nism. Jz bi mel pa rad, da bi ga v obeh primerih postavl tm k je podčrtan in ne na sredino. Zgleda da tale vertical-align:top ne dela v FireFoxu tko kot v IE.
---------------------------------------------
NASLOV
---------------------------------------------
MENU |
|
|
|
MENU |
|
|
|
---------------------------------------------
NASLOV
---------------------------------------------
MENU |
|
|
|
MENU |
|
|
|
dejanslo ::
določi ga še vrstici (tr). nisem ziher, mislim pa da je to to
There`s More Than One Way To Do It
Road Runner ::
tr nima veze s tem.
kaj pa je ta menu, zgolj text, ali block level element kot npr. div? vertical-align deluje le na inline elemente (npr. tekst) in to pravilno tako v ie kot v ff. v ie pa vertical-align in text-align delujeta tudi na block level elemente (npr. div), kar seveda ni pravilno.
Seveda pa se vedno velja, da ti precej laze pomagamo ce pokazes primer kode.
kaj pa je ta menu, zgolj text, ali block level element kot npr. div? vertical-align deluje le na inline elemente (npr. tekst) in to pravilno tako v ie kot v ff. v ie pa vertical-align in text-align delujeta tudi na block level elemente (npr. div), kar seveda ni pravilno.
Seveda pa se vedno velja, da ti precej laze pomagamo ce pokazes primer kode.
http://dusan.fora.si/blog/ (742617000027)
Bangoo ::
Ja v bistvu je blok level element. Kako bi pa pol naredu da mi bi blok poravnal na zgornji rob?
Vredno ogleda ...
Tema | Ogledi | Zadnje sporočilo | |
---|---|---|---|
Tema | Ogledi | Zadnje sporočilo | |
» | poravnava li elementovOddelek: Izdelava spletišč | 2177 (2042) | boss-tech |
» | Wampserver in FirefoxOddelek: Izdelava spletišč | 1874 (1754) | jonystar |
» | CSS problemi (strani: 1 2 )Oddelek: Izdelava spletišč | 9926 (7725) | nuuush |
» | [CSS]Pozicioniranje footer divaOddelek: Izdelava spletišč | 2483 (2430) | amaze646 |
» | CSS background-image in IE6?Oddelek: Izdelava spletišč | 3098 (2964) | Road Runner |