Jump to content

SUBIECTE NOI
« 1 / 5 »
RSS
Cum sterg mails din Promotions

Vanzare cumparare fara transfer b...

Receptie ciudata, in functie de t...

Dupa 20 ani de facultate, am uita...
 Mobile.de ofera imprumut de bani ...

problema test grila

Digi24 a disparut de pe TV Lg

Drept de proprietate intelectuala...
 Jante noi shitbox

Trinitas TV 4K

Dacia 1316 cu 6 usi ...

Frecventa modificata radio
 Un nou pericol pt batrani

Ar trebui sa vindem imobiliarele ...

Dupa renuntarea la aparat dentar

pelerinaj in Balcik
 

merge perfec in IE7 dar nu la fel de bine in mozila si opera

- - - - -
Last Updated: Jun 14 2008 23:44, Started by Sterus , Jun 13 2008 22:02  
  ·  
  • Please log in to reply
11 replies to this topic

#1
Sterus
Posted 13 June 2008 - 22:02

Sterus

    Member

  • Grup: Members
  • Posts: 332
  • Înscris: 04.07.2007
partea de HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
	
	<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">	

	<html>
	<head>
		<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
		<title>Vacanta ta</title>
		<link rel="stylesheet" type="text/css" href="styles.css" media="screen">
	</head>
	<body>
		<div id="wrapper">
<!--head-->
			<div id="head"><div class="title">HOME</div>
						   <ul id="navi_head"><li><a href="#" title="#">home</a></li>
									  <li>|<a href="#" title="#">destinatii</a></li>
									  <li>|<a href="#" title="#">oferte</a></li>
											  <li>|<a href="#" title="#">de sezon</a></li>
											  <li>|<a href="#" title="#">speciale</a></li>
											  <li>|<a href="#" title="#">contact</a></li>
						   </ul>
							<img src="images/head.png" width="976px" height="200px"/>
			</div>			
<!--box-->
			<div id="box">
<!--sidebar_a-->
				<div id="sidebar_a">fdfdfd</div>
<!--content-->
				<div id="content">fdfdfdfyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyy<br><br></div>
<!--sidebar_b-->
				<div id="sidebar_b">hgjhhjfgfg</div>
			</div>
<!--footer-->
			<div id="footer">&copy; 2008 &middot; </div>
		</div>	

		
	</body>
</html>

partea de CSS
* {margin:0; padding:0}

