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

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

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