Archívum - Okt 15, 2011 - Fórum téma
Vertikális és horizontális pozícionálás gombokra
Egy változó magasságú elemen belül (td), 4 gombot szeretnék elhelyezni a következő módon:
- egy alul középen
- egy fent középen
- egy jobb szélen középen
- egy bal szélen középen
Táblázattal már sikerült összehozni a kívánt eredményt, FF alatt működik, Chrome és Opera alatt viszont nem.
CSS vertical-align és társairól elolvastam amit találtam, de sokkal előrébb nem jutottam.
Gondoltam megkérdezem tud-e valaki rá egyszerű megoldást (vagy akármilyent), mielőtt feladom...
■ - egy alul középen
- egy fent középen
- egy jobb szélen középen
- egy bal szélen középen
Táblázattal már sikerült összehozni a kívánt eredményt, FF alatt működik, Chrome és Opera alatt viszont nem.
CSS vertical-align és társairól elolvastam amit találtam, de sokkal előrébb nem jutottam.
Gondoltam megkérdezem tud-e valaki rá egyszerű megoldást (vagy akármilyent), mielőtt feladom...
Középre igazítás CSS-sel (megoldva)
Hogyan tudnám az oldalamon függőlegesen is középre igazítani a tartalmat?
/**********/
A megoldás Semmunak köszönhetően:Annyit még hozzáteszek, hogy a vízszintesen való függőleges igazítást is így kell megoldani, mert ebben az esetben a
■ /**********/
A megoldás Semmunak köszönhetően:
1.
div#valami
2.
{
3.
position: abolsute;
4.
top: 50%;
5.
height: 150px;
6.
margin-top: -75px; // a magasság fele
7.
}margin:auto; nem fog a vártnak megfelelően működni.CSS dropdown menu hover elemének pozicionálása
Sziasztok!
Szeretnék tanácsot kérni a következő problémámmal kapcsolatban;
Szeretnék lekódolni egy horizontális legördülő menüt, aminek a hover része a weblap beállított szélességéhez igazodna. A weblap 960px széles lenne, így a navigáció legördülő divíziójának is ezt a méretet szeretném megadni, ami sikerült; Viszont a pozicionálással gondban vagyok.
Mikor ráviszem az egeret a kívánt felületre, akkor legördül a felület, viszont a második elem ("second") már nem az oldal bal szélétől indul, így, ha be lesz rakva az oldalba, valószínűnek tartom, hogy az kimozdul, vagy eltolja az arculatot. El szeretném érni, hogy ha bármelyik elemre is viszem rá az egeret, akkor a legördülő divíziónak a kezdő pozíciója az oldal bal széle legyen, mint az első elemnél ("Explorer"). Így a weblap 960px széles layoutjának szélességéhez igazodna a legördülő elem, aminek ott is kellene maradnia -mármint az oldal keretén belül-, míg az elem használatban van.
A beillesztett példa jól szemlélteti, hogy mi is igazából a problémám. A design nem véletlenül nincs még berakva, hiszen ez még csak a GUI terve.
Tudom, hogy én hagytam ki, vagy írtam félre valamit, csak azt nem tudom, hogy mit.
Kérhetek ez ügyben valami kézenfekvő tanácsot?
Előre is köszönöm a segítséget!
Üdv!
html:
[code]
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<link href="explorer.css" rel="stylesheet" type="text/css" />
</head>
<body>
<!-- Az eplorer tesztelése és fejlesztése -->
<nav><!-- mainnav -->
<div id="explorer"><!-- upnavigation -->
<!-- S: Explorer DIR -->
<ul class="dir">
<li><a href="#"><div class="dirtitle">Explorer</div><div class="diralt">Ez a DIR class ALT szövege</div></a>
<ul>
<li>
<div class="navdrop"><!-- S: navdrop -->
<p>Ebben egy szöveg van.</p>
Szeretnék tanácsot kérni a következő problémámmal kapcsolatban;
Szeretnék lekódolni egy horizontális legördülő menüt, aminek a hover része a weblap beállított szélességéhez igazodna. A weblap 960px széles lenne, így a navigáció legördülő divíziójának is ezt a méretet szeretném megadni, ami sikerült; Viszont a pozicionálással gondban vagyok.
Mikor ráviszem az egeret a kívánt felületre, akkor legördül a felület, viszont a második elem ("second") már nem az oldal bal szélétől indul, így, ha be lesz rakva az oldalba, valószínűnek tartom, hogy az kimozdul, vagy eltolja az arculatot. El szeretném érni, hogy ha bármelyik elemre is viszem rá az egeret, akkor a legördülő divíziónak a kezdő pozíciója az oldal bal széle legyen, mint az első elemnél ("Explorer"). Így a weblap 960px széles layoutjának szélességéhez igazodna a legördülő elem, aminek ott is kellene maradnia -mármint az oldal keretén belül-, míg az elem használatban van.
A beillesztett példa jól szemlélteti, hogy mi is igazából a problémám. A design nem véletlenül nincs még berakva, hiszen ez még csak a GUI terve.
Tudom, hogy én hagytam ki, vagy írtam félre valamit, csak azt nem tudom, hogy mit.
Kérhetek ez ügyben valami kézenfekvő tanácsot?
Előre is köszönöm a segítséget!
Üdv!
html:
[code]
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<link href="explorer.css" rel="stylesheet" type="text/css" />
</head>
<body>
<!-- Az eplorer tesztelése és fejlesztése -->
<nav><!-- mainnav -->
<div id="explorer"><!-- upnavigation -->
<!-- S: Explorer DIR -->
<ul class="dir">
<li><a href="#"><div class="dirtitle">Explorer</div><div class="diralt">Ez a DIR class ALT szövege</div></a>
<ul>
<li>
<div class="navdrop"><!-- S: navdrop -->
<p>Ebben egy szöveg van.</p>
