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.

20 / 26

pizdarija1 :: 25. apr 2009, 10:52

2) Nisem razumel najbolš? To je menu v divu, px delajo sm to ni to.
#settings {
list-style-type:none;
margin:0px;
padding:0px;
width:auto;
float:left;
height:100%;
border: 1px #C00 solid}

EDIT
1) Nedela, najdu sm display:table ki nardi to, je vredu?

Zgodovina sprememb…

spremenil: pizdarija1 (25. apr 2009 ob 11:06)

Drejcek :: 25. apr 2009, 19:30

Ker je knjig o CSS veliko, me zanima, če ve kdo katero je vredno kupit. Da je tut za mal bolj napredno rabo in ne samo za začetnika.
Zanima me tudi katera je taka knjiga o HTML-ju, seveda mal bolj za napredno rabo, ker osnove znam.
Angleščina ali slovenščina (v slednji je bolj malo takih knjig)

Zgodovina sprememb…

spremenil: Drejcek (25. apr 2009 ob 19:32)

Veron :: 26. apr 2009, 20:24

še eno vprašanje. Nadležni IE6 mi povzroča naslednje težave, razvidne iz slikce...

IE6

IE7

Problem je tale rdeča črta vmes...
css je:

<div style="background-color:#cc7f7f; height:5px; width:170px; margin-bottom:-5px"></div>

Zgodovina sprememb…

spremenil: Veron (26. apr 2009 ob 20:26)

Veron :: 2. jun 2009, 22:02

^^ tole zgoraj sem uredil, enostavno nastabil border:5px solid #barva

drug problem: page

Meni, kjer je žoga prisotna. Sicer povsod dela, vendar ni pa povsod v isti višini in v istem razmaku med žogo in pisavo. Raliko je med IE in ostalimi brskalniki.
Ima kdo idejo, kako zadevo poravnat, da bo tudi IE prikazal enako?

martincek1 :: 21. jun 2009, 21:04

zanima me kaj delam narobe pri moji strani http://martincheq.info

če jo gledam z Opero, je vse tako kot mora biti, če pa Firefox/explorer, potem je text zamaknjen iz neznanega razloga. Prosim če pogledate .htm in .css file in poveste, kje je težava

potem seveda pride na vrsto še bel box, ki se prikaže na vrhu strani pri Internet Explorerju in pri ostalih dveh po relodu(potem se skrije), čeprav sam za to krivim

top:50%; margin-top:-300px;

in pa nadležne črte okoli slike v firefoxu, ko klikneš nanjo ter utripanje slike v explorerju, ko je "hovered"

bluefish :: 4. jul 2009, 18:28

V kateri verziji IE gledaš?
Lahko daš še screen prikaza v Operi, ker je ravno nimam nameščene.

pacar :: 11. jul 2009, 15:03

Rabim pomoč ker jes nimam pojma.
Morda se bo našeu kdo ki mi bo tole malce preurediu.
Namreč rad bi imeu pet stolpcev po celi strani.
Pa če se da dobit še bolhin iskalnik,potem bom pa že nekok naprej.
Ne se smejat to je prvo kar počnem.
Lp

<html>
<head>
</head>
<body bgcolor="#CCCCCC" link="#CE0421" vlink="#000066">
<P align=center>  LINKI DO ZANIMIVIH STRANI &copy;2009<br>
<P align=LEFT><body>
<font color="red"> TORRENTI </font>
</body>
<li><b> <a href="http://www.partis.si/"> Partis
</a></b>
<br>
</ul> 
<li><b> <a href="http://mojblink.com/"> Blink
</a></b>
<br>
</ul>
<li><b> <a href="http://slobytes.net/browse.php/"> SloBaytes
</a></b>
<br>
</ul>
<li><b> <a href="http://www.torrentreactor.net/">Torrentreactor
</a></b>
<br>
</ul>
<body>
<font color="red"> WAREZ </font>
</body>
<li><b> <a href="http://www.warez-bb.org/viewforum.php?f=3/"> Warez-bb
</a></b>
<br>
</ul>
<li><b> <a href="http://www.phazeddl.com/"> PhazeDDL 
</a></b>
<br>
</ul>
<body>
<font color="red"> FORUMI </font>
</body>
<li><b> <a href="http://www.netmajstor.com/forum/index.php/"> NetMajstor
</a></b>
<br>
</ul>
<li><b> <a href="http://slo-tech.com/forumindex.php/"> Slo-Tech
</a></b>
<br>
</ul>
<li><b> <a href="http://www.pakwarez.com/"> PakWarez
</a></b>
<br>
</ul>
<li><b> <a href="http://www.bug.hr/forum/"> Bug Online
</a></b>
<br>
</ul>
<li><b> <a href="http://www.racunalniske-novice.com/forum/"> Racunalniske novice
</a></b>
<br>
</ul>
<body>
<font color="red"> SPLETNE STRANI </font>
</body>
<li><b> <a href="http://moje-mesto.com/html-vodici"> Vodici HTML
</a></b>
<br>
</ul>
<body>
<font color="red"> RAZNO </font>
</body>
<li><b> <a href="http://www2.bolha.com/"> BOLHA
</a></b>
<br>
</ul>




