Jump to content

SUBIECTE NOI
« 1 / 5 »
RSS
casa verde 2024

Intrerupator cu N - doza doar cu ...

Incalzire casa fara gaz/lemne

Incalzire in pardoseala etapizata
 Suprataxa card energie?!

Cum era nivelul de trai cam din a...

probleme cu ochelarii

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.
 

Problema HTML

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

#1
tzibman

tzibman

    Member

  • Grup: Members
  • Posts: 523
  • Înscris: 18.06.2011
Buna seara!
M-am apucat acum 2 zile de invatat HTML si CSS si am decis sa incep cu practica. Am facut astazi o pagina, folosind doar ceea ce stiu si am reusit, insa am o mica problema. Cand fac fereastra browserului mai mica unele elemente din pagina se amesteca si vin unele peste altele. Am observat insa ca la alte pagini cand fac aceeasi actiune elementele raman la locul lor, iar pagina apare doar ca un crop la o imagine-nu stiu cum sa ma exprim altfel, adica pur si simplu ies din cadru si nu se baga unele peste altele.
Cum pot face acelasi lucru pentru pagina mea ?
Imi cer scuze daca  mai exista vre-un subiect de genul .

#2
CuteGuy

CuteGuy

    Active Member

  • Grup: Members
  • Posts: 1,870
  • Înscris: 11.09.2005
Foloseste valori in procente sau 'auto' si nu in px pentru width/height. Daca ai un div de 700px width, in momentul in care faci resize la window, codul va afisa in continuare 700px si nu 80% din total width. Logic, nu ?

#3
poadol

poadol

    Guru Member

  • Grup: Senior Members
  • Posts: 14,104
  • Înscris: 13.12.2010
Pune codul HTML si CSS cu ceea ce ai facut pe forum, pentru ca sa ne putem da seama ce ai facut corect si unde ai gresit.

#4
sergiu_spooky

sergiu_spooky

    Senior Member

  • Grup: Senior Members
  • Posts: 3,738
  • Înscris: 23.06.2006
Probabil folosesti si pozitionare absoluta unde nu e cazul.

#5
tzibman

tzibman

    Member

  • Grup: Members
  • Posts: 523
  • Înscris: 18.06.2011
Sper sa nu moara cineva de inima , dar asta e , sunt incepator. Stiu ca e o amestecatura de te doare  capul aici, dar inca nu sunt invatat.
Cat despre pozitionare , cu absolute, si celelalte, inca nu m-am prins cum sa le combin ca nu imi iese nimic.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<HTML>
<head>
<title> Pregatire </title>
<link rel="stylesheet" type="text/css" href="index.css"   />
</head>
<body style="background-image:url(army.jpg); background-repeat:no;>
<div id="Header">
<div id="header1"><a href="index.html" ><img src="header1.jpg"  style="position:absolute; left:0px; top:0px "
height="125px"></a></div>
<div id="line"><img src="line.jpg" style="position:absolute; left:0px; top:120px;" width="100%" height="5px"> </div>
<div id="header2"><img src="header2.jpg" style="position:absolute; left:265px; top:0px;" width="79%" height="120px"></div>
<div id="bar"><img src="bar.jpg" style="position:absolute; left:20%; right:20%; top:125px;" height="50px" width="60%" >
<div>
<a id="home" href="index.html" >Home</a>
<a id="matematica" href="matematica.html">Matematica</a>
<a id="psihologie" href="psihologie.html">Psihologie</a>
</div>
</div>
</div>
<div>
</div>
<div id="shadow1">
<div id="contentbox">

<h2><font face="arial"><b><u>Academia Fortelor Terestre</font></b></u></h2>

</div>
</div>

