PDA

Zobacz pełną wersję : pozycja odnosnika w css



mnich20
26-03-2008, 20:00
Witam
Mam problem z ustawieniem stalej pozycji odnosnika w css'sie.
Aktualnie jest ustawiony na 120 px od prawej strony [pozycja linkow zmienia sie w zaleznosci od wielkosci strony], nie mam pojecia jak ustawic to od prawej krawedzi [header.jpg] czyli bottom'a.

udostepniam kawalek cssa


div#pop1 a {
background: url(../images/header.jpg) top left no-repeat;
width: 110px;
height: 50px;
position:absolute;
top: 70px;
right: 120px;

}
div#pop2 a {
background: url(../images/header.jpg) top left no-repeat;
width: 110px;
height: 50px;
position:absolute;
top: 120px;
right: 120px;

}
div#pop3 a {
background: url(../images/header.jpg) top left no-repeat;
width: 110px;
height: 60px;
position:inherit;
top: 170px;
right: 120px;

}pod tym adresem mozna zobaczyc jakt to sie zachowuje

http://test.o12.pl (http://test.o12.pl/)

Jola
27-03-2008, 03:31
Witam,
niewiele można wywnioskować z opisu co jest potrzebne. :)
Ale jeśli chodzi Ci o to żeby odnośnik - obrazek - był zawsze dokładnie w tym samym miejscu ale w stosunku do header.jpg, to treba umieścić divy pop1, pop2,... wewnątrz <div id=header>.
Wtedy pozycja absolutna będzie dotyczyła tylko obrazka.
Pozdrawiam

mnich20
27-03-2008, 18:08
tak dokladnie oto ale niestety nie dziala poprawnie jak wstawie wewnatrz
<div id=header>

<div id="pop1">
<a href="http://www.pzla.pl"></a>
</div>

to cos trace na stronie, probowalem zamykac </div> w roznych miejscach ale niestety nic to niedaje.

W takiej formie

<div id="header">
<div id="pop1">
<a href="http://www.pzla.pl"></a>
</div>

<div id="homelink">

</div>
<div id="logo">
<a href="index.php"><?php echo $mainframe->getCfg('sitename') ;?></a>
</div>
</div>
wszystko na stronie jest ale nadal odnosnik jest pozycjonowany od prawej strony, a nie od header

zalacze jeszcze kawalek cssa moze tam jest cos nie tak

div#header {
background: url(../images/header.jpg) top left no-repeat;
height: 230px;
width: 870px;
margin: 0 auto;
}


div#homelink a {
background: transparent;
width: 110px;
height: 50px;
position: absolute;
top: 150px;
right: 440px;
outline: none;
}
div#pop1 a {
background: url(../images/header.jpg) top left no-repeat;
width: 110px;
height: 50px;
position:absolute;
top: 70px;
right: 120px;
}

Jola
27-03-2008, 21:27
Witam,
muszę przyznać, że trochę to zakręcone. Próbowałam różnych ustawień jak działało na Mozilli to na IE nie i odwrotnie. Nie będę komentować.
Żeby pożenić wszystkie przeglądarki wrzuciłabym wszystko to do tabelki (niestety) <table id=header> ale w css zmienić div#header na #header.
Resztę poukładać za pomocą td.
Pozdrawiam