<form name="form" method="get" action="http://www.najdi.si/search.jsp" onsubmit="target='_new'; return true;" style="margin: 0pt; padding: 0pt;">
<table style="text-align: center;"><tbody><tr>
  <td><a target="_blank" href="http://www.najdi.si/"><img src="http://www.najdi.si/help/images/customlogo.gif" alt="Najdi.si logo" style="margin: 0pt; padding: 0pt; vertical-align: bottom;" border="0" /></a></td>
  <td><input name="q" type="text" style="font-size: 13px; width: 7.8em;" size="12" /></td>
  <td>
    <input name="submit" type="submit" style="border-style: solid; border-color: rgb(227, 127, 147) rgb(0, 0, 0) rgb(0, 0, 0) rgb(227, 127, 147); border-width: 1px; font-weight: bold; font-family: Arial; font-size: 0.7em; color: rgb(255, 255, 255); background-color: rgb(200, 0, 40); cursor: pointer;" value="Najdi" />
    <input name="st" value="custom" checked="checked" type="hidden" />
    <input name="inenc" value="ISO-8859-2" type="hidden" />

  </td>
</tr></tbody></table>
</form>
</ul>

<td width="244" bgcolor="#003366" height="36" align="left">


    <form name="form3" method="get" action="http://www.google.si/search" onSubmit="return true;" style="margin: 0pt; padding: 0pt; display: inline;">
        <input name="hl" value="sl" checked="checked" type="hidden" />
        <input name="num" value="100" checked="checked" type="hidden" />
		<table cellpadding="0" cellspacing="0" id="table1">
            <tr>
                <td>
                  <a href="http://www.google.si/">

				  <img src="http://www.informacije.si/images/google.gif" width="50" height="20" alt="Kliknite za iskalnik Google.si - iskanje na desni pa vam bo vrnilo kar 100 zadetkov" 
                    style="margin: 0pt; padding: 0pt; vertical-align: bottom;" border="0" /></a>&nbsp;                </td>
                <td>
                    <input size="20" name="q" value="" type="text" maxlength="255">				</td>
              <td>
				    <input name="submit" type="submit" value="I&#353;&#269;i" />
              </td>
                <td width="1">&nbsp;              </td>

            </tr>
        </table>
    </form></td>
	
          

         
       
        
  <body>
</body>
</html>

bluefish :: 11. jul 2009, 15:30

am, tale koda je strašno raztreščena že na prvi pogled. Po zaključku head elementa bi moral slediti body, ti pa imaš že kar direktno kodo.
Poleg tega se reči, ki jo domnevam, da želiš, ne dela s tabelami.

Skratka, morda se bo res komu dalo to spisati na novo, vendar si vseeno najprej sploh oglej osnove HTML in CSS sintakse. Uporabi w3schools ali pa kako knjigo,...

Tody :: 11. jul 2009, 17:15

http://www.pagecolumn.com/5_col_generat... kle maš generator ki ti bo naredu CSS

jeryslo :: 13. jul 2009, 00:36

Imam eno vprašanje glede javascript/css:
Tole imam v html datoteki:

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="sl">
<head>
	<meta http-equiv="content-type" content="text/html; charset=windows-1250" />
	<link rel="stylesheet" type="text/css" href="mystyle2.css">
	<title id="head_title">Vremenska postaja Žalec</title>
	<script type="text/javascript"> 
		function setSize(){
			var height = screen.height * 0.50;
			var width = screen.width * 0.50;
			document.getElementById("slika").height = height;
			document.getElementById("slika").width = width;
		}
		function setWidth(){
		var width = screen.width * 0.50;
		document.getElementById("div").width = width;
		}
	</script>
</head>
<body>
<div id="div" onload="setWidth()" class="vertikalno">
		<img id="slika" src="glavno_okno.jpg" onload="setSize()"></img>
		</div>
