Javascript Disabled Detected

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

« 1 / 5 »

Seriale turcesti/coreene online H...

Merita un Termostat Smart pentru ...

Sfat achizitie MTB Devron Riddle

Problema mare cu parintii= nervi ...

switch microtik

Permis categoria B la 17 ani

Sfaturi pentru pregatirea de eval...

Crapaturi placa

cum imi accesez dosarul electroni...

Momentul Aprilie 1964

Sursa noua - zgomot ?

A fost lansat Ubuntu 24.04 LTS

Pareri apartament in zona Berceni?

Free streaming SkyShowtime de la ...

Skoda Fabia 1.0 TSI (110 CP)- 19 ...

Mezina familiei, Merida BigNine

View New Content

Nelămurire...

Last Updated: Feb 22 2014 20:46, Started by HellCritical , Feb 14 2014 17:15

Please log in to reply

4 replies to this topic

#1
HellCritical

Posted 14 February 2014 - 17:15

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

Posted 14 February 2014 - 23:27

Senior Member

Grup: Senior Members
Posts: 5,337
Î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

Posted 15 February 2014 - 11:14

Junior Member

Grup: Members
Posts: 37
Înscris: 19.09.2009

MooF2010, 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

Posted 15 February 2014 - 14:45

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

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>
<div id="divWrapper">
	<div id="divHeader"><img src="images/logo2.jpg" width="565" height="208" /></div>
	<div id="divLinks">
		<div id="divNav">
			<ul>
				  <li><a href="biletele_zilei.html">Biletele Zilei</a></li>
				  <li><a href="clasamente.html">Clasamente</a></li>
				  <li><a href="sms_activ.html">SMS ACTIV</a></li>
				  <li><a href="rezultate_live.html">Rezultate Live</a></li>
				  <li><a href="pay_bet_expert.html">Pay Bet Expert</a></li>
			</ul>
		</div>
	</div>
</div>

</body>
</html>

Spoiler

CSS:

html, body {
height: 100%;
}
body {
margin: 0px;
background:url(images/bg.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
#divWrapper {
width: 1400px;
margin: 0px auto;
padding: 40px;
}
#divHeader {
width: 1400px;
text-align: center;
}
#divHeader img {
border-radius:6px;
border:3px solid #666;
}
#divLinks {
width: 1210px;
padding-top: 25px;
}
#divNav ul {
list-style-type: none;
}
#divNav ul li {
float: left;
}
#divNav ul li a {
display: block;
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:6px;
-moz-border-radius-topleft:6px;
border-top-left-radius:6px;
-webkit-border-top-right-radius:6px;
-moz-border-radius-topright:6px;
border-top-right-radius:6px;
-webkit-border-bottom-right-radius:6px;
-moz-border-radius-bottomright:6px;
border-bottom-right-radius: 6px;
-webkit-border-bottom-left-radius:6px;
-moz-border-radius-bottomleft:6px;
border-bottom-left-radius:6px;
text-indent:0;
border:2px solid #000000;
display:inline-block;
color:#ffffff;
font-family:arial;
font-size:20px;
font-weight:bold;
font-style:normal;
height:50px;
line-height:50px;
width:200px;
text-decoration:none;
text-align:center;
margin-right: 30px;
}

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

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

#5
daLeo

Posted 22 February 2014 - 20:46

Junior Member

Grup: Members
Posts: 147
Înscris: 09.08.2007

HellCritical, 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

Neurochirurgie minim invazivă

"Primum non nocere" este ideea ce a deschis drumul medicinei spre minim invaziv.

Avansul tehnologic extraordinar din ultimele decenii a permis dezvoltarea tuturor domeniilor medicinei. Microscopul operator, neuronavigația, tehnicile anestezice avansate permit intervenții chirurgicale tot mai precise, tot mai sigure. Neurochirurgia minim invazivă, sau prin "gaura cheii", oferă pacienților posibilitatea de a se opera cu riscuri minime, fie ele neurologice, infecțioase, medicale sau estetice.

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.

Nelămurire...

#1 HellCritical Posted 14 February 2014 - 17:15

#2 MooF2010 Posted 14 February 2014 - 23:27

#3 HellCritical Posted 15 February 2014 - 11:14

#4 HellCritical Posted 15 February 2014 - 14:45

#5 daLeo Posted 22 February 2014 - 20:46

Anunturi

▶ 0 user(s) are reading this topic

Sign In

#1
HellCritical

Posted 14 February 2014 - 17:15

#2
MooF2010

Posted 14 February 2014 - 23:27

#3
HellCritical

Posted 15 February 2014 - 11:14

#4
HellCritical

Posted 15 February 2014 - 14:45

#5
daLeo

Posted 22 February 2014 - 20:46