Sign In
Create Account
2 butoane pe un rând/ subliniere&recolorare text la adăugare link HTML
Last Updated: Jan 14 2013 17:26, Started by
MihaixD
, Jan 14 2013 15:39
·
0
0
#1
Posted 14 January 2013 - 15:39
|
Salutare!
Sunt nou în HTML și am dat de 2 probleme cărora nu le pot da de cap, pe google n-am găsit răspuns(sigur nu am știut eu să caut bine) așa că vă întreb pe voi. 1. Am 2 butoane cu codurile: <div id="buton"><center>BUTON </center></div> <div id="buton1"><center>BUTON 1</center></div> Bun, eu încerc să le pun pe același rând, am încercat cu <h1>, <p>, <td>, <tr> și <body> și tot nu am reușit. Bănuiesc că nu trebuie să postez și CSS-ul  .2. Când adaug unui text un link cu <a href="link">ACESTA ESTE UN EXEMPLU.</a> acel text, în acest caz "ACESTA ESTE UN EXEMPLU." se colorează în albastru și se subliniază cu o linie albastră. Cum pot rezolva? |
Back to top
#2
Posted 14 January 2013 - 15:57
|
Salutare! Sunt nou în HTML şi am dat de 2 probleme cărora nu le pot da de cap, pe google n-am găsit răspuns(sigur nu am ştiut eu să caut bine) aşa că vă întreb pe voi. 1. Am 2 butoane cu codurile: <div id="buton"><center>BUTON </center></div> <div id="buton1"><center>BUTON 1</center></div> Bun, eu încerc să le pun pe acelaşi rând, am încercat cu <h1>, <p>, <td>, <tr> şi <body> şi tot nu am reuşit. Bănuiesc că nu trebuie să postez şi CSS-ul .2. Când adaug unui text un link cu <a href="link">ACESTA ESTE UN EXEMPLU.</a> acel text, în acest caz "ACESTA ESTE UN EXEMPLU." se colorează în albastru şi se subliniază cu o linie albastră. Cum pot rezolva? <div id="butoane"> <div id="buton1">BUTON 1</div> <div id="buton2">BUTON 2</div> </div>#butoane {width:X;height:Y} X = lungime buton1+lungime buton2 + marja | Y = inaltimea unui buton +/- extra spatiu #buton1 {float:left;margin:0 auto;} #buton2 {float:right;margin:0 auto;} a {color:red;text-decoration:none} a:hover {color:yellow} Daca vrei sa specifici doar linkul din butoane, atunci le incadrezi #butoane a {} si #butoane a:hover {} |
#3
Posted 14 January 2013 - 16:09
|
Nu mai folositi float-uri pentru orice tampenie. Sunt destul de greu de controlat si de multe ori dau batai de cap.
Pentru chestii simple se poate folosi display:inline-block; in felul asta le ai pe ambele pe aceiasi linie si poti aplica si toate atributele ce se pot aplica elementelor de tip block. |
#4
Posted 14 January 2013 - 16:09
<nobr>xxxxx</nobr> http://www.htmlcodet...epar/_NOBR.html 
Edited by Ahasverus, 14 January 2013 - 16:10. |
#5
Posted 14 January 2013 - 16:11
|
<nobr>xxxxx</nobr> |
#6
Posted 14 January 2013 - 16:39
|
Acesta este minunatul meu cod:
<!DOCTYPE html>
<html>
<head>
<style>
body
{
background-image:url('bg.jpg');
background-color:#cccccc;
background-attachment: fixed;
}
#butoane(
width: 100px;
)
#buton{
width: 100px;
padding: 15px;
border: 3px solid gray;
background: #00314B;
color: white;
font-family: Impact;
}
#buton1{
width: 100px;
padding: 15px;
border: 3px solid gray;
background: #00314B;
color: white;
font-family: Impact;
}
</style>
</head>
<div id="butoane">
<div id="buton"><center>LIMBA ROMANA</center></div>
<div id="buton1"><center>LIMBA ROMANA</center></div>
</div>
</html>
Cu codul de mai sus îmi rămâne doar 1 buton din cele 2. Ştiu că am greşit undeva, dar nu-mi pot da seama.DarkAngelBv , îmi poţi explica încă o dată chestia cu inline, nu am înţeles-o. Mulţumesc. |
#7
Posted 14 January 2013 - 17:10
|
Elementele sunt de 2 tipuri:
- inline (a, span, em, strong, b, i, etc). - block (p, div, dl, ul, li). Prin atributul CSS "display" poti sa fortezi block-urile sa se comporte ca un element inline, dar atunci nu mai poti folosi proprietatile specifice tipului block (gen margin). Pentru asta se foloseste inline-block. Pune asa:
#butoane > div { display:inline-block; }
Edited by DarkAngelBv, 14 January 2013 - 17:10. |
#8
Posted 14 January 2013 - 17:14
|
Elementele sunt de 2 tipuri: - inline (a, span, em, strong, b, i, etc). - block (p, div, dl, ul, li). Prin atributul CSS "display" poti sa fortezi block-urile sa se comporte ca un element inline, dar atunci nu mai poti folosi proprietatile specifice tipului block (gen margin). Pentru asta se foloseste inline-block. Pune asa:
#butoane > div { display:inline-block; }
You're a genius. Thanks, it works. Ceva idei la a doua problemă? Edited by MihaixD, 14 January 2013 - 17:17. |
#9
Posted 14 January 2013 - 17:26
|
Nu este nimic special, defnesti altfel stilul elementului a.
gen:
a {
color:#cc0000;
text-decoration:none;
}
Edited by DarkAngelBv, 14 January 2013 - 17:27. |
Anunturi
Bun venit pe Forumul Softpedia!
▶ 0 user(s) are reading this topic
0 members, 0 guests, 0 anonymous users
-
- Change Theme
- English
- Mark Community Read
- Termene & conditii
- Confidentialitate
- Consimtamant
- Cookies
- Help
© 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.