</body>
</html>

Izsek iz mystyle2.css:

div.vertikalno
{
border:solid black;
width:840px;
display: block;
margin-top: 2em;
margin-bottom: auto;
margin-left: auto;
margin-right: auto;
}

Problem je zdaj, da mi div ne pusti določi width z javascript, ampak ga moram določi v css datoteki. Če ga nimam določenega v css, potem sploh ne upošteva, tudi če recimo napišem:

<div id="div" width="840px" class="vertikalno">

Ne upošteva width, na vsak način hoče da imam določeno v css. Jaz bi pa rad seveda dinamično določil ta width na podlagi uporabnikove resolucije.

Zgodovina sprememb…

spremenil: Primoz (13. jul 2009 ob 21:06)

JayKay :: 13. jul 2009, 01:11

pola pa namesto px uporabi %

jeryslo :: 13. jul 2009, 11:26

Tudi % ne grejo, ampak sem rekel, da width dela če je nastavljen v dokumentu mystyle2.css, kamor kaže tudi div z imenom class-a vertikalno.

DC- :: 13. jul 2009, 11:32

Nevem če nism že mal ornk prepozn za tisto glede IE in višje višine kot je nastavljena.

IE6 če nima nič notri razume kot, da ima break.
Notri v div daš prazen komentar in imaš lahko potem div velikosti tudi 1x1 px

torej

<div><!-- --></div>

in bo potem ubogal.

Zgodovina sprememb…

spremenil: Primoz (13. jul 2009 ob 21:05)

Wolfman :: 13. jul 2009, 18:40

Jaz imam pa problem z div. Kako bi nastavil da bi bil fiksen, ne glede na to, kako velik je content, torej da bi imel nespremenljivo velikost, recimo 50x50 px, in vstavim sliko recimo 100x100 da bi mi kazalo samo tistih 50px. In drugi problem imam z resolucijo, kako narediti da bo delovalo na približno vseh straneh? (background imam 1024x768, pri kraju sem rahlo počrnil, tako da se odlično prilega če dam background color črno.) Kako pa nastavim ostalo (pisave, wrapper, slike itd) da se bodo raztegnile na pravo velikost? S %?

Wolfman :: 16. jul 2009, 16:55

To je verjetno overflow: hidden (čeprav ne dela,) ampak sem se spomnil drug način. Imam 3 columne, in bi rad, da se vse tri raztegnejo ko se ena (recimo da se 1. raztegne ker ima več contenta, potem bi se spodaj raztegnile še druge dve do iste višine)
Sorry za DP
lp

tec :: 9. okt 2009, 23:10

da mal oživimo temo

Kako bi v cssju določil stil za podmenitest1. Sprobal sem že vse mogoče, pa nič ne deluje

<ul id="meni1">
<li class="l3 id24">
<a href="test3,24.html">test3</a>
<ul class="podmeni1">
<li class="l1 id25">
<a href="podmenitest1,25.html">podmenitest1</a>
</li>
</ul>

Kakšna ideja?

Hvala

urban99 :: 9. okt 2009, 23:29

kje je problem? kako ga 'zajeti'?

Odvisno kateri element, načeloma pa bo delovalo vse tole:

ul#meni1 li.l1
ul#meni1 li.id25
ul#meni1 li.id25 a

in kombinacije, permutacije, špekulacije in mahinacije le tega s presledki... poglej si specificy v CSSu.

btw: imaš zelo grdo poimenovane stvari (z vejicami v html dokumentih vred, to je NO GO). Najbrž posledica generičnega razreza s kakim photoshopom.

Zgodovina sprememb…

spremenilo: urban99 (9. okt 2009 ob 23:30)

tec :: 10. okt 2009, 11:08

Ja, kako ga zajamem. Ker sprobal sem že vse možne kombinacije, pa nič ne potegne.

Če dam samo ul#meni1 li a mi deluje lepo na vseh. Samo če hočem pa samo enega zajet, pa ne potegne. Res mi ni jasno. Očitno imam nekje drugje problem. CSS manual sem pa tudi že trikrat okol obrnil

re na btw:
To poimenovanje classov in idjev generiram glede na id od strani (cms). Pac delam s stevilkami, ker mi je najlazje. Vejice v linkih so pa posledica seo sistema in niso posamezni html dokumenti.

JayKay :: 10. okt 2009, 11:52

