Srodne teme
11.12.2001. Paskal, nije mi jasno...
25.03.2002. Problem sa sumiranjem
29.03.2002. Brute force
29.08.2002. preklapanje operatora
20.11.2006. Help !!!
03.07.2003. Mendeljejev periodni sistem elemenata
12.09.2003. NIZ
19.02.2004. problem sa matricama
Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.

Preklapanje zaobljenih elemenata

[es] :: Web dizajn i CSS :: Preklapanje zaobljenih elemenata

[ Pregleda: 2348 | Odgovora: 3 ] > FB > Twit

Postavi temu Odgovori

Autor

Pretraga teme: Traži
Markiranje Štampanje RSS

noviKorisnik
Dejan Katašić
Novi Sad

Član broj: 13216
Poruke: 4533
*.dialup.neobee.net.

Sajt: www.novikorisnik.net


+5 Profil

icon Preklapanje zaobljenih elemenata15.04.2004. u 12:56 - pre 216 meseci

Želim da u svim browserima dobijem output kao na slici levo (IE 6, ono desno je Mozilla 1.1).
Nemam sada vremena za detaljnija objašnjenja, može kasnije... Evo source
Code:
<html>
<head>
<title>title</title>
<style>
#nadnaslov_okvir {margin-left: 18px;}
//#nadnaslov, .nadnaslov_popuna {background-color: #c03;}
#naslov_okvir {margin-top: -6px;}
//#naslov, .naslov_popuna {background-color: #999;}
#nadnaslov, #naslov {padding: 0 18px;}
.nadnaslov_popuna, .naslov_popuna {margin: 0 6px; height: 6px;}
</style>
<script>
function postavi_okvir (nodeId)
{
    var elem = document.getElementById (nodeId);
    elem.parentNode.style.width = elem.offsetWidth;
}
</script>
</head>
<body onload="postavi_okvir ('nadnaslov'); postavi_okvir ('naslov');">
<div id="nadnaslov_okvir">
<img src="c03_gore_levo.gif" align="left"
height="6" width="6" hspace="0" vspace="0" border="0" />
<img src="c03_gore_desno.gif" align="right"
height="6" width="6" hspace="0" vspace="0" border="0" />
<div class="nadnaslov_popuna"><img src="prazno.gif" /></div>
<span id="nadnaslov">nadnaslov</span><br style="clear: both;" />
<img src="c03_dole_levo.gif" align="left"
height="6" width="6" hspace="0" vspace="0" border="0" />
<img src="c03_dole_desno.gif" align="right"
height="6" width="6" hspace="0" vspace="0" border="0" />
<div class="nadnaslov_popuna"><img src="prazno.gif" /></div>
</div>
<div id="naslov_okvir">
<img src="999_gore_levo.gif" align="left"
height="6" width="6" hspace="0" vspace="0" border="0" />
<img src="999_gore_desno.gif" align="right"
height="6" width="6" hspace="0" vspace="0" border="0" />
<div class="naslov_popuna"><img src="prazno.gif" /></div>
<span id="naslov">naslov</span><br style="clear: both;" />
<img src="999_dole_levo.gif" align="left"
height="6" width="6" hspace="0" vspace="0" border="0" />
<img src="999_dole_desno.gif" align="right"
height="6" width="6" hspace="0" vspace="0" border="0" />
<div class="naslov_popuna"><img src="prazno.gif" /></div>
</div>
</body>
</html>

Prikačeni fajlovi
 
Odgovor na temu

Goran Aničić
Goran Aničić
Novi Sad

Član broj: 7404
Poruke: 414
*.173.eunet.yu

Sajt: www.personalmag.rs/blog/o..


Profil

icon Re: Preklapanje zaobljenih elemenata15.04.2004. u 14:59 - pre 216 meseci
Evo pomoći:
CSS Design: Creating Custom Corners & Borders

CSS Design: Creating Custom Corners & Borders 2
ICT magazin
IT, Mobile, Gaming online magazin
------------------------------
Blog
Svakodnevnica Blog Auto blog
------------------------------

Kompjuterski e-zine
Personal magazine
 
Odgovor na temu

-zombie-
Tomica Jovanovic
freelance programmer
ni.ac.yu

Član broj: 4128
Poruke: 3448
*.beotel.net

Sajt: localhost


+4 Profil

icon Re: Preklapanje zaobljenih elemenata15.04.2004. u 18:40 - pre 216 meseci
dodaj float: left u #naslov_okvir.

i mene mrzi da detaljnije objašnjavam rešenje..

 
Odgovor na temu

noviKorisnik
Dejan Katašić
Novi Sad

Član broj: 13216
Poruke: 4533
*.dialup.neobee.net.

Sajt: www.novikorisnik.net


+5 Profil

icon Re: Preklapanje zaobljenih elemenata15.04.2004. u 23:02 - pre 216 meseci
#naslov_okvir {position: relative; top: -6px;}

Hvala Gorane za alistapart - načitao sam se do potrebnog detalja ali u potpunosti zadovoljava.

Dodavanje float: left u objavljenu postavku ispravno pozicionira ugaonu sličicu ali mi izbija donja leva sličica iz #nadnaslov_okvir kada otkomentiram one dve definicije za pozadine (hoću reći - sličica se vidi a ne bi trebalo). Drugi razlog što mi ovo ne odgovara je što sličan fazon treba da nastavim i nakon elementa naslova.
 
Odgovor na temu

[es] :: Web dizajn i CSS :: Preklapanje zaobljenih elemenata

[ Pregleda: 2348 | Odgovora: 3 ] > FB > Twit

Postavi temu Odgovori

Srodne teme
11.12.2001. Paskal, nije mi jasno...
25.03.2002. Problem sa sumiranjem
29.03.2002. Brute force
29.08.2002. preklapanje operatora
20.11.2006. Help !!!
03.07.2003. Mendeljejev periodni sistem elemenata
12.09.2003. NIZ
19.02.2004. problem sa matricama
Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.