|
TwojePC.pl © 2001 - 2024
|
 |
A R C H I W A L N A W I A D O M O Ś Ć |
 |
| |
|
[Css] Pozycjonowanie elementów , Adamusss 5/05/07 22:39
Witam
Problem pewnie banalny, ale nie potrafie sobie z nim poradzić..NAWET z google :D
Próbuje zrobić coś takiego http://img513.imageshack.us/...2320/elementah6.png
Czyli zółta część - tabelka - pod spodem,a na wierzchu pomarańczowy element, z tym, że element obejmuje w połowie i tabelke i tło..zresztą to widać na obrazku ;)
Sęk w tym, że nie wiem jak to zrobic - najłatwiej byłoby użyć position:absolute, ale to nie przejdzie ponieważ, gdy dla elementu i dla tabelki zrobie takie pozycjonowanie to u mnie, w rozdzielczości 1280x800 wszystko jest ok,ale już u kogoś z inną rozdzielczością - strona strasznie się rozłazi :\
Proszę, pomożcie :)
Z góry dzięki za wszystkie sugestie i porady- Może to pomoże: , grattz 5/05/07 22:51
SELEKTOR { position: relative; parametry }
SELEKTOREM może być praktycznie dowolny znacznik HTML [zobacz: Wstawianie stylów].
Natomiast jako "parametry" należy podać:
* left: wartość - odległość od lewej krawędzi położenia spoczynkowego
* top: wartość - odległość od górnej krawędzi położenia spoczynkowego
* right: wartość - odległość od prawej krawędzi położenia spoczynkowego
* bottom: wartość - odległość od dolnej krawędzi położenia spoczynkowego.
Wyraz "wartość" oznacza konkretną odległość (od podanej krawędzi) względem położenia elementu bez używania pozycjonowania - położenie spoczynkowe. Należy ją wpisać używając jednostek długości. Wartość ujemna oznacza przesunięcie w przeciwną stronę. Można również wpisać "auto", co ustali wartość automatyczną.
-----------------------------------------------------------------------------------
A ja mam pytanie:
Mam obrazki w tabelkach:
<table cellspacing = 0 cellpadding = 0 border = 0 ALIGN="center" class="glowna_tabela">
<tr><td><img src='obrazek.jpg' width=230 height=248></td></tr>
</table>
I wszystko jest ok bo zdjęcie nie ma obramowania.
Problem polega na tym ze gdy dodam po src='obrazek.jpg'
znacznik mapy: USEMAP="#menu"
TO POJAWIA SIE NIEBIESKIE OBRAMOWANIE ( mimo deklaracji tabeli border=0)
O co chodzi ?...poprzednia |1|2|3|4| następna... - to juz widzialem ;) , Adamusss 5/05/07 22:55
ale dzieki za checi :)
a co do Twojego problemu .. to moze sprobuj dodać border=0 w <img ... > ? :)
czyli <img src='obrazek.jpg' USEMAP="#menu" border=0 width=230 height=248>
tak cos mi sie wydaje ;)- Dzięki , grattz 5/05/07 23:04
działa :)...poprzednia |1|2|3|4| następna...
- bo to obramowanie , rkowalcz 5/05/07 23:00
jest raczej obrazka a nie od tabeli
<img src="..." alt="" USEMAP="#menu"
style="border: 0;" />- no fakt , grattz 5/05/07 23:05
dzięki...poprzednia |1|2|3|4| następna...
- hehe :D , Adamusss 5/05/07 23:19
wychodzi na to, że oboje sobie pomogliśmy ;) ..u mnie problem rozwiązywało właśnie to pozycjonowanie - relative :)
Pozdrawiam!
- ekhmm.. , Adamusss 5/05/07 22:52
na frazie już mi się dostało za brak kodu :D więc dodaje:
<style type="text/css">
body {
background-color:#313c40;
}
#ramka
{
background-color: #edb948;
border-spacing:0mm;
width: 900px;
height: 580px;
z-index: 1;
position:absolute;
left:50px;
top:50px;
}
#znaczek
{
position:absolute;
left: 10px;
top: 8px;
z-index: 2;
}
</style>
</head>
<body >
<div id="znaczek">
<img src="elementy/znaczek.gif" width="144" height="140" alt="grafika"></div>
<table border="1" id="ramka" >
<tr>
<th scope="col" id="x1"></th>
<th scope="col" ></th>
<th scope="col"> </th>
<th scope="col"> </th>
</tr>
<tr>
<td id="x2"> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</body> - wize ze juz sobie poradziles , waski 6/05/07 08:24
jakby co na przyszlosc polecam strone:
http://kurs.browsehappy.pl/
no i oczywiscie
http://www.w3schools.com/SNAFU
Situation Normal, All Fucked Up
|
|
|
|
 |
All rights reserved ® Copyright and Design 2001-2024, TwojePC.PL |
 |
|
|
|
