Jump to content

SUBIECTE NOI
« 1 / 5 »
RSS
Info Coronavirus/Vaccinare vs Fake News

Diferente intre tipurile de banda...

Program editare video portabil

Oferta noua Digi - mai buna decat...
 Alte dimensiuni in CIV.

Renault Symbol ( Thalia I ) - mer...

Pelerinaj in Egipt

Caut aplicatie android inregistra...
 Factura Orange marita

Pentru lipsa de procedura, amana ...

[ANCOM] Toti operatorii de telefo...

Lovitura de stat (dejucata) in Ge...
 Boxe PA audio home use - nivel av...

Boxe wifi

Modem WiFi Huawei

Recomandare scaun de birou
 

Nelămurire...

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

#1
HellCritical

HellCritical

    Junior Member

  • Grup: Members
  • Posts: 37
  • Înscris: 19.09.2009
Vreau să fac un site începând de la zero, fără nici un fel de template, dar nu reușesc să fac butoanele pe care le vreau... Am făcut o schiță dacă pot să-i spun așa în Photoshop...

Schița:
s30.postimg.org/ce44klstb/1111.jpg

Și ce a ieșit la mine deocamdată...:
s28.postimg.org/7jk2x6q6k/buton.jpg

Faza e că nu știu cum să fac div-urile alea să aranjez butoanele așa...


CSS:
html, body {
height: 100%;
}
body {
margin: 0px;
background-image: url(images/bg.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
}
.button {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #628ac5), color-stop(1, #628ac5) );
background:-moz-linear-gradient( center top, #628ac5 5%, #628ac5 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#628ac5', endColorstr='#628ac5');
background-color:#628ac5;
-webkit-border-top-left-radius:8px;
-moz-border-radius-topleft:8px;
border-top-left-radius:8px;
-webkit-border-top-right-radius:8px;
-moz-border-radius-topright:8px;
border-top-right-radius:8px;
-webkit-border-bottom-right-radius:8px;
-moz-border-radius-bottomright:8px;
border-bottom-right-radius:8px;
-webkit-border-bottom-left-radius:8px;
-moz-border-radius-bottomleft:8px;
border-bottom-left-radius:8px;
text-indent:0;
border:3px solid #000000;
display:inline-block;
color:#ffffff;
font-family:arial;
font-size:15px;
font-weight:bold;
font-style:normal;
height:50px;
line-height:50px;
width:100px;
text-decoration:none;
text-align:center;
opacity:0.6;
margin:440px 100px;
}


HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Bet Expert</title>
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<a href="#" class="button">CEL MAI</a>
</body>
</html>


Edited by HellCritical, 14 February 2014 - 17:16.


#2
MooF2010

MooF2010

    Senior Member

  • Grup: Senior Members
  • Posts: 4,869
  • Înscris: 24.05.2010
Acum am vazut diferenta...

cum ai facut id buton ala faci

<div id="meniu"> </div>

si apopi in div pui butoanele si in css la #meniu faci pozitionarea,,,,


Edited by MooF2010, 14 February 2014 - 23:29.


#3
HellCritical

HellCritical

    Junior Member

  • Grup: Members
  • Posts: 37
  • Înscris: 19.09.2009

View PostMooF2010, on 14 februarie 2014 - 23:27, said:

Acum am vazut diferenta...

cum ai facut id buton ala faci

<div id="meniu"> </div>

si apopi in div pui butoanele si in css la #meniu faci pozitionarea,,,,


Habar nu am cum să fac poziționarea...

#4
HellCritical

HellCritical

    Junior Member

  • Grup: Members
  • Posts: 37
  • Înscris: 19.09.2009
Am reușit să fac ceva, ceva dar tot nu arată cum vreau eu...

Spoiler

Spoiler

Ideea e că butoanele nu sunt pe centrul paginii...

http://s29.postimg.o...h8evx2e/mda.jpg

#5
daLeo

daLeo

    Junior Member

  • Grup: Members
  • Posts: 137
  • Înscris: 09.08.2007

View PostHellCritical, on 15 februarie 2014 - 14:45, said:

Am reușit să fac ceva, ceva dar tot nu arată cum vreau eu...

Ideea e că butoanele nu sunt pe centrul paginii...

http://s29.postimg.o...h8evx2e/mda.jpg

Centreaza prima data #divLinks
margin: 0 auto;
, scoate marginea si padding-ul de la ul, adauga
text-align: center;
scoate float de la li si aliniazale cu inline-block.La ultimul a scoate marginea din dr
#divNav ul li:last-child a {
margin-right: 0;
}
si gata sunt aliniate...

P.S. IE8 nu stie last-child, daca vrei sa mearga si in ie8 dai o clasa sau id la ultimul li.

Anunturi

Bun venit pe Forumul Softpedia!

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