css intrebare...

#1
puya4ever

Posted 05 July 2009 - 15:55

Active Member

Grup: Members
Posts: 1,987
Înscris: 21.12.2006

Salut. Am o intrebare care tine de formatul CSS al unui web-site . Vreau sa pun o imagine sa se repete pe intreg pagina template-ului in partea stanga si dreapta . uhhmmm... cum sa va explic eu...
Deci am o poza si vreau sa inchenaresc tot site-ul in partea dreapta si in partea stanga (sa fie lipit ) si sa fie pe intreaga lungime a template-ului ... ceva cu repeat ... sper ca intelegeti ce vreau sa spun , daca nu , incerc sa fiu mai detaliat .
un print :

sxxx.jpg 19.27K 18 downloads

eu am o poza mica si vreau sa se repete... intelegeti ?

Back to top

#2
pseudoxiah

Posted 05 July 2009 - 16:41

Member

Grup: Members
Posts: 429
Înscris: 28.08.2007

Sa inteleg ca ce vrei tu e sa un container central si pe laturi sa pui ceva ca un fel de margini.

Tot ce poti sa faci este sa faci o imagine cu cele doua margini iar intre ele sa ramana un spatiu alb unde e containerul. Acum te gandesti ca asa ar ocupa imaginea mult, dar pixelii albi nu ocupa mult daca imaginea e comprimata cum trebuie.

Pe urma aplica backgroundul in felul urmator:

body {
  background-image: url(images/bg.jpg);
  background-position: center;
  background-repeat: repeat-y;
}

Back to top

#3
puya4ever

Posted 05 July 2009 - 16:44

Active Member

Grup: Members
Posts: 1,987
Înscris: 21.12.2006

n-asi vrea sa modific nimic la backround , de fapt eu vreau sa modific asta intr-un script si imi trebuie mult mai mult de editat daca stau sa modific si backround-ul ... credeam ca este un cod CSS cu care includ direct astea 2 poze si sa le fac un repeat-y

Back to top

#4
pseudoxiah

Posted 05 July 2009 - 18:43

Member

Grup: Members
Posts: 429
Înscris: 28.08.2007

Stai ca acus cred ca m-am prins. Tu vrei ca acele 2 imagini sa fie nested pe marginile din stanga si din dreapta a ecranului.

Daca site-ul pe care vrei sa il faci e fluid (nu are latime fixa, sa lateste dupa rezolutie) atunci e simplu:

<div id="left">
  <img src="..." />
</div>
<div id="container">
  // continut
</div>
<div id="right">
  <img src="..." />
</div>

<style>
  #left {
	float:left;
  }
  #container {
	clear:both; // se interpune peste celelalte doua divuri
	margin:0 Xpx 0 Ypx;  // X si Y sunt latimile pozelor din dreapta respectiv stanga
   }
  #right {
	float:right;
  }
</style>

Back to top

#5
puya4ever

Posted 05 July 2009 - 22:30

Active Member

Grup: Members
Posts: 1,987
Înscris: 21.12.2006

mersi pseudoxiah ...
in final nu am reusit sa fac , am adaugat ce mi-ai dat tu in fisierul .html ce include design-ul scriptului si nimic... imi trebuia pentru un script de forum . se pare ca v-a trebui s-o las pe alta data treaba asta .
mersi oricum...

Back to top

#6
puya4ever

Posted 06 July 2009 - 23:35

Active Member

Grup: Members
Posts: 1,987
Înscris: 21.12.2006

bump! inca ma intereseaza intrebarea... alte solutii numai sunt? pseudoxiah nu functioneaza...poti te rog sa te mai uiti peste sintaxa sa nu fi gresit ceva?

Back to top

#7
unu

Posted 07 July 2009 - 04:50

Active Member

Grup: Members
Posts: 1,564
Înscris: 05.11.2005

pai primu cod postat de pseudoxiah face exact ce vrei tu.
incearca:

<div style="background: url(pozastanga.jpg) repeat-y left top;">
 <div style="background: url(pozadreapta.jpg) repeat-y right top; width: 100%;"> 
   <div style="width: 800px; margin: 0 auto;">
	  continut...
   </div>
 </div>
</div>

Edited by unu, 07 July 2009 - 04:52.

Back to top

#8
puya4ever

Posted 07 July 2009 - 13:54

Active Member

Grup: Members
Posts: 1,987
Înscris: 21.12.2006

am incercat cu ambele coduri... nu prea merge

adica, nu e lipit de marginea monitorului si nu e pe intreaga margine...

left_bar_test.zip 20.62K 6 downloads

Edited by puya4ever, 07 July 2009 - 13:55.

Back to top

#9
unu

Posted 07 July 2009 - 20:14

Active Member

Grup: Members
Posts: 1,564
Înscris: 05.11.2005

<body style="margin: 0;padding: 0">

ca sa scoti spatiul ala alb de pe marginii.

si

Quote

<div style="width: 800px; margin: 0 auto; height: 900px;">
continut...
</div>

sa intinzi continutul pe intreaga pagina fortat (daca nu vrei sa adaugi text etc).

poti incerca si cu "height: 100%;" dar nu merge pe toate browserele...

Edited by unu, 07 July 2009 - 20:15.

Back to top

Anunturi

Neurochirurgie minim invazivă

"Primum non nocere" este ideea ce a deschis drumul medicinei spre minim invaziv.

Avansul tehnologic extraordinar din ultimele decenii a permis dezvoltarea tuturor domeniilor medicinei. Microscopul operator, neuronavigația, tehnicile anestezice avansate permit intervenții chirurgicale tot mai precise, tot mai sigure. Neurochirurgia minim invazivă, sau prin "gaura cheii", oferă pacienților posibilitatea de a se opera cu riscuri minime, fie ele neurologice, infecțioase, medicale sau estetice.

www.neurohope.ro

css intrebare...

#1 puya4ever Posted 05 July 2009 - 15:55

#2 pseudoxiah Posted 05 July 2009 - 16:41

#3 puya4ever Posted 05 July 2009 - 16:44

#4 pseudoxiah Posted 05 July 2009 - 18:43

#5 puya4ever Posted 05 July 2009 - 22:30

#6 puya4ever Posted 06 July 2009 - 23:35

#7 unu Posted 07 July 2009 - 04:50

#8 puya4ever Posted 07 July 2009 - 13:54

#9 unu Posted 07 July 2009 - 20:14

Anunturi

▶ 0 user(s) are reading this topic

Sign In

#1
puya4ever

Posted 05 July 2009 - 15:55

#2
pseudoxiah

Posted 05 July 2009 - 16:41

#3
puya4ever

Posted 05 July 2009 - 16:44

#4
pseudoxiah

Posted 05 July 2009 - 18:43

#5
puya4ever

Posted 05 July 2009 - 22:30

#6
puya4ever

Posted 06 July 2009 - 23:35

#7
unu

Posted 07 July 2009 - 04:50

#8
puya4ever

Posted 07 July 2009 - 13:54

#9
unu

Posted 07 July 2009 - 20:14