images borders&corners prin CSS la div

#1
Takeshy

Posted 09 June 2005 - 16:49

Active Member

Grup: Members
Posts: 1,705
Înscris: 04.03.2005

Am 8 poze: 4 (1 de 20x20px pt fiecare colt) & 4 linii (2 de 1x20px pt stanga/dreapta, 2 de 20x1px pt sus/jos)

Vreau sa pun aceste imagini incat sa formeze un box in div dar intampin probleme atunci cand vreau sa pun imaginile de 1x20 sau 20x1. Le pun repeat-x si mi se pune peste colturi.

Codul ar fi:

<html>

<head>
<style type="text/css">

body { background-color: black; }
div { background-color: black; color: #FFFFFF; background: url(t.gif) top repeat-x;
width: 800px;
height: 600px; } 
div span { background: url(tr.gif) top right no-repeat; display: block; } 
div span span  { background: url(br.gif) bottom right no-repeat; } 
div span span span  { background: url(bl.gif) bottom left no-repeat; } 
div span span span span  { background: url(tl.gif) top left no-repeat; padding: 0.5em; }

</style>
</head>
<body>

<div><span><span><span><span>

<p>Boobykljhasj;h jhash g;jka;jg h;jashg;h';a 'la' 'aasgjj;la;gaghk';agaf</p>
<p>Boobykljhasj;h jhash g;jka;jg h;jashg;h';a 'la' 'aasgjj;la;gaghk';agaf</p>
<p>Boobykljhasj;h jhash g;jka;jg h;jashg;h';a 'la' 'aasgjj;la;gaghk';agafddaad</p>
<p>Boobykljhasj;h jhash g;jka;jg h;jashg;h';a 'la' 'aasgjj;la;gaghk';agaf</p>

</span></span></span></span></div>

</body>
</html>

t.gif (top) e imaginea de 20x1px care o pun repeat sus, aceasta merge, dar cand pun si pe celelalte imi apar peste colturi. (celelalte ar fi l.gif, b.gif, r.gif (left, bottom, right))

Acestea nu mai sunt in cod, le-am sters pentru ca nu le gaseam pozitia buna.
M-am uitat pe google pe mii de pagini si nu imi da nici o idee sau unde e ceva imi imparte div-ul in mai multe div-uri. Eu vreau tot bkg asta intr-un singur div

10x

Back to top

#2
danburzo

Posted 12 June 2005 - 16:40

Member

Grup: Members
Posts: 436
Înscris: 12.06.2005

intr-un singur div nu am idee cum s-ar putea face. :mellow:

Edited by danburzo, 12 June 2005 - 16:51.

Back to top

#3
Takeshy

Posted 12 June 2005 - 22:44

Active Member

Grup: Members
Posts: 1,705
Înscris: 04.03.2005

Cum e acolo si mai pun cate un span pentru fiecare margine cu repeat-x si -y printre ele si imi ia tot intr-un div dar problema e ca unele conturi raman sub margini.

Am reusit sa fac vizibile 3 colturi dar toate 4 ... :huh:

Back to top

Anunturi

Chirurgia spinală minim invazivă

Chirurgia spinală minim invazivă oferă pacienților oportunitatea unui tratament eficient, permițându-le o recuperare ultra rapidă și nu în ultimul rând minimizând leziunile induse chirurgical.

Echipa noastră utilizează un spectru larg de tehnici minim invazive, din care enumerăm câteva: endoscopia cu variantele ei (transnazală, transtoracică, transmusculară, etc), microscopul operator, abordurile trans tubulare și nu în ultimul rând infiltrațiile la toate nivelurile coloanei vertebrale.

www.neurohope.ro

images borders&corners prin CSS la div

#1 Takeshy Posted 09 June 2005 - 16:49

#2 danburzo Posted 12 June 2005 - 16:40

#3 Takeshy Posted 12 June 2005 - 22:44

Anunturi

▶ 1 user(s) are reading this topic

Sign In

#1
Takeshy

Posted 09 June 2005 - 16:49

#2
danburzo

Posted 12 June 2005 - 16:40

#3
Takeshy

Posted 12 June 2005 - 22:44