☰

» »

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.

««
6 / 26
»»

veteran ::

Ja, saj se da vse te luknje poklepat. ;) Tole bo še zabavno, ko bo prišel IE7. Če bo IE7 delal 'pravilno' in obenem ignoriral css hacke za IE6, bo vse OK; ampak IMHO tega ne gre pričakovati od M$, ker že zdaj tumbajo naj uporabljamo conditional-comments in serviramo en kup css-ov.

Pri (4) samo overflow:visible ni dost za IE5.0, je treba še širino določit, npr width:95%; w\idth:auto;

Jackass ::

Živjo!

Js mam en CSS problem. Naredu sm meni, meni kot je napisan pod tole povezavo, ampak zdej en vem kkao nej nardim, da ko kliknem na povezavo (torej aktivna povezava), da bo ta obarvana drugače.

Link: Izdelava menija
jAcKaSS

Hair ::

a:active { /*koda*/ }

Lp!
Whenever people agree with me, I feel I must be wrong.

Jackass ::

Moja CSS koda:

< style type="text/css">
#menu {
font-family: Arial;
clear:left;
float:left;
clear:right;
width:150px;
margin:0 0 0 0;
padding:0;
font-size:14px;
}

#menu ul {
list-style:none;
width:150px;
margin:0 0 0 0;
padding:0;
font-size:14px;
}

#menu li a{
font-weight:bold;
height:21px;
text-decoration:none;
color:#FFFFFF;
display:block;
text-align:left;
padding:4px 0px 0px 20px;
margin: 0 0 0 0;
background:#086867;
}

#menu li a:hover {
background:#A5CD48; /*zelena*/
color:#086867;
}
#menu li a:active {
background:#A5CD48; /*zelena*/
color:#086867;
}

< /style>

Stran imam narejeno v html-ju, le notri sem vključil php kodo za include osrednje strani.

Moja opažanja:
Če se mi prav dozdeva, se vsakič ko se includa stran, celotna stran naloži ponovno. Ali je možno, da zato ne deluje?

Kot drugo se mi pa zdi, da to v Mozilli ne deluje najbolj pravilno. Namreč tudi če dam link na stran, ki se odpre v novem oknu (torej se celotna stran ne obnovi), se link ne obarva, medtem ko se v IE v tem primeru obarva.
jAcKaSS

Ziga Dolhar ::

Dej se že odloč, kero od dveh tem boš uporabljal, no ... ker je mal iritirajoče vzporedno odgovarjat v dve.
https://dolhar.si/

Jackass ::

Ziga Dolhar: Jah sori, sam k tm ni nobenga odogvora več, oz. sodelujeva samo še 2, pa sm reku, da bom še tle vprašu, če mogoče kdo, ki bi vedu na to odgovor, ni zašel v uno temo.
jAcKaSS

Road Runner ::

glede na tvoje poste rabiš predvsem razlago spletnih tehnologij nasplošno in ne css pomoč. nebi se v tej temi ukvarjal s tem no.
http://dusan.fora.si/blog/ (742617000027)

njok ::

Problem je bil obravnavan že na 1. strani te teme (29.03.2005 16:57:29).

[Some1Else] ::

Thanks to Internet Explorer, CSS isn't hard at all!
--
Srđan Prodanović, www.some1else.org

Krejzk ::

zanima me, kako nastavim da se spletna stran v vseh brskalnikih postavi na sredino in kako naredim okoli strani rob, recimo rob pravokotnika?

Road Runner :: 


 <body>
 <div class="container">
 ...
 </div>
 </body>


ter


 body { text-align:center; }
 .container { margin:0 auto; width:30em; border:2px solid red; }


sth like that... :>
http://dusan.fora.si/blog/ (742617000027)

Zgodovina sprememb…

Krejzk ::

Tole mi deluje samo v IE, ko pa stran pogledam v mozilli in operi, pa ne dela.
kaj moram naredit, da bo se tam delovalo?

Iztok Smolic ::

Probaj tole:
<html>
<head>
<style type="text/css">
body{
text-align:center; /* za IE */
}
#main {
margin-left: auto; /* za FF */
margin-right: auto; /* za FF */
text-align:left; /* da vrnes nazaj na left oz kar hoces */
width:500px; /* sirina strani */
border:#000066 1px solid; /* rob strani */
}
</style>
</head>
<body>
<div id="main">
tvoja spletna stran :)
</div>
</body>
</html>


