Sari la conținut
Forum Roportal
ady_801

position css

Evaluează acest topic

Postări Recomandate

Vreau sa construiesc un site, dar nici nu am terminat bine meniul si am dat peste o problema de design: vreau ca site-ul sa se intinda pe toata latimea paginii indiferent de rezolutie sau browser, ceea ce incerc functioneaza pana acum cat de cat, singura problema fiind faptul ca daca micsorez latimea ferestrei undeva sub 1024px meniul nu mai are designul dorit... Sper sa ma ajutati cu sugesti sa rezolv odata problema asta... aici e problema

Partajează acest post


Link spre post
Distribuie pe alte site-uri

Incearca sa pui ca fundal o poza de culoare alba de marime 1024px si spune-mi daca merge asa sau nu.

Editat de rhs

Partajează acest post


Link spre post
Distribuie pe alte site-uri

Fundal pentru ce? pentru body... sau pentru ce.... am incercat si asa cateva variante dar n-am reusit... :flowers: pagina in sine ramane la 1024px dar meniul ramane lipit de marginea ferestrei...

Editat de ady_801

Partajează acest post


Link spre post
Distribuie pe alte site-uri

Da, ca body.

Ciudat ca nu iti merge. De obicei browser-ul trebuie sa arate marimea originala a imaginii.

Cu ce programe lucrezi? Si ... incearca un alt template care sa te satisfaca :flowers:

Partajează acest post


Link spre post
Distribuie pe alte site-uri

Scriu codul in edit plus... si pana akum n-am avut probleme de genul asta... in fine incerc sa imi mai bat eu capul.... :flowers: ms oricum

Editat de ady_801

Partajează acest post


Link spre post
Distribuie pe alte site-uri

Nu ai pt ce :flowers:

Ai incercat Front Page 2003 ?

Partajează acest post


Link spre post
Distribuie pe alte site-uri

e foarte simplu si util. sper sa te ajute :flowers: bafta

Partajează acest post


Link spre post
Distribuie pe alte site-uri

L-am "refacut" acum din lipsa de activitate.

Incearca asa:

<html>
<head>
<style type="text/css">

.container {
height:110px; width:1045px; 
position:absolute; 
top:0px; left:0px;
float:left;
}

.logo{
background:url("logo.jpg");
height:125px; width:330px;
float:left;
}

.menu {
background:url("meniu.jpg");
height:70px; width:445px;
float:left; margin-top:49px;
}

a:link, a:active, a:visited {font-family:"Arial"; font-size:12px; text-decoration:none; color:#000;}

.menu a{
background:url("buton.jpg");
background-repeat:no-repeat;
height:35px; width:110px;
margin-top:16px; 	
display:block;
padding-top:10px; 
float:left;
text-align:center;
text-decoration:none; 
font-size:15px;
color:#fff;
}

.menu a:hover {background:url("butonh.jpg"); background-repeat:no-repeat;}

.login {
background:url("login.jpg");
height:120px; width:269px; 
float:left;
}

.text {
background: url(textbox.jpg); 
color:#050F85; border: 0px solid #3300FF; 
width:100px; height:20px; 
position:relative; top:9.5px; left:17px; padding:0px;
}

.field {
background: url(textbox+.jpg);  background-repeat: no-repeat; 
border: 0px solid #3300FF;
width:138px; height:38px; 
padding:0px; position:absolute; top:0px; right:-15px;
}

</style>

<script language="javascript" type="text/javascript">
function setuser()
{if(document.forms.mda.user.value == ""){document.forms.mda.user.value = "user"}}
function setuserd()
{if(document.forms.mda.user.value == "user"){document.forms.mda.user.value = ""}}
function setpass()
{if(document.forms.mda.pass.value == ""){document.forms.mda.pass.value = "parola"}}
function setpassd()
{if(document.forms.mda.pass.value == "parola"){document.forms.mda.pass.value = ""}}
</script>

</head>

<body>

<div class="container">
<div class="logo"></div>
<div class="menu">

<a href="">Regulament</a>
<a href="">FAQ</a>
<a href="">Linkuri</a>
<a href="">Contact</a>

</div>
<div class="login">

<form name="mda" method="post" action="index.html">

<div style="position:absolute; right:60px; top:16px;">
<fieldset class="field">
<input type="text" name="user"  value="user" onfocus="setuserd()" onblur="setuser()" class="text"/>
</fieldset>
</div>

<div style="position:absolute; right:85px; top:53px;">
<fieldset class="field">
<input type="password" name="pass" value="parola" onfocus="setpassd()" onblur="setpass()" class="text"/></fieldset>
</div>

<div style="position:absolute; right:20px; top:56px;">
<input type="image" src="go.jpg" onmouseover="src='goh.jpg'" onmouseout="src='go.jpg'"/>
</div>

<div style="position:absolute; right:130px; top:87px;">
<a href="#">Inregistrare</a></div>
<div style="position:absolute; right:85px; top:87px;">
<a href="#">Login</a></span></div>

</form>

</div>
</div>

</body>
</html>

 

Nu stiu cat de corect o fi, dar aparent merge, nu-si mai schimba design-ul cand micsorezi fereastra, cel putin in firefox si ie 6.

As fi atasat direct pagina html, dar cica nu am "permisiunea".

Editat de Scythe

Partajează acest post


Link spre post
Distribuie pe alte site-uri

Creează un cont sau autentifică-te pentru a adăuga comentariu

Trebuie să fi un membru pentru a putea lăsa un comentariu.

Creează un cont

Înregistrează-te pentru un nou cont în comunitatea nostră. Este simplu!

Înregistrează un nou cont

Autentificare

Ai deja un cont? Autentifică-te aici.

Autentifică-te acum

×