Jump to content
Forum Roportal
Sign in to follow this  
ady_801

position css

Rate this topic

Recommended Posts

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

Share this post


Link to post
Share on other sites

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

Edited by rhs

Share this post


Link to post
Share on other sites

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...

Edited by ady_801

Share this post


Link to post
Share on other sites

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:

Share this post


Link to post
Share on other sites

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

Edited by ady_801

Share this post


Link to post
Share on other sites

Nu ai pt ce :flowers:

Ai incercat Front Page 2003 ?

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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".

Edited by Scythe

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

×