Am a cem naredit en tutorial za neko cist osnosvno css stran? Se pravi da je na sredini, ima desni in levi meni, glavo, nogo in polje za vsebino. To so neki problemi k pridejo do vsakega začenika...
-----------/------------

Zgodovina sprememb…

Tody ::

Daj bomo pripopali v prvi post...

Road Runner ::

izisilver: to kar si napisal je enako kot to kar sem jaz napisal, razen text-align:left;

Krejzk: če ne dela si se zatipkal ali pa je težava drugje, ker zadeva dela.
http://dusan.fora.si/blog/ (742617000027)

Krejzk :: 

<style type="text/css">
body { text-align:center; }
 .container { margin:0 auto; width:30em; border:2px solid green; }
 
  #menu {
font-family: Verdana, Arial, Helvetica, sans-serif;
clear:left;
float:left;
width:235px;
margin:0 0 0 0;
padding:0;
font-size:0.9em;
}

#menu ul {
list-style:none;
width:150px;
margin:0 0 0 0;
padding:0;
font-size:3.5em;
}

#menu li a{
font-weight:bold;
height:40px;
text-decoration:none;
color:#d5edb3;
display:block;
padding:6px 0 0 12px;
background:#5c743d;
border-left:12px solid #d5edb3;
}

#menu li a:hover {
background:#99cc66;
color:#993300;
border-left:12px solid #993300;
}
<!--
.style1 {color: #993300}
.style3 {color: #993300; font-weight: bold; }
.style6 {font-size: 12px}
.style7 {
	font-size: 36px;
	font-family: "Times New Roman", Times, serif;
}
-->
</style>
</head>

<body >
<div class="container"
......
</div>
</body>


Tole je koda, pa tudi ce vstavim to kar je napisal izisilver mi isto dela samo v IE. Se komu sanja kaj je narobe?

Iztok Smolic ::

Hja kukr vidm bi mogla tvoja koda delat. Čak ti si naredu nov dokument in si dal noter samo mojo kodo in ti stvar ni delala v FF oz operi, samo v IE ? Katero verzijo pa imas FFja?
-----------/------------

Road Runner ::

probi dodat > v <div an...
http://dusan.fora.si/blog/ (742617000027)

Zgodovina sprememb…

Krejzk ::

mam verzijo 1.0.6. mozille

CaqKa ::

racerd ti pravi da nisi diva zaključil.

Iztok Smolic :: 

<div class="container"
......

upam da veš da manjka še >, pa da si to samo tako nakazal, kr drugače kr na w3schools.com - xhtml
-----------/------------

Zgodovina sprememb…

R33D3M33R ::

Na moji strani sem naredil polprozorni meni s uporabo CSS in gif. Zadevo sem izpeljal tako, da sem 50% črt pobarval belo ostalo je prozorno. Velikost gif slike je 10x10px. Problem nastane, ker stran v IE sedaj "šteka". V Operi in FF tega ni. V čem je trik? Bi lahko uporabil kak CSS hack (<!-[if_ie] fore)?
Moja domača stran: http://andrej.mernik.eu
Na spletu že od junija 2002 ;)
:(){ :|:& };:

Road Runner ::

"šteka"?
http://dusan.fora.si/blog/ (742617000027)

R33D3M33R ::

A ne več? Sem zdaj povečal tisti kvadratek na wXh = 100x10 pa mi še vedno šteka v IE (mam 1GHz CPU). Sicer manj, ampak ob scrollanju se zadeva zatika :(. Možno je da močnejši PCji zadevo dobro prenesejo, ampak moj definitivno noče gladko scrollat v IE.
Mislim da sem imel že enkrat podobne težave s polprozornim ozadjem pa sem mogel isto povečati velikost.
Kje je fora nimam pojma |O
Moja domača stran: http://andrej.mernik.eu
Na spletu že od junija 2002 ;)
:(){ :|:& };:

Road Runner ::

nimam pojma kaj hočeš povedat ampakm zaradi tega kakšna slika je v ozadju scrollanje ne more "štekati". ponavadi se zatika če uporabljaš fixed background.

tud gledaqm kle na enem ie tole stran pa nič ne vidim da bi štekal... edino kar je možno da zaradi tega črtkastega ozadja dobiš tak filing... optična varka al kako že..
http://dusan.fora.si/blog/ (742617000027)

R33D3M33R ::

Sem pogledal na enem drugem računalniku in res ne šteka, čeprav bi prisegel da prej je. Na tistem s katerega sem pisal ta post šteka. Čudno, pač krnekaj. Se opravičujem :8)
Moja domača stran: http://andrej.mernik.eu
Na spletu že od junija 2002 ;)
:(){ :|:& };:

sverde21 ::

No jst mam tud en style k me mal zajebava :8) :
<!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">
<head>
<title>&nbsp;</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250" />
<style type="text/css">
 #head {
	border: 1px solid black;
	padding: 5px;
	margin-bottom: 2px;
}

#meni-zgoraj {
	border: 1px solid black;
	padding: 5px;
	text-align: center;
	margin-bottom: 2px;
}

#meni-levo {
	float: left;
	border: 1px solid black;
	margin: 0;
	margin-right: 2px;
	padding: 5px;
}

.main {
	border: 1px solid black;
	padding: 5px;
}

#footer {
	border: 1px solid black;
	padding: 5px 5px;
	padding-right: 15px;
	vertical-align: top;
	text-align: center;
	margin-top: 2px;
}
</style>
</head>
<body>
 <div id="head">Glava</div>
 <div id="meni-zgoraj">meni zgoraj</div>
 <div id="meni-levo">meni<br />levo</div>
 <div class="main">Vsebina</div>
 <div id="footer">Noga</div>
</body>
</html>

In sicer že takoj v oči pade tisti meni na levi... nočem da mi gre čez nogo ampak da mi nogo odrine dol in hkrati tudi okno z vsebino potegne dol do noge... poleg tega se pa okno z vsebino in meni prekrivata :P jst bi rabu tam med obema oknoma 2px razmaka (margin sm probu pa odmakne od skrajno leve in ne od menija). :\
<?php echo `w`; ?>

Hair ::

Takole?
Whenever people agree with me, I feel I must be wrong.

Iztok Smolic ::

http://www.keithjbrown.co.uk/vworks/design/design_2.shtml

Tle mas lepo pojasneno.
-----------/------------

sverde21 ::

te rešitve so vse z podanim fiksnim widthom jst nočem widtha met not :| ker v primeru, da mam noter v meniji sam 1 črko (pretiravam) bo vse skupaj zgledal prešrok :P
<?php echo `w`; ?>

veteran ::

Pa nastavi širino menija v em.

Poglej še tale tutorial.

Road Runner ::

sicer nevem točno kako bi mogle stvari zgledat pa vse, ampak probi dodat tole..


 .main { float:left; }
 #footer { clear:both; }


clear da ti skensla vse floate, .main pa boš pomoje rabu floatat. čeprov je lepša rešitev da daš meniju neko relativno širino (width:20em) or such. pač predvidš kolk znakov odoka bo notr.
http://dusan.fora.si/blog/ (742617000027)

sverde21 ::

No zj mam tole:
#head {
	border: 1px solid #3366FF;
	padding: 5px;
	margin: 0 0 2px 0;
}

#meni-zgoraj {
	border: 1px solid #3366FF;
	padding: 5px;
	text-align: center;
	margin: 0 0 2px 0;
}

#meni-levo {
	float: left;
	border: 1px solid #3366FF;
	margin: 0 0 2px 0;
	padding: 5px;
	/*width: 150px;*/
}

.main {
	border: 1px solid #3366FF;
	float: left;
	/*margin: 0 0 2px 164px;*/
	margin: 0 0 2px 2px;
}

#footer {
	border: 1px solid #3366FF;
	padding: 5px;
	/*vertical-align: top;*/
	text-align: center;
	clear: both;
}


Zj tole mi je že kar všeč kar se tiče odmika od menija in od zgoraj, ampak .main bi rad mel raztegnjen čez celo stran :) , pa spodaj neki ne štima, v FF vredu prikaže 2px odmika od noge, v IE in v Operi pa 4px 8-O .

