Javascript Disabled Detected

You currently have javascript disabled. Several functions may not work. Please re-enable javascript to access full functionality.

« 1 / 5 »

joc idem Half Life gratis

PC game stream catre Nvidia Shiel...

Pompa de apa HEPU ?!

Vreau o masina electrica de tocat...

Cum ajunge remorca de tir inapoi ...

Alt "Utilizator nou" pe T...

ULBS INFORMATICA

Index preturi

Boxa membrana tweeter infundata

Am nevoie de poze cu un curcubeu

Whisky for Mac

Xiaomi 14 Gpay

Izolare zid exterior de scandura

Dezinstalare drivere W11 23H3

Recomandare masina de spalat fiab...

BSOD din cauza Intel Audio DSP dr...

View New Content

Dimensiunea div-urilor pe rezolutii diferite

Last Updated: Jul 07 2013 00:16, Started by 14k , Jun 22 2013 14:32

Please log in to reply

8 replies to this topic

#1
14k

Posted 22 June 2013 - 14:32

New Member

Grup: Members
Posts: 3
Înscris: 22.06.2013

Salut,as dori daca se poate niste ajutor despre cum sa fac dimensiuniile div-urilor sa arate la fel in alte browsere cu rezolutii mai mari sau mai mici fata de browserul pe care am creat site-ul.Am citit cateva articole in engleza dar nu prea am inteles.In domeniul de css/html am invatat multe chestii dar doar pe cont propriu asa incat nu le am prea ordonate in cap.

Daca puteti sa-mi spuneti cu ce-am gresit in aceste coduri si ce-ar trebuii sa fac ar fi perfect

Css:

<style>
html,body {
background-image:url('images/background1.jpg');
background-repeat: no-repeat;
background-position: left center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
width: 100%;
height: 100%;
overflow-x:hidden;
overflow-y: auto;
margin: 0px;
padding: 0;
border: none;
}
div#container
{
position:relative;
width: 100%;
height: 100%;
}
#news
{
border:1px solid #000000;
border-radius:25px;
}
.ws11 {font-size: 14px;}
.ws13 {font-size: 15px;font-weight:bold;}
.ws14 {font-size: 13px;}
.wpmd {margin-left: -9%;font-size: 11px;font-family: Arial,Helvetica,Sans-Serif;font-style: normal;font-weight: normal;}
.wpmd1 {font-size: 11px;font-family: Arial,Helvetica,Sans-Serif;font-style: normal;font-weight: normal;}
.wpmd2 {font-size: 11px;font-family: Arial,Helvetica,Sans-Serif;font-style: normal;font-weight: normal;}
a.style1:link{color:#FFFFFF;text-decoration: none;}
a.style1:visited{color:#BDBDBD;text-decoration: none;}
a.style1:hover{color:#D9B24A;text-decoration: none;}
a.style1:active{color:#FFFFFF;text-decoration: none;}
a.style10:link{color:#000000;text-decoration: none;}
a.style10:visited{color:#000000;text-decoration: none;}
a.style10:hover{color:#000000;text-decoration: none;}
a.style10:active{color:#000000;text-decoration: none;}
#wrapper
{
text-align:center;
}
#image1
{
-moz-box-shadow: 3px 3px 4px #000;
-webkit-box-shadow: 3px 3px 4px #000;
box-shadow: 3px 3px 4px #000;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}
</style>

Html:

<body>
<div id="container">
<div id="g_text2" style="position:absolute; overflow:hidden; left: 1%; top:0px; width:100%; height:2.5%; z-index:2">
<div class="wpmd2">
<div>
<font face="Tahoma"><B><a href="index.php" target="_self" class="style1">Acasa</a></B></font>
<font face="Tahoma"><B><a href="#" target="_blank" class="style1">         Forum</a></B></font>
<font face="Tahoma"><B><a href="contact.php" target="_self" class="style1">         Contact</a></B></font>
</div>
</div>
</div>
<div id="wrapper">
<div id="content" style="position:absolute; overflow:hidden; left: 0%; top: 0; width:100%; height:150%; z-index:1"><img src="images/content2.png" border=0 width:100%; height:100%;></div>
<div id="news" style="position:absolute; overflow:hidden; left:40%; top:20%; width:20%; height:11%; z-index:2"><img src="images/news.png" width=100% height=100%></div>
<div id="text1" style="position:absolute; overflow:hidden; left:27.5%; top:40%; width:50%; height:20%; z-index:3">
<div class="wpmd">
<div><font face="Tahoma" class="ws13"></font><font color="#FFFFFF" face="Tahoma" class="ws13">Duel:Madara vs Yamamoto</font></div>
<div><font color="#FFFFFF" face="Tahoma" class="ws14">postat pe data de 10.06.2013,19:00-de c</font><font color="#FFFFFF" face="Tahoma" class="ws11">�</font><font color="#FFFFFF" face="Tahoma" class="ws14">tre 14k</font></div>
<div><font color="#FFFFFF" face="Tahoma" class="ws11"><BR></font></div>
<div><font color="#FFFFFF" face="Tahoma" class="ws11">A </font><font color="#FFFFFF" face="Tahoma" class="ws11">î</font><font color="#FFFFFF" face="Tahoma" class="ws11">nceput lupta titanilor.Cine va </font><font color="#FFFFFF" face="Tahoma" class="ws11">î</font><font color="#FFFFFF" face="Tahoma" class="ws11">nvinge? Ei bine asta decideti voi.</font></div>
<div><font color="#FFFFFF" face="Tahoma" class="ws11">         V</font><font color="#FFFFFF" face="Tahoma" class="ws11">�</font><font color="#FFFFFF" face="Tahoma" class="ws11"> astept</font><font color="#FFFFFF" face="Tahoma" class="ws11">�</font><font color="#FFFFFF" face="Tahoma" class="ws11">m pe forumul nostru unde ve</font><font color="#FFFFFF" face="Tahoma" class="ws11">�</font><font color="#FFFFFF" face="Tahoma" class="ws11">i putea vota,discuta,sugera urm</font><font color="#FFFFFF" face="Tahoma" class="ws11">�</font><font color="#FFFFFF" face="Tahoma" class="ws11">toarea b</font><font color="#FFFFFF" face="Tahoma" class="ws11">�</font><font color="#FFFFFF" face="Tahoma" class="ws11">t</font><font color="#FFFFFF" face="Tahoma" class="ws11">�</font><font color="#FFFFFF" face="Tahoma" class="ws11">lie!    </font><font color="#000000" face="Tahoma" class="ws11">          </font></div>
<div><font color="#000000" face="Tahoma" class="ws11"></font></div>
<div style="line-height:0.50;"><font color="#000000" face="Tahoma" class="ws11"><BR></font></div>
<div><font color="#000000" face="Tahoma" class="ws11"><BR></font></div>
</div>
</div>
<div id="image1" style="position:absolute; overflow:hidden; left:40%; top:60%; width:20%; height:20%; z-index:3"><a href="#" target="_blank" class="style10"><img src="images/Madara_vs_Yamamoto_Senju.jpg" border=1 width=100% height=100%></a></div>
<div id="text2" style="position:absolute; overflow:hidden; left:27.5%; top:90%; width:50%; height:20%; z-index:3">
<div class="wpmd">
<div><font face="Tahoma" class="ws13"></font><font color="#FFFFFF" face="Tahoma" class="ws13">Kore wa Zombie Desu ka? Ep. 11</font></div>
<div><font color="#FFFFFF" face="Tahoma" class="ws14">postat pe data de 10.06.2013,19:00-de c</font><font color="#FFFFFF" face="Tahoma" class="ws11">�</font><font color="#FFFFFF" face="Tahoma" class="ws14">tre 14k</font></div>
<div><font color="#000000" face="Tahoma" class="ws11"><BR></font></div>
</div>
</div>
<div id="image1" style="position:absolute; overflow:hidden; left:40%; top:100%; width:20%; height:20%; z-index:3"><a href="#" target="_blank" class="style10"><img src="images/8qx.png" border=1 width=100% height=100%></a></div>
</div>
<?php include 'lista.php'; ?>
</div>
</body>

#2
poadol

Posted 22 June 2013 - 14:45

Guru Member

Grup: Senior Members
Posts: 14,104
Înscris: 13.12.2010

Cu ce anume ai generat acele coduri?

#3
14k

Posted 22 June 2013 - 14:50

New Member

Grup: Members
Posts: 3
Înscris: 22.06.2013

poadol, on 22 iunie 2013 - 14:45, said:

Cu ce anume ai generat acele coduri?

Nu sunt generate ci scrise de la tastatura intr-un fisier html sau php cu macromedia dreamweaver

#4
Mizu

Posted 22 June 2013 - 15:02

moroșan

Grup: Senior Members
Posts: 18,808
Înscris: 10.12.2006

Dimensiunea lor se modifica pentru ca ai specificat-o in procente peste tot. Daca vrei sa ramana constanta baga dimensiuni fixe la acele div-uri.

#5
poadol

Posted 22 June 2013 - 16:30

Guru Member

Grup: Senior Members
Posts: 14,104
Înscris: 13.12.2010

14k, on 22 iunie 2013 - 14:32, said:

"Pe ce browser ai creat site-ul" sau participam la ghici ghicitoarea mea?
In care browser apare incorect ceea ce ai creat in 'macromedia dreamweaver'?

Edited by poadol, 22 June 2013 - 16:37.

#6
14k

Posted 22 June 2013 - 19:43

New Member

Grup: Members
Posts: 3
Înscris: 22.06.2013

poadol, on 22 iunie 2013 - 16:30, said:

"Pe ce browser ai creat site-ul" sau participam la ghici ghicitoarea mea?
In care browser apare incorect ceea ce ai creat in 'macromedia dreamweaver'?

nu cred ca ar conta browserul....ma rog adica nu l-am creat in IE pentru ca este varza,dar in orice browser l-as creea s-ar vedea la fel pentru ca depinde de rezolutia pc-ului meu ci nu de browser.Oricum puteti inchide topicul ca am aflat cum sa fac.Multumesc de ajutor.

#7
poadol

Posted 22 June 2013 - 19:50

Guru Member

Grup: Senior Members
Posts: 14,104
Înscris: 13.12.2010

Si cu ceea ce ai in plus in cod ce facem? Sper ca intelegi la ce ma refer, nu-i asa?

#8
MooF2010

Posted 23 June 2013 - 12:13

Senior Member

Grup: Senior Members
Posts: 5,326
Înscris: 24.05.2010

eu folosesc tabele cu width="x%" deoarece daca trec de pe un monitor squeeze pe unu hd sa nu mi se vada site-ul distorsionat.

mai bine inveti sa iti fac singur css(macar)...

acum 5 ani cand lucream si eu cu dreamweaver aveam de foarte multe ori surpriza ca in dw sa arate perfect si pe browsere dezastruos....

#9
Andrey77

Posted 07 July 2013 - 00:16

Member

Grup: Members
Posts: 688
Înscris: 22.12.2009

Stiti, e cam ironic. Developerii se strofoaca ca site-urile lor sa se adapteze fiecarei rezolutii, browser, device, iar el tine neaparat sa faca inversul. Oricum, daca erai atent, SfPetru iti raspunsese din prima.

Anunturi

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

© 2001-2024 Softpedia. All rights reserved. Softpedia® and the Softpedia logo are registered trademarks of SoftNews Net SRL.
Ora implicita a Forumului Softpedia este ora standard a Romaniei (GMT+2). Mai multe informatii →
⚠ Postarile afisate pe Forumul Softpedia reprezinta o opinie subiectiva a membrilor care le-au publicat si nu a SoftNews Net SRL.

Dimensiunea div-urilor pe rezolutii diferite

#1 14k Posted 22 June 2013 - 14:32

#2 poadol Posted 22 June 2013 - 14:45

#3 14k Posted 22 June 2013 - 14:50

#4 Mizu Posted 22 June 2013 - 15:02

#5 poadol Posted 22 June 2013 - 16:30

#6 14k Posted 22 June 2013 - 19:43

#7 poadol Posted 22 June 2013 - 19:50

#8 MooF2010 Posted 23 June 2013 - 12:13

#9 Andrey77 Posted 07 July 2013 - 00:16

Anunturi

▶ 0 user(s) are reading this topic

Sign In

#1
14k

Posted 22 June 2013 - 14:32

#2
poadol

Posted 22 June 2013 - 14:45

#3
14k

Posted 22 June 2013 - 14:50

#4
Mizu

Posted 22 June 2013 - 15:02

#5
poadol

Posted 22 June 2013 - 16:30

#6
14k

Posted 22 June 2013 - 19:43

#7
poadol

Posted 22 June 2013 - 19:50

#8
MooF2010

Posted 23 June 2013 - 12:13

#9
Andrey77

Posted 07 July 2013 - 00:16