<style type="text/css">
<!--
.l3.id24 .podmeni1{
	display: block;
	list-style-type: none;
}
.l3.id24 .podmeni1 a{
	float: left;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 14px;
	color: #666;
	font-weight: bold;
	border: 2px dotted #003;
	text-align: left;
	text-decoration: none;
	background-color: #D6D6D6;
}

recimo primer

martincek1 :: 9. nov 2009, 20:18

lep pozdrav

zanima me, če bi bil kdo tako prijazen in bi mi dal svoj msn/skype oz kaj takega, ker delam prvo spletno stran z kodiranjem html + css, in imam 1001 in eno vprašanje - taka bol osnovna, tako da so tud rešitve se mi zdi zelo enostavne...

napimer:

v firefoxu se mi ob kliknu na sliko(link), okoli same slike pojavi droben pikčast border - iz rdeče se takoj spremeni na vijolično, takole:

v Operi vse deluje normalno, se ta border ne prikaže, v IE pa je border bele barve.

pravtako imam v kodi: border: none;

Zgodovina sprememb…

spremenilo: martincek1 (9. nov 2009 ob 20:21)

nodrim :: 10. nov 2009, 01:00

na prvo žogo bi rekel, da maš na tej ali na vseh slikah tudi hyperlinke ..

css za border: none nastavi tudi za HTML tag a ..

če ne prilepiš svoje kode (CSS in HTML), ti noben ne more niti ne bo hotu pomagat ...

Major :: 10. nov 2009, 11:50

@martincheq
:focus {
outline: 0;
}

IT Developer & Photography enthusiast.

martincek1 :: 10. nov 2009, 15:17

hvala Major, sedaj vse deluje v redu ;)

kriko1 :: 11. nov 2009, 11:36

Imam sledeči problem:

<body id="page_bg">
  <div id="page_bg2">
  </div>
</body>

in potem z css-om:

body
{
  background:#FFFFFF url(../images/bg_main.jpg) no-repeat scroll center top;
}
#page_bg2
{
  min-height:500px;
  min-width:1024px;
  position:absolute;
  text-align:center;
  z-index:-1;
  background-image:url(templates/images/bg_main2.jpg);
}

Rad bi sedaj da je tale slika za ozadje v page_bg2 poravnana na sredino okna brskalnika ne glede na
dimenzijo le-tega, torej da se div spreninja in slika v njem vedno sredinsko poravnana. Tista v body se že tako obnaša, ampak ta drugo je očitno težje kot se zdi.

kriko1 :: 11. nov 2009, 11:51

Jao. Da si kar sebi odgovorim:

min-height: 500px;
min-width: 100%;
background-position: center center;

Včeraj sem imel nekoliko več solate v kodi (margin, padding) pa ista zadeva ni delala.
Sedaj je točno tako kot želim.

Kurzweil :: 10. jan 2010, 15:55

Imam vprašanje glede CSS 3 standarda. In sicer preden sem začel vam utrujat sem seveda pogooglal, kar se njegove podpore v brskalnikih tiče, za bolj jasno sliko pa sprašujem še vas. Nekaj featerjev pri novem CSSu je tako uporabnih, da preprosto nemorem opustit upanja, da bi ga uporabil. Is sledeče slike je razvidno popolnoma vse, zanima pa me vaše mnjenje, kaj si lahko lahko dovolim uporabljat? Za začetek bi bil presrečen, če bi lahko v page embaddal fonte, kar omogoča pač CSS 3. Kdo uporablja vse najnovejše novosti CSS3, ker dolgo časa Firefox ni imel nikakršne podpore, Safari recimo prvi... verjetno je komu bolj znano, kako je med populacijo, ima večina novejše browserje naložene, ali se moram njim prilagodit s CSSom 2 ?

Tody :: 10. jan 2010, 16:15

Večina ljudi, ki uporablja FF, chrome ali kaj podobnega redno updata brskalnike, zato ker brskalnik sam mori da se hoče nadgradit. Vprašanje je pa kaj boš naredil z uporabniki IE6 in IE7. Tukaj imaš za vsako zadevo posebej napisano kdo jo podpira in kdo ne http://reference.sitepoint.com/css

bluefish :: 10. jan 2010, 16:25

Če IE predstavlja opazen delež obiskovalec tvoje strani, potem uporabi le tiste efekte, ki ne vplivajo na samo funkcionalnost strani.

Gandalfar :: 10. jan 2010, 19:10

Noben efekt ne bi smel vplivati na funkcionalnost strani, ker ce .. potem je itak accessebility nekje