<h1> - pentru "Academia Fortelor Terestre Sibiu"</h1>
<div id="bottom">
<img id="bottom" src="bottom.jpg" >
</div>
<h3 id="Copyright"><font face="amze">Copyright: 2013 "Pregatire pentru Academia Fortelor Terestre Sibiu"</font></h3>
<iframe width="640" height="360" style="position:absolute; top:35%; left:25%;"
src="http://www.youtube.com/embed/m5F8o1WsxjQ?feature=player_detailpage" frameborder="4px black" allowfullscreen></iframe>
<iframe width="640" height="360" style="position:absolute; top:85%; left:25%;"
src="http://www.youtube.com/embed/YV6Jafsv4vU?feature=player_detailpage" frameborder="4px black" allowfullscreen></iframe>
<div>
<a href="http://www.armyacademy.ro/"><img id="aft" src="aft site.jpg" title="Website AFT Sibiu" ></a>
<a href="https://www.facebook.com/pages/Academia-Fortelor-Terestre-Nicolae-Balcescu-Sibiu/419415781454960?fref=ts"><img id="facebook1" src="facebook1.jpg"
title="AFT Sibiu Facebook page" ></a>
<a href="http://www.mapn.gov.ro/"><img id="mapn" src="mapn.jpg" title="Ministerul Apararii Nationale" ></a>
<a href="http://www.anp-just.ro/"><img id="anp" src="ANP.jpg" title="Administratia Nationala a Penitenciarelor" ></a>
<img src="line2.jpg" id="line2">
<img src="line2.jpg" id="line3">
</div>
<h4>Studenti la Academia Fortelor Terestre din Sibiu</h4>
<h5>Primele zile in Academia Fortelor Terestre </h5>

</body>
</HTML>


si

body { height:1400px; width:500px; margin:0; }
a {font-size:35px; color:blue; text-decoration:none; color:white; display:block;  display:inline;  }
h1 {position:absolute; top:3%; left:25%; color:white; font-size:35px; }
h2 {position:absolute; top:-17px; left:20%; color:Black; font-size:55px; text-shadow: rgb(160,160,160) 5px -2px 2px; }
img#bottom {position:absolute; bottom:0%; left:0px; top:1550px; width:100%; height:79px;}
h3#Copyright {position:absolute; bottom:0%; left:20%; top:1580px; ; height:60px; color:white;
font-size:20px; padding:0px; margin:0px; }
h4 {position:absolute; top:650px; left:25%; color:black; font-size:30px; text-shadow: rgb(110,130,130) 5px -2px 2px; }
h5 {position:absolute; top:1100px; left:25%; color:black; font-size:30px; text-shadow: rgb(110,130,130) 5px -2px 2px;}
img#line2 {position:absolute; left:18%; top:1260px; width:800px; height:10px;}
img#line3 {position:absolute; left:18%; top:1420px; width:800px; height:10px;}
img#aft {position:absolute; left:30%; top:1300px;}
img#facebook1 {position:absolute; left:40%; top:1300px;}
img#mapn {position:absolute; left:50%; top:1300px;}
img#anp {position:absolute; left:60%; top:1300px;}

div#contentbox {position:absolute; left:20px; right:20px; top:23%; bottom:10px;  height:1300px; background:white; border:2px solid orange;
-webkit-border-radius:25px; -webkit-box-shadow:rgb(60,60,60) 10px 10px 10px; OPACITY:0.6;}

a#home {position:absolute; top:126px; left:25%; padding:4px;}
a#matematica {position:absolute; top:126px; left:39%; padding:4px;}
a#psihologie {position:absolute; top:126px; left:59%; padding:4px;}
a#home:hover {color:white; background:orange; width:90px; margin:0px; -webkit-border-radius:10px;  }
a#matematica:hover {color:white; background:orange; width:170px; margin:0px; -webkit-border-radius:10px;}
a#psihologie:hover {color:white; background:orange; width:148px; margin:0px; -webkit-border-radius:10px;}




#6
tzibman

tzibman

    Member

  • Grup: Members
  • Posts: 523
  • Înscris: 18.06.2011
E clar, v-am omorat Posted Image

#7
poadol

poadol

    Guru Member

  • Grup: Senior Members
  • Posts: 14,104
  • Înscris: 13.12.2010
"M-am apucat acum 2 zile de invatat HTML si CSS si am decis sa incep cu practica." ????
Decizie gresita. Este ca si cum te-ai apuca de raliuri si tu habar nu ai cum se conduce masina.
Asta da practica.:D
Sau in felul acesta = ai incercat sa mergi cu bicicleta inca de cand habar nu aveai sa umbli in doua picioare. :)
Stil pur romanesc, nu-i asa?

