Jump to content

SUBIECTE NOI
« 1 / 5 »
RSS
Karcher k 5,75 Jubilee si K 7,2

Casa D+P+1

Podul de la Poiana Sarata

Ulei sau vaselina intr-o pompa Ka...
 O curiozitate legata de o dotare ...

Imprimante 3D Bambu Lab

adaptor usb c

Cum se numea programul?
 Profesori incompetenti si dezinte...

Volkswagen Passat 1.6 TDI vs. Vol...

Card de vacanta= plata fara pin+ ...

La multi ani @Bucifon!
 Contract de arenda

Sfat achizitie SUV - 36k euro

Fum alb excesiv BMW E90 320D.

Open AI nu (este) Skynet
 

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

Vizualizare mesajOriginalCopy, pe Jun 13 2008, 23:09, a scris:

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: 318,148
  • Î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

Vizualizare mesajSterus, pe Jun 13 2008, 22:29, a scris:

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

Vizualizare mesaji0nutzb, pe Jun 14 2008, 00:20, a scris:

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?

Vizualizare mesajMihaiD_, pe Jun 14 2008, 03:48, a scris:

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

#8
MembruAnonim
Posted 14 June 2008 - 10:45

MembruAnonim

    MembruAnonim

  • Grup: Banned
  • Posts: 318,148
  • Înscris: 08.10.2015

Citat

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

Vizualizare mesajSterus, pe Jun 14 2008, 21:15, a scris:

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

Second Opinion Second Opinion

Folosind serviciul second opinion ne puteți trimite RMN-uri, CT -uri, angiografii, fișiere .pdf, documente medicale.

Astfel vă vom putea da o opinie neurochirurgicală, fără ca aceasta să poată înlocui un consult de specialitate. Răspunsurile vor fi date prin e-mail în cel mai scurt timp posibil (de obicei în mai putin de 24 de ore, dar nu mai mult de 48 de ore). Second opinion – Neurohope este un serviciu gratuit.

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