Damn a se ne morjo proizvajalci browserjev skup usedit pa mal uskladit tole ;(( .
<?php echo `w`; ?>

Zgodovina sprememb…

  • spremenil: sverde21 ()

Road Runner ::

it's the double margin bug ;> povsod kje imaš float v cssju določi zraven še display:inline; kar je po w3 sicer brez pomena, ampak ie pol prou prkazuje ;>
http://dusan.fora.si/blog/ (742617000027)

sverde21 ::

em tale display: inline; sm dodal pa ni nč drgač :\ ... Sicer me pa bl zanima kak raztegnat main okno do konca na desno :)
<?php echo `w`; ?>

Road Runner ::

poglej si tole pa prever če si prou dal vsem elementom. oziroma probi dt margin na 0 če bo pol to 0 na ie al 2px

tist do konca desno pa ne bo šlo če floataš pa da nimaš fiksne širine strani
http://dusan.fora.si/blog/ (742617000027)

sverde21 ::

Ja kak pa nej pol naredm tak layout, če ne morm raztegnt do knca?? :'(
<?php echo `w`; ?>

Road Runner ::

google for "css 2 columns", boš zvedel par trikov ;)
http://dusan.fora.si/blog/ (742617000027)

stefanel ::

Imam eno vprašanje. Kako naredim tri dive,ki so poravnani horizontalno, s tem da je levi poravnan skrajno levo, širok je 200px, content je zraven njega in je širok700px, desni pa je ob contentu in je širok 200px. Vsi pa morajo biti fiksni ne glede nato s kako velikim ekranom gledaš. Desno od desnega naj bi bil pazen prostor, če gledaš z 19 ali večjim ekranom.

Road Runner ::

float:left; width:...

osnove lejga...

sploh pa... 1100px široka stran? na čem si?
http://dusan.fora.si/blog/ (742617000027)

stefanel ::

sej mam narejene float:left; width:..., sam še zmerej se mi pri večjih monitorjih naredi prazen prostor med content in rightnav.
Content mam pa nastavljen margin za širino levega in desnega diva.
Za širino sm pa napamet napisu, delam za resolucijo 1024 x....

veteran ::

Rightnav odleti čisto na desno? Daš vse skupaj v en div, mu določiš širino, pa je.

stefanel ::

Hvala to je blo to.
Šala mala, če veš v katero stan gledat. Včasih maš rešitev pred nosom pa jo ne vidš

Road Runner ::

če vse tri floataš potem ne daš centralnemu nič margina. margin mu daš če centralnega ne floataš. tako pa ni čudno da ti jih razmakne če je pa margin umes ;))
http://dusan.fora.si/blog/ (742617000027)

JerKoJ ::

Recimo da zastopm std. template z glavo na vrhu , menijem in vsebino enega ob drugem in nogo na koncu (cez oba) - edin kar tuki nisem najdu je kako narest nogo na dnu ekrana.

torej sta nekako dve situaciji:
1. meni ni visok , vsebina ni visoka -> ozadja menija in vsebine sta razpotegnjena skoraj do dna ekrana, tam je noga
2. meni je visok, vsebina ni visoka (ali obratno)-> ozadje vsebine je razpotegnjeno do konca menija, takoj nato je noga
(visok pomeni da je tok vsebine, da ni vidna vsa brez uporabe scrolla)

nekako sumim min-height in height lastnosti sam ne znam skupi spravt

UPDATE: Najdu eno stran, ki to nardi
http://www.pmob.co.uk/temp/2col_main.htm
Pojav se seveda problem: v IE 6 je na koncu strani za 1 pixel placa (prostor je zapoljnen z container div)
Lahko kdo pogleda se v IE 5.5 pa pove kako zgleda

Zgodovina sprememb…

  • spremenil: JerKoJ ()

Road Runner ::

uporabna povezava če želiš testirati na starejših explorerjih
http://dusan.fora.si/blog/ (742617000027)

CaqKa ::

hribb tole v ie7 ne dela najbolje: Bojan Hribernik | CSS tehnika drsnih vrat (sliding door)

r5r ::

Zanima me, če je mogoče v css enega elementa vplivati na drugi element.

Imam slikico ter spodaj link. Ob postavitvi kazalca nad link, bi rad, da slikica dobi okvirček.
And it makes me wonder.

njok ::

Težko, s tako preprostim markupom. Mogoče bi šlo, če bi bil link pred sliko, na tak način: 
 a:hover+img {border: thin solid white}
Vendar mora imeti obiskovalec dovolj zmogljiv brskalnik, da se kaj zgodi (če sem sploh prav napisal).

Road Runner ::

sliko in text daš znotraj istega a taga in potem kličeš a:hover img

ko ti na ieju ne bo delal mal poklikaj sem
http://dusan.fora.si/blog/ (742617000027)
««
6 / 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šč		61845 (1725) 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