View Posttzibman, on 22 martie 2013 - 19:44, said:

Sper sa nu moara cineva de inima , dar asta e , sunt incepator. Stiu ca e o amestecatura de te doare  capul aici, dar inca nu sunt invatat.
Cat despre pozitionare , cu absolute, si celelalte, inca nu m-am prins cum sa le combin ca nu imi iese nimic.


Habar nu am cum ai reusi sa te prinzi despre pozitionari si tot restul cand iti lipseste baza = "cunoasterea Html-ului si Css-ului?Intai inveti despre ce si cum teoretic, dupa care exersezi si practic, eventual pe masura ce inveti teoretic sa te ocupi si de practica, cel putin asa se procedeaza in mod normal.

#8
tzibman

tzibman

    Member

  • Grup: Members
  • Posts: 523
  • Înscris: 18.06.2011

View Postpoadol, on 22 martie 2013 - 22:51, said:

"M-am apucat acum 2 zile de invatat HTML si CSS si am decis sa incep cu practica." ????
Decizie gresita. Este ca si cum te-ai apuca de raliuri si tu habar nu ai cum se conduce masina.
Asta da practica.Posted Image
Sau in felul acesta = ai incercat sa mergi cu bicicleta inca de cand habar nu aveai sa umbli in doua picioare. Posted Image
Stil pur romanesc, nu-i asa?
DA, dar asta e cel mai bun mod de a invata, adica nu e ca si cum m-as fi apucat azi de facut bani din asta. Oricum pagina in sine a iesit destul de bine, mai bine  decat m-as fi asteptat, atat doar ca am aceasta problema, la care nu am gasit inca solutia. Parerea mea e ca si limbajele de programare se invata ca matematica, exersand. Daca ma apucam de citit 100, si tot ar fi aparut astfel de probleme. Oricum ceea ce am vrut sa spun cu 2 zile... adica de 2 zile m-am apucat de invatat la modul serios ca de altfel am cam un an de cand am modificat primul site.

View Postpoadol, on 22 martie 2013 - 23:01, said:

"M-am apucat acum 2 zile de invatat HTML si CSS si am decis sa incep cu practica." ????
Decizie gresita. Este ca si cum te-ai apuca de raliuri si tu habar nu ai cum se conduce masina.
Asta da practica.Posted Image
Sau in felul acesta = ai incercat sa mergi cu bicicleta inca de cand habar nu aveai sa umbli in doua picioare. Posted Image
Stil pur romanesc, nu-i asa?



Habar nu am cum ai reusi sa te prinzi despre pozitionari si tot restul cand iti lipseste baza = "cunoasterea Html-ului si Css-ului?Intai inveti despre ce si cum teoretic, dupa care exersezi si practic, eventual pe masura ce inveti teoretic sa te ocupi si de practica, cel putin asa se procedeaza in mod normal.
Aici am lucrat dupa niste tutoriale de pe thenewboston.com si da am facut dupa alea nu inainte de capul meu.

#9
sergiu_spooky

sergiu_spooky

    Senior Member

  • Grup: Senior Members
  • Posts: 3,738
  • Înscris: 23.06.2006
Legat de pozitionarea absoluta pentru incepatori, e simplu: daca esti incepator NU te atingi de pozitionare absoluta sub nicio forma.
Daca ai habar ce faci atunci e posibil sa dai peste un caz din cincizeci in care nu poti implementa un design fara unu-doua elemente pozitionate absolut pentru ca vrei neapratat sa respecti un document outline corect sau te gandesti la SEO.
La nivelul tau sub absolut nicio forma nu ar trebui sa te atingi de pozitionare absoluta.

#10
Andrey77

Andrey77

    Member

  • Grup: Members
  • Posts: 688
  • Înscris: 22.12.2009
Ma, sa mor eu, tu chiar nu ai vazut ca primul om care ti-a dat reply ti-a spus exact ce trebuie sa faci?

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

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