Jump to content

SUBIECTE NOI
« 1 / 5 »
RSS
Impozite pe proprietati de anul v...

teava rezistenta panou apa calda

Acces in Curte din Drum National

Sub mobila de bucatarie si sub fr...
 Rezultat RMN

Numar circuite IPAT si prindere t...

Pareri brgimportchina.ro - teapa ...

Lucruri inaintea vremurilor lor
 Discuții despre TVR Sport HD

Cost abonament clinica privata

Tremura toata, dar nu de la ro...

Renault Android
 Recomandare bicicleta e-bike 20&#...

Bing-Content removal tool

Nu pot accesa monitorulsv.ro de l...

Cum sa elimini urmele de acnee?
 

Cum pot sa structurez un content ?

- - - - -
  • Please log in to reply
3 replies to this topic

#1
luci_minea

luci_minea

    Junior Member

  • Grup: Members
  • Posts: 58
  • Înscris: 09.01.2006
Cum pot sa asez in html (cu div sau table) o pagina de content generata dinamic ? Problema mea e urmatoarea :
- am un "chenar" de content (nu e chiar un chenar, asa zic eu :D)
- l-am impartit (Photoshop) in 3 bucati; sus, mijoc si jos
- am creat structura site-ului cu div-uri, asezate "ierarhic"
- am pus continut cules din baza de date cu php si "contentul" ia dimensiunea dorita a textului

Toate bune pina aici, doar ca:
- latimea "fundalului" meu are 1000px, sa zicem;
- cind aseaza textul, aranjat, aliniat, toate cele, textul se suprapune peste marginile imaginii, ca se intinde pe tot div-ul si textul si imaginea

Cum si ce tebuie sa modific ca sa nu se mai intimple chestia asta ?

Eu m-am gindit la ceva, dar nu stiu daca e corect, ca si structura:
- impart "mijloc" (cum l-am numit mai sus) in 3 parti; stinga, mijloc1 si dreapta
- textul merge in mijloc1 si gata
Dar nu stiu sa fac stinga si dreapta pe toata inaltimea lui mijloc1, deoarece mijloc1 se dimensioneaza automat dupa cit text are.

Deci, cum si ce trebuie sa fac ? Help.

#2
ThunderSS

ThunderSS

    Active Member

  • Grup: Members
  • Posts: 1,102
  • Înscris: 27.09.2007
Nu stiu daca am inteles bine dar se pare ca problema ta este la layout. Ia vezi cum ai structurat divurile alea si repara posibilele greseli. Foloseste width si height cu valori in px pentru a le aseza in pagina (sau daca doresti poti folosi % cu toate ca nu recomand). Cand termini toate divurile tale ar trebui sa fie fixe (ai grija ca sa nu pui height la divurile cu continut dinamic).

PS: daca nu asta este problema ta fi putin mai explicit si adauga un screenshot ceva :)

#3
luci_minea

luci_minea

    Junior Member

  • Grup: Members
  • Posts: 58
  • Înscris: 09.01.2006
Am pus screenshot. Ideea e urmatoarea:
- cum fac ca textul ala sa nu mai sara peste poza ?

Eu am 3 div-uri acolo :cel de sus, cel care contine textul si se dimensioneaza pe verticala in fucntie de marimea continutului, si cel de jos; impreuna formeaza acel content.

Ma gindeam sa impart div-ul care tine textul in 3 bucati:stinga , mijloc si dreapta; cel din mijloc sa contina textul si celelalte doua sa fie doar marginea. Dar in cazul asta nu stiu sa prelungesc automat si marginile pe lungimea continutului. Oricum da-mi tu o sugestie ca eu sint in pom.

Asta e secventa de cod care tine div-urile :

