Jump to content

SUBIECTE NOI
« 1 / 5 »
RSS
Star wars, care e ordinea?

Upgrade stocare! Pot clona SS...

Oferta de locuinte a scazut in Ro...

amortizoare pentru alt model
 Ulei ungere lant /ulei amestec Hu...

Vreau sa incep sa joc tenis de camp

titanic 1:200 libertatea

Upgrade ram Asus Rog Zephyrus G16...
 Terminator End of war 2023

Senzor de prezența/mișc...

Filmare camera video sau smartphone

Rog confirmare/infirmare solutie ...
 Cablu fan controller - placa de b...

Un sfat, va rog, ce senzori sa fo...

Rezerva succesorala, donatie scut...

Prima History
 

Intrebare aliniere imagini

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

#1
tudor07

tudor07

    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 !

#2
Alta_

Alta_

    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.

#3
tudor07

tudor07

    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.

Anunturi

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

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