body {background:#8FB2C0}
img   {border:none}

#wrapper {margin:5px auto;padding:5px 5px;width:976px;background:#EEFDCB;border:2px solid #3F6A8C;}

/*head*/
#head			  {float:left;background:#EEFDCB;width:976px}
.title			{float:left;width:976px;color:#8FB2C0;font-family:"MS Sans Serif", sans-serif;font-size:18px; font-weight: bold}
#navi_head	{float:right;list-style:none;padding:0 0 5px 0}
#navi_head li {float:left;margin:3px 3px;color:#3F6A8C}
#navi_head a  {text-decoration:none;font-family:arial;font-size:12px;color:#3F6A8C;font-weight:bold;margin:0px 0 0 5px}
#navi_head a:hover {text-decoration:underline;color:#638A9A}

#box {background:#EEF000;width:976px}

/*sidebar_a*/
#sidebar_a {float:left;width:170px;border:3px solid #FAC139;margin:5px 5px 0 5px;padding:3px 3px;background:#EEFDCB}

/*content*/
#content {float:left;width:576px;border:4px solid #3A6577;padding:3px 4px;margin:10px 0 0 0;background:#EEFDCB}

/*sidebar_b*/
#sidebar_b {float:left;width:170px;border:3px solid #FAC139;margin:5px 5px 0 5px;padding:3px 3px;background:#EEFDCB}

/*footer*/
#footer {float:left;width:970px;background:#638A9A;margin:5px 0 5px 0;padding:3px 3px;font-family:arial;font-size:10px;text-align:center;color:#EEFDCB}

#2
OriginalCopy
Posted 13 June 2008 - 22:09

OriginalCopy

    I'm harmful, fear me please! :))

  • Grup: Senior Members
  • Posts: 27,268
  • Înscris: 10.08.2006
float?

#3
Sterus
Posted 13 June 2008 - 22:29

Sterus

    Member

  • Grup: Members
  • Posts: 332
  • Înscris: 04.07.2007

View PostOriginalCopy, on Jun 13 2008, 23:09, said:

float?
unde?
daca ii dau pe wrapper se duce naibii

Edited by Sterus, 13 June 2008 - 22:29.

#4
MembruAnonim
Posted 13 June 2008 - 23:20

MembruAnonim

    MembruAnonim

  • Grup: Banned
  • Posts: 398,284
  • Înscris: 08.10.2015
aha. și tu crezi că o să stea cineva să ia codul, să testeze și să ghicească ce nu e în regulă... nu?

#5
OriginalCopy
Posted 13 June 2008 - 23:36

OriginalCopy

    I'm harmful, fear me please! :))

  • Grup: Senior Members
  • Posts: 27,268
  • Înscris: 10.08.2006

View PostSterus, on Jun 13 2008, 22:29, said:

unde?
daca ii dau pe wrapper se duce naibii
prea mult float deja

#6
MihaiD_
Posted 14 June 2008 - 02:48

MihaiD_

    New Member

  • Grup: Members
  • Posts: 3
  • Înscris: 14.06.2008
Incearca asa:

img   {border:none;width:976px;height:200px}
dai float:left la wrapper

si centrezi toata sandramaua asa:


div#centered 
	{ 
		position:absolute;
		
		width:976px;
		height:auto;
		
		margin-left:-(jumate din width wrapper)px; /* center align  */
		margin-top:-(jumate din height wrapper)px; /* center align  */
		
		left:50%;
		top:50%;
 	}
...
	<body>
	  <div id="centred">
		<div id="wrapper">	
.......... continut ............
	 </div>
	 </div>
</body

sau utilizezi min-height pt. wrapper si head...

Edited by MihaiD_, 14 June 2008 - 02:50.

#7
Sterus
Posted 14 June 2008 - 09:32

Sterus

    Member

  • Grup: Members
  • Posts: 332
  • Înscris: 04.07.2007

View Posti0nutzb, on Jun 14 2008, 00:20, said:

aha. și tu crezi că o să stea cineva să ia codul, să testeze și să ghicească ce nu e în regulă... nu?
daca nu dai o mana de ajutor de ce te bagi?

View PostMihaiD_, on Jun 14 2008, 03:48, said:

sau utilizezi min-height pt. wrapper si head...
ms fain mihai

#8
MembruAnonim
Posted 14 June 2008 - 10:45

MembruAnonim

    MembruAnonim

  • Grup: Banned
  • Posts: 398,284
  • Înscris: 08.10.2015

Quote

daca nu dai o mana de ajutor de ce te bagi?
dacă nu știi să întrebi, de ce aștepți o mână de ajutor? :death:

#9
Sterus
Posted 14 June 2008 - 12:00

Sterus

    Member

  • Grup: Members
  • Posts: 332
  • Înscris: 04.07.2007
atata timp cat ai stiut sa pui intrebarea asta (aha. și tu crezi că o să stea cineva să ia codul, să testeze și să ghicească ce nu e în regulă... nu?)... stii despre ce e vorba.

#10
Jumping Jack
Posted 14 June 2008 - 18:28

Jumping Jack

    Member

  • Grup: Members
  • Posts: 622
  • Înscris: 12.09.2007
Salut, nu ne-am mai auzit de mult.  

Daca dai float la wrapper, intr-adevar se duce totul in stinga. Insa afisajul e corect in Firefox si opera, nu in ie7. Chiar daca in ie7 ti se pare tie OK. Si asta pentru ca e normal ca div#wrapper (fara float) sa nu se extinda si sa cuprinda div-urile tale cu float.

Ca sa obtii ceea ce vrei tu, ar trebui sa faci una din doua:

1. Ori mai pui un div#wrapper2 in jurul lui #wrapper, si schimbi asa:

#wrapper2 {margin:5px auto;width:986px} /*atentie la width.*/
#wrapper {padding:5px 5px;width:976px;background:#EEFDCB;border:2px solid #3F6A8C;float:left}

2. Ori scoti formatarile de la wrapper si il lasi numai cu {width:986px;margin :auto} si transferi restul - border, background, etc, ce mai ai tu pe acolo - la elementele tale de pe pagina (head, box, footer).

Apropo, si intr-un caz si in celalalt ar fi bine sa dai clear:both la div#box si la div#footer

Edited by Jumping Jack, 14 June 2008 - 18:28.

#11
Sterus
Posted 14 June 2008 - 21:15

Sterus

    Member

  • Grup: Members
  • Posts: 332
  • Înscris: 04.07.2007
Jumping Jack am crezut ca ai parasit forumul !
daca ai stii cata nevoie am avut de ajutorul tau, dar oricum multumesc pt ce m-ai invatat.
aveam ideea asta in cap dar ma gandeam ca exista ceva mai simplu un cod ceva, dar se pare ca nu

#12
Jumping Jack
Posted 14 June 2008 - 23:44

Jumping Jack

    Member

  • Grup: Members
  • Posts: 622
  • Înscris: 12.09.2007

View PostSterus, on Jun 14 2008, 21:15, said:

Jumping Jack am crezut ca ai parasit forumul !
daca ai stii cata nevoie am avut de ajutorul tau, dar oricum multumesc pt ce m-ai invatat.
aveam ideea asta in cap dar ma gandeam ca exista ceva mai simplu un cod ceva, dar se pare ca nu
Pai nu ti-am zis sa dai PM daca dai de greu? Daca pot, raspund. Bine, de fapt, nici nu am avut timp prea mult. Si de altfel vad ca te descurci destul de bine, fata de cit de incet o pornisesi.

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
Back to Markup Languages

▶ 0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

  1. Forumul Softpedia
  2. → Professional Zone
  3. → Programming
  4. → Markup Languages
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