<div id="container">
		<div id="header">
			<div id="top_bar">
			</div>
			<div id="head">
			</div>
			<div id="btn_bar">
				<img src="header_bot_left.jpg"/><a href="index.php" target="_top" onclick="MM_nbGroup('down','group1','acasa','btn_acasa_ov.jpg',1)" onmouseover="MM_nbGroup('over','acasa','btn_acasa_ov.jpg','',1)" onmouseout="MM_nbGroup('out')"><img src="btn_acasa.jpg" alt="acasa" name="acasa" width="103" height="63" border="0" id="acasa" onload="" /></a><a href="produse.php" target="_top" onclick="MM_nbGroup('down','group1','produse','btn_produse_ov.jpg',1)" onmouseover="MM_nbGroup('over','produse','btn_produse_ov.jpg','',1)" onmouseout="MM_nbGroup('out')"><img src="btn_produse.jpg" alt="produse" name="produse" width="112" height="63" border="0" id="produse" onload="" /></a><a href="servicii.php" target="_top" onclick="MM_nbGroup('down','group1','servicii','btn_servicii_ov.jpg',1)" onmouseover="MM_nbGroup('over','servicii','btn_servicii_ov.jpg','',1)" onmouseout="MM_nbGroup('out')"><img src="btn_servicii.jpg" alt="servicii" name="servicii" width="101" height="63" border="0" id="servicii" onload="" /></a><a href="parteneri.php" target="_top" onclick="MM_nbGroup('down','group1','parteneri','btn_parteneri_ov.jpg',1)" onmouseover="MM_nbGroup('over','parteneri','btn_parteneri_ov.jpg','',1)" onmouseout="MM_nbGroup('out')"><img src="btn_parteneri.jpg" alt="parteneri" name="parteneri" width="113" height="63" border="0" id="parteneri" onload="" /></a><a href="contact.php" target="_top" onclick="MM_nbGroup('down','group1','contact','btn_contact_ov.jpg',1)" onmouseover="MM_nbGroup('over','contact','btn_contact_ov.jpg','',1)" onmouseout="MM_nbGroup('out')"><img src="btn_contact.jpg" alt="contact" name="contact" width="118" height="63" border="0" id="contact" onload="" /></a><img src="header_bot_right.jpg" />
			</div>
		</div>
		<div id="content">
			<div id="left">
				<div id="l_up">
				</div>
				<div id="l_mid">
				</div>
				<div id="l_dwn">
				</div>
			</div>
			<div id="right">
				<div id="top">
				</div>
				<div id="mid">
					<div id="int3">
					<h1>a fjkads fjias;jf kal;jfkal;dsfjia;jks jhdsajk hjkadj ahdajklhj ahdjka hj kahdja kshdjkasldh hdjka hdjaksldh jdhka hdja khdjaksldhj ahdjkas hjdkaljdh heuiw hjklsahud ahjkals hdjisah uwla hdjklahdui whjkl hadjiaow hdhwjkl
					</h1>
					</div>
					<div id="int1">
					</div>
					<div id="int2">
					</div>
				</div>
				<div id="bot">
				</div>
			</div>
		</div>
		<div id="footer">
		</div>
	</div>

Si asa arata css-ul :

@charset "utf-8";
/* CSS Document */
h1 {
	margin:0;
	padding:10;
	text-shadow:#666;
	line-height:normal;
	text-align:justify;
}

body {
	margin:0 auto;
	padding:0px;
	background-color:#afc2ce;
	background-position:center;
	vertical-align:middle;
	direction:ltr;
}

#container {
	width:1000px;
	margin:0 auto;
}

#top_bar {
	background-image:url(topbar.jpg);
	height:32px;
}

#head {
	background-image:url(header_top.jpg);
	height:249px;
}

#content {
	width:1000px;
}

#left {
	background-image:url(left_panel.jpg);
	height:755px;
	width:208px;
	float:left;
}

#right {
	float:left;
}

#top {
	background-image:url(content_top.jpg);
	height:32px;
}

#mid {
	background-image:url(content_mid.jpg);
	background-repeat:repeat-y;
	width:792px;
}

#bot {
	background-image:url(content_bot.jpg);
	width:792px;
	height:24px;
}

#footer {
	background-image:url(footer.jpg);
	height:90px;
	width:1000px;
	float:left;
}

#int1 {
	
}

#int2 {
	
}

#int3 {
	background-image:url(content_mid.jpg);
	background-repeat:repeat-y;
	width:792px;
}


Poate ma rezolvi cumva.

Attached Files



#4
luci_minea

luci_minea

    Junior Member

  • Grup: Members
  • Posts: 58
  • Înscris: 09.01.2006
Problema rezolvata.

Anunturi

Bun venit pe Forumul Softpedia!

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

Forumul Softpedia foloseste "cookies" pentru a imbunatati experienta utilizatorilor Accept
Pentru detalii si optiuni legate de cookies si datele personale, consultati Politica de utilizare cookies si Politica de confidentialitate