Jump to content

SUBIECTE NOI
« 1 / 5 »
RSS
Schimbare adresa DNS IPv4 pe rout...

Recomandare Barebone

Monede JO 2024

Suprasolicitare sistem electric
 CIV auto import

Mutare in MOZAMBIC - pareri, expe...

Scoatere antifurt airtag de pe ha...

Magnet in loc de clește pent...
 Cumparat/Locuit in apartament si ...

Pot folosi sistemul PC pe post de...

Sokol cu distorsiuni de cross-over

Filtru apa potabila cu osmoza inv...
 Kanal D va difuza serialul “...

Upgrade xiaomi mi11

securitate - acum se dau drept - ...

Farmacia Dr Max - Pareri / Sugest...
 

2 butoane pe un rând/ subliniere&recolorare text la adăugare link HTML

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

#1
MihaixD

MihaixD

    Member

  • Grup: Members
  • Posts: 620
  • Înscris: 12.05.2012
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 :D .


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?

#2
CuteGuy

CuteGuy

    Active Member

  • Grup: Members
  • Posts: 1,870
  • Înscris: 11.09.2005

View PostMihaixD, on 14 ianuarie 2013 - 15:39, said:

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


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?
Cam asa:
<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
DarkAngelBv

DarkAngelBv

    === Proud owner of === ++++ Audi & Opel ++++

  • Grup: Senior Members
  • Posts: 12,747
  • Înscris: 24.03.2006
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
Ahasverus

Ahasverus

    Senior Member

  • Grup: Senior Members
  • Posts: 3,360
  • Înscris: 22.10.2006
<nobr>xxxxx</nobr>

http://www.htmlcodet...epar/_NOBR.html

:P

Edited by Ahasverus, 14 January 2013 - 16:10.


#5
DarkAngelBv

DarkAngelBv

    === Proud owner of === ++++ Audi & Opel ++++

  • Grup: Senior Members
  • Posts: 12,747
  • Înscris: 24.03.2006

View PostAhasverus, on 14 ianuarie 2013 - 16:09, said:

<nobr>xxxxx</nobr>

Posted Image
Ce relevanta are <nobr> cu ce vrea el? Nobr il folosesti pentru text, el are niste BLOCK-uri.

#6
MihaixD

MihaixD

    Member

  • Grup: Members
  • Posts: 620
  • Înscris: 12.05.2012
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
DarkAngelBv

DarkAngelBv

    === Proud owner of === ++++ Audi & Opel ++++

  • Grup: Senior Members
  • Posts: 12,747
  • Înscris: 24.03.2006
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
MihaixD

MihaixD

    Member

  • Grup: Members
  • Posts: 620
  • Înscris: 12.05.2012

View PostDarkAngelBv, on 14 ianuarie 2013 - 17:10, said:

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

Ceva idei la a doua problemă?

Edited by MihaixD, 14 January 2013 - 17:17.


#9
DarkAngelBv

DarkAngelBv

    === Proud owner of === ++++ Audi & Opel ++++

  • Grup: Senior Members
  • Posts: 12,747
  • Înscris: 24.03.2006
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

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