i386 :: 20. jan 2010, 20:45

No, jaz imam tale menu na strani, rad bi pa naredil tudi tako, da bi mi pokazalo tudi pod-menuje, ko bi z miško šel nad menu (veste kaj mislim?)podobno koz na tej strani samo da je menu navpičen. Kaj naj dodam kodi? hvala za pomoč

ul.menu{margin:0;padding:0;list-style-type:none;display:block;font:bold 16px Helvetica, Verdana, Arial, sans-serif;line-height:165%;width:130px;}
ul.menu li{margin:0;padding:0;border-top:px solid #4D0000;border-bottom:px solid #761A1A;}
ul.menu li a{display:block;text-decoration:none;color:#fff;background:#600;padding:0 0 0 0px;width:130px;}
ul.menu li a:hover{background:#900 url("images/arrow.gif") no-repeat 0 9px;}
ul.menu li a.current,ul.vert-one li a.current:hover{background:#933 url("images/arrow.gif") no-repeat 0 9px;}

amigo_no1 :: 1. mar 2010, 12:56

Če v browserju izklopiš CSS oz ga nastaviš na določeni strani iz Author mode na User mode (Opera), www stran to zazna ?

Road Runner :: 2. mar 2010, 20:18

Ne.

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

matox :: 13. mar 2010, 13:53

Imam 3 različne classe (levi, sredinski in desni meni), vsakega definiranega posebej..
Zanima me, kako se naredi, da bi bila v vseh 3 classih enaka dolžina, da bi se najdaljšemu classu prilagaja tudi ostala dva?
Hvala in lp

Gost :: 13. mar 2010, 14:12

matox je 13. mar 2010 ob 13:53 izjavil:

Imam 3 različne classe (levi, sredinski in desni meni), vsakega definiranega posebej..
Zanima me, kako se naredi, da bi bila v vseh 3 classih enaka dolžina, da bi se najdaljšemu classu prilagaja tudi ostala dva?
Hvala in lp

GOOGLANJE me je pripeljalo do prvega zadetka, ki sem ga vpisal pod ključne besede "css columns same height":
http://www.ejeliot.com/blog/61

P.S: Najlažje je pa kar spremeniti design :)

Zgodovina sprememb…

spremenil: Gost (13. mar 2010 ob 14:13)

Giller0 :: 22. mar 2010, 22:14

Da ne bom odpiral nove teme, bom vprašal tukaj - ima veze z CSS :) Ve kdo, če kje obstaja statistika uporabe brskalnikov v Sloveniji? Rad bi namreč ugotovil koliko pozornosti naj v mojem "projektu" namenim kompatibilnosti z IE6.

Jow..

Hair :: 22. mar 2010, 22:24

ne gre toliko za neko globalno statistiko kolikor za to, kdo, oz. s katerimi brskalniki se bo pregledovala tvoja stran.. če so tvoja ciljna skupina "geeki" s posodobljeno programsko opremo, potem lahko že skor CSS3 uporabiš :) če so pa babice pa dedki, se pa kar lepo drži IEja ;)

lp!

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

Tody :: 22. mar 2010, 22:35

Evo ene analize
http://www.iprom.si/news/1604/25/Brskal...

Giller0 :: 23. mar 2010, 08:35

Hvala za odgovora.

Saj to je ravno problem.. gre za prodajo izdelkov za novorojenčke oz. otroke. Torej so ciljna skupina pretežno mamice, ki verjetno v večini uporabljajo default browser (IE). To pa je nočna mora, še posebej če themaš sistem kot je OpenCart. :/

Jow..

Alyosha :: 24. mar 2010, 11:15

Pozdravljeni,

jaz mam en problem in sem gledal po netu in ne najdem nobene rešitve.(al nevem kako iskat al pa res ni nič napisano)
Uglavnem imam text v tabeli poravnan ="justify". V useh browserjih dela use ql razen seveda u IE kjer poravna use na desno. Skoraj 100% sem da sem enkrat vidu nek IE hack ki to popravi samo se mi sanja ne kje je to blo:/
Tako da če bi lahko kdo pomagal bi bil zelo hvaležen:)

lp

Alyosha :: 24. mar 2010, 11:52

tu je še screen za lažjo prestavo problema:)

JayKay :: 24. mar 2010, 12:40

to daj v css
p {
text-align: justify;
}

Alyosha :: 24. mar 2010, 13:50

ma superička:D

hvala pa lp

DiTi :: 27. mar 2010, 00:16

