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 spinală minim invazivă

Chirurgia spinală minim invazivă oferă pacienților oportunitatea unui tratament eficient, permițându-le o recuperare ultra rapidă și nu în ultimul rând minimizând leziunile induse chirurgical.

Echipa noastră utilizează un spectru larg de tehnici minim invazive, din care enumerăm câteva: endoscopia cu variantele ei (transnazală, transtoracică, transmusculară, etc), microscopul operator, abordurile trans tubulare și nu în ultimul rând infiltrațiile la toate nivelurile coloanei vertebrale.

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