Jump to content
alexer13

Ajutor CSS

Recommended Posts

lucrez la un site si am intampinat aceeasi problema.. pe o rezolutie de 1920x1080 se vede aliniat la stanga

1342981680157.png

Codul css

* [COLOR="#FFD700"]{ padding: 0; margin: 0; }

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
background-color:#000;
margin:0 auto;
width:100%;
}


#logo{
margin-top: 25px;
margin-left: 95px;
width:400;
height: 120;

}

#reclama{
position:absolute;
margin-left: 465px;
margin-top: -100px;
width:728px;
height: 90px;
}

#zonam{
float:left;
margin: 0px 0px 0px 130px;
width: 1075px;
height: 50px;
background-image:url("resurse/bg-meniu.png");
border-radius: 10px;
box-shadow: 0 0 1px #888;
}



#meniu ul {
font-size:16px;
font-family: Arial;
margin: 15px 0px 0px 10px;
padding: 3 px;
font-weight: bold;
list-style-type: none;
list-style-image: none;

}
#meniu li {
margin: 7px;
display: inline;
}
#meniu a {
text-decoration:none;
color: #fff;
}
#meniu a:hover {
color: #000;
}

#continut{
float:left;
margin: 10px 0px 18px 130px;
width: 810px;
height: auto;

background-color: #fff;
border-radius: 5px;
box-shadow: 0 0 1px #888;
}

#continut p {
text-align:center;
}

#bara{
position:absolute;
margin: 61px 0px 0px 950px;
width: 250px;
height: auto;
background-color: #fff;
border-radius: 5px;

}

#bara2{
margin: 260px 0px 0px 950px;
width: 250px;
height: auto;
background-color: #fff;
border-radius: 5px;

}

#bara3{
margin: 290px 0px 0px 950px;
width: 250px;
height: auto;
background-color: #fff;
border-radius: 5px;

}

#formular{
float:left;
width: 650px;
height: 500 px;
margin: 5px 3px 5px 10px;
}

#bara h2 .bar{
text-align:center;
}

#bara p.bar2{
text-align:center;
font-weight: bold;

}[/COLOR]

Link to comment
Share on other sites

rezolvarea este de obicei foarte simpla ... dar pentru ca nu ai dat html deloc e greu sa te ajutam calumea... o chestie care ar putea sa mearga dupa cum ai structurat css-u.. incearca:


body > * { margin: 0 auto; float: none; display: block; }

chiar daca merge... nu e frumos daca vrei sa iti zic exact cum sa faci pune cel putin primul nivel de nesting din body ca sa pot sa iti zic exact ce css sa pui

Link to comment
Share on other sites

am asa:

* {

margin: 0;

padding: 0;

}

body {

font-family: Arial, Helvetica, sans-serif;

font-size: 14px;

background-color:#000;

margin:0 auto;

width:100%;

}

#wrapper {

width: 1000px;

margin-top: 0px;

margin-left: auto;

margin-right: auto;

}

si acum e pe dreapta mai mult

1343040108773.png

Edited by alexer13
Link to comment
Share on other sites

Va multumesc tuturor care au postat.

Am rezolvat problema. Dupa ce am setat:

body {

font-family: Arial, Helvetica, sans-serif;

font-size: 14px;

background-image:url("resurse/bgsus.png");

background-repeat:no-repeat;

background-position:top;

background-color:#000;

margin:0 auto;

width:100%;

text-align:center;margin:0

}

#wrapper {

position:relative;

width: 1190px;

margin-top: 0px;

margin-left: auto;

margin-right: auto;

text-align:left;

}

Trebuia sa setez iar margin-left la celelalte elemente.

Link to comment
Share on other sites

body {

font-family: Arial, Helvetica, sans-serif;

font-size: 14px;

background-image:url("resurse/bgsus.png");

background-repeat:no-repeat;

background-position:top;

background-color:#000;

margin:0 auto;

width:100%;

text-align:center;margin:0

}

background position ar trebui sa aiba doua valori. Acum nu iti strica nimic, dar in alte cazuri s-ar putea.

De ex: background-position: x y; ( ca si unitate poti avea px, em, % sau left,top,bottom,middle,center, right ).

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.



×
×
  • Create New...