eh že mimo xD

Zgodovina sprememb…

spremenil: DiTi (27. mar 2010 ob 00:19)

dinozaver7 :: 1. maj 2010, 12:05

Živjo! Imam nek čuden problem z zgornjim delom strani, ki zgleda takole:

Header

Zakaj naredi odmik zgoraj in na obeh straneh? Rad bi, da se tudi tisti prostor zapolni z barvo ?

CSS zgleda takole:
#header {
background-color: #00B8F5;
height: 70px;
position: relative;
border-bottom: 1px solid black;
}

Hair :: 2. maj 2010, 17:40

body {
margin:0;
padding:0
}

mislim, da bo tole pomagalo..

lep pozdrav!

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

DiTi :: 14. maj 2010, 17:10

muči me ena stvar. imam 3 dive, glava vsebina ter noga. kako naj naredim da bo dno strani vedno čisto spodaj ne glede na višino vsebine, če dam position: absolute ter bottom: 0 dela ok ampak ko je vsebine več kot pa gre na screen, še to vedno ostane na isti poziciji. torej na dnu trenutnega screena. moralo bi pa biti spet na dnu strani.

če komu pomaga približna skica...

slika

levo je če je vsebine manj..desno pa če je vsebine več, tako se bi morala spodna vrstica pomakniti dol in se komaj prikazati na koncu celotne strani. Je to sploh možno s CSSjem? ali bo potrebno rešit kako s JS?

Zgodovina sprememb…

spremenil: DiTi (14. maj 2010 ob 17:12)

t3hn0 :: 15. maj 2010, 10:29

DiTi:
ce gremo po vrsti imas dive v takem vrstnem redu:
1. glava
2. vsebina
3. vsebina
4. noga

med nogo (4) in drugo vsebino (3) dodaj magar <br style="clear: both" />

se moj problem:
imam en content window, kateri ima overflow: scroll. V tem oknu so datoteke in ce se postavim z misko gor, se mi ob vsaki datoteki odpre en pop-up, kateri nosi par podatkov o datoteki. Problem je da se ta pop-up odreze, ce je pri robu. Poiskusil sem dodat tem pop-upom "z-index: 9999;" pa ne pomaga. Any idea?

^.^

Zgodovina sprememb…

spremenil: t3hn0 (15. maj 2010 ob 10:29)

Gost :: 15. maj 2010, 11:21

Odvisno kakšen popup si to naredil in v kateri starševski element je postavljen.

t3hn0 :: 15. maj 2010, 12:01

starsevski element je en content div, z atributom overflow: scroll.

direktna html struktura je taka:

<div id="content">
  <div class="element">
     <img src.. />
     <div class="popup">...</div>
  </div>
</div>

css pa tak:

#content {overflow: scroll; position: absolute;}
.element {float: left;}
.popup {display:none;position:absolute;}

ko se izvede mouse over, se izvede js, kateri spremeni css od .popup na "display: block; top: -50px; left: -215px" (z animacijo odpiranja).

In kot receno je problem da se .popup odreze tam kjer je rob #content-a

^.^

Gost :: 15. maj 2010, 12:33

Verjetno je problem v tem, da ima content element absolute position.

http://www.w3schools.com/css/tryit.asp?...

<html>
<head>
<style type="text/css">
img
{
position:absolute;
left:-10px;
top:-10px;
z-index:1;
}
</style>
</head>

<body>
<div style="left: 100px; top: 100px; background: #ff9900; height: 300; overflow: scroll;">
  <h1>This is a heading</h1>
  <img src="w3css.gif" width="100" height="140" />
  <p>Because the image has a z-index of -1, it will be placed behind the text.</p>
<div>
</body>
</html>

Zgodovina sprememb…

spremenil: Gost (15. maj 2010 ob 12:34)

«« «

20 / 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	2157 (2022)	boss-tech 1. okt 2012 08:19:03
»	Wampserver in Firefox jonystar Oddelek: Izdelava spletišč	6	1859 (1739)	jonystar 4. maj 2012 07:59:32
»	CSS problemi (strani: 1 2 ) Tody Oddelek: Izdelava spletišč	51	9879 (7678)	nuuush 20. mar 2010 18:15:37
»	[CSS]Pozicioniranje footer diva amaze646 Oddelek: Izdelava spletišč	6	2467 (2414)	amaze646 2. dec 2009 22:26:32
»	CSS background-image in IE6? para! Oddelek: Izdelava spletišč	13	3081 (2947)	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.