Intrebare aliniere imagini

#1
tudor07

Posted 02 July 2010 - 16:24

Junior Member

Grup: Members
Posts: 67
Înscris: 19.05.2010

Salut.

Am si eu o dilema,vreau sa fac un site si mi-a venit o idee la bara cu butoane ,dar nu reusesc sa asez butoanele cum trebuie.

Uite asa imi afiseaza:

[ http://www.img.b-zone.ro/images/22675064648998335033.jpg - Pentru incarcare in pagina (embed) Click aici ]

Si asa as vrea eu sa arate:

[ http://www.img.b-zone.ro/images/35166319588037707613.png - Pentru incarcare in pagina (embed) Click aici ]

Si bineinteles ca in continuare alte butoane.

Codul este:

<!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>
<title>Site name</title>
<style type="text/css">

body{background-color:#ffffff;
}

a img{border:none;
}

.container{width:960px;
padding-right:120px;
padding-left:120px;
}

.menubar{margin-top:40px;
}

.content{border:1px solid #0090ff;
margin-top:20px;
}

.img{float:right;
}

.footer{
}

</style>
</head>
<body>
<div class="container">

<div class="menubar">

<img src="menubar.png">
<a href="http://www.google.ro"><img src="home1.png" name="mousetest"  onmouseover="document.images['mousetest'].src='home2.png'"
onmouseout="document.images['mousetest'].src='home1.png'" /></a>

</div>
<!--end menubar-->

<div class="content">
Text~
</div>
<!--end content-->

<div class="footer">

</div>
<!--end footer-->

</div>
<!--end container-->

</body>
</html>

Inca mai am de lucru la script,insa nu reusesc sa trec de problema asta.Sper ca ma puteti ajuta.
Multumesc !

Back to top

#2
Alta_

Posted 02 July 2010 - 17:24

Active Member

Grup: Members
Posts: 1,197
Înscris: 22.05.2007

Mai intai ar trebui sa arunci o privire pe Tutorial xhtml/css. Vezi ca se vorbeste acolo si despre cum se concep meniurile.

Ca idee, imaginea "menubar.png" ar trebui pusa ca Background intr-un div (container) in care vei plasa pe rand butoanele tale, aliniindu-le la dreapta.

Back to top

#3
tudor07

Posted 02 July 2010 - 17:38

Junior Member

Grup: Members
Posts: 67
Înscris: 19.05.2010

Multumesc mult pentru ajutor a functionat perfect,numai ca a trebuit sa adaug si padding-top:"x" px; ca sa apara in partea de jos.

Mersi inca odata.

Back to top

Anunturi

Chirurgia cranio-cerebrală minim invazivă

Tehnicile minim invazive impun utilizarea unei tehnologii ultramoderne.

Endoscoapele operatorii de diverse tipuri, microscopul operator dedicat, neuronavigația, neuroelectrofiziologia, tehnicile avansate de anestezie, chirurgia cu pacientul treaz reprezintă armamentarium fără de care neurochirurgia prin "gaura cheii" nu ar fi posibilă. Folosind tehnicile de mai sus, tratăm un spectru larg de patologii cranio-cerebrale.

www.neurohope.ro

Intrebare aliniere imagini

#1 tudor07 Posted 02 July 2010 - 16:24

#2 Alta_ Posted 02 July 2010 - 17:24

#3 tudor07 Posted 02 July 2010 - 17:38

Anunturi

▶ 0 user(s) are reading this topic

Sign In

#1
tudor07

Posted 02 July 2010 - 16:24

#2
Alta_

Posted 02 July 2010 - 17:24

#3
tudor07

Posted 02 July 2010 - 17:38