Jump to content

SUBIECTE NOI
« 1 / 5 »
RSS
Intrebare motor auto

Opel Astra K

Probleme sistem audio mașina

Radio care se incinge
 problema -amplificator cu tranzis...

Retragere bani din cont inainte d...

Plata cu cardul si bacsisul

Primire bani din Danemarca prin N...
 Alerta securitate Fedora Linux 40...

Problemuțe sistem audio ma&#...

Renovare balcon

installation has failed there was...
 Montura polara.....

Sfat inchiriere locuinta unei per...

Sursa stereo -> amplif mono

Dan Blondu vs. Marian Piciu
 

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

Chirurgia cranio-cerebrală minim invazivă Chirurgia cranio-cerebrală minim invazivă

Tehnicile minim invazive impun utilizarea unei tehnologii ultramoderne.

Endoscoapele operatorii de diverse tipuri, microscopul operator dedicat, neuronavigația, neuroelectrofiziologia, tehnicile avansate de anestezie, chirurgia cu pacientul treaz reprezintă armamentarium fără de care neurochirurgia prin "gaura cheii" nu ar fi posibilă. Folosind tehnicile de mai sus, tratăm un spectru larg de patologii cranio-cerebrale.

www.neurohope.ro

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