Witam, mam pytanie
Otóż chciałbym ustawić obrazek w prawym dolnym rogu diva za pomocą atrybutu "background". Proszę o podpowiedź, próbowałem ze "scroll", "background-position" niestety obrazek był oddalony od krawędzi prawej jak i dolnej. To przesunięcie jest zapewne spowodowane divem o id "maincontainer" w którym chce wstawić to tło (zawiera "margin"). Jak zrobić aby tło było dokładnie w rogu?
Pozdrawiam
Maxior
Pełna wersja: [HTML][CSS]Ustawienie obrazka w prawym dolnym rogu
Przeczytałeś gdzieś jakie parametry może mieć właściwość background?
CSS Background - pod koniec strony masz wszystko ładnie zebrane w tabelkę, a ciut powyżej ładnie z przykładami wytłumaczone.
Tester background-image-position
CSS Background - pod koniec strony masz wszystko ładnie zebrane w tabelkę, a ciut powyżej ładnie z przykładami wytłumaczone.
Tester background-image-position
background: url('link_do_tego.gif') bottom right;
jak nie działa to bez kodu dużo nie pomogę, bo nie wiem na czym stoisz
jak nie działa to bez kodu dużo nie pomogę, bo nie wiem na czym stoisz
http://img205.imageshack.us/img205/4017/screenbr.jpg - screen
index.html
style.css (tylko wycinek)
index.html
Kod
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="[url="view-source:file:///C:/Documents%20and%20Settings/ja/Pulpit/btns/final/style.css"]style.css[/url]" rel="stylesheet" type="text/css" /><!--[if IE 5]>
<style type="text/css">
</head>
<body>
<div id="container">
<div id="header"></div>
<div id="nav">
<ul>
<li><a href="[url="view-source:file:///C:/Documents%20and%20Settings/ja/Pulpit/btns/final/index.html#"]#[/url]">1</a></li>
<li><a href="[url="view-source:file:///C:/Documents%20and%20Settings/ja/Pulpit/btns/final/index.html#"]#[/url]">2</a></li>
<li><a href="[url="view-source:file:///C:/Documents%20and%20Settings/ja/Pulpit/btns/final/index.html#"]#[/url]">3</a></li>
<li><a href="[url="view-source:file:///C:/Documents%20and%20Settings/ja/Pulpit/btns/final/index.html#"]#[/url]">4</a></li>
<li><a href="[url="view-source:file:///C:/Documents%20and%20Settings/ja/Pulpit/btns/final/index.html#"]#[/url]">5</a></li>
</ul>
</div>
<div id="mainContent">
<h1>Main Content</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio. Donec et ipsum et sapien vehicula nonummy. Suspendisse potenti. Fusce varius urna id quam. Sed neque mi, varius eget, tincidunt nec, suscipit id, libero. In eget purus. Vestibulum ut nisl. Donec eu mi sed turpis feugiat feugiat. Integer turpis arcu, pellentesque eget, cursus et, fermentum ut, sapien. Fusce metus mi, eleifend sollicitudin, molestie id, varius et, nibh. Donec nec libero.</p>
<h2>H2 level heading </h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio.</p>
<!-- end #mainContent --></div>
<!-- This clearing element should immediately follow the #mainContent div in order to force the #container div to contain all child floats --><br class="clearfloat" />
<div id="footer">
<p>sd<strong>sd</strong></p>
<!-- end #footer --></div>
<!-- end #container --></div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="[url="view-source:file:///C:/Documents%20and%20Settings/ja/Pulpit/btns/final/style.css"]style.css[/url]" rel="stylesheet" type="text/css" /><!--[if IE 5]>
<style type="text/css">
</head>
<body>
<div id="container">
<div id="header"></div>
<div id="nav">
<ul>
<li><a href="[url="view-source:file:///C:/Documents%20and%20Settings/ja/Pulpit/btns/final/index.html#"]#[/url]">1</a></li>
<li><a href="[url="view-source:file:///C:/Documents%20and%20Settings/ja/Pulpit/btns/final/index.html#"]#[/url]">2</a></li>
<li><a href="[url="view-source:file:///C:/Documents%20and%20Settings/ja/Pulpit/btns/final/index.html#"]#[/url]">3</a></li>
<li><a href="[url="view-source:file:///C:/Documents%20and%20Settings/ja/Pulpit/btns/final/index.html#"]#[/url]">4</a></li>
<li><a href="[url="view-source:file:///C:/Documents%20and%20Settings/ja/Pulpit/btns/final/index.html#"]#[/url]">5</a></li>
</ul>
</div>
<div id="mainContent">
<h1>Main Content</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio. Donec et ipsum et sapien vehicula nonummy. Suspendisse potenti. Fusce varius urna id quam. Sed neque mi, varius eget, tincidunt nec, suscipit id, libero. In eget purus. Vestibulum ut nisl. Donec eu mi sed turpis feugiat feugiat. Integer turpis arcu, pellentesque eget, cursus et, fermentum ut, sapien. Fusce metus mi, eleifend sollicitudin, molestie id, varius et, nibh. Donec nec libero.</p>
<h2>H2 level heading </h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio.</p>
<!-- end #mainContent --></div>
<!-- This clearing element should immediately follow the #mainContent div in order to force the #container div to contain all child floats --><br class="clearfloat" />
<div id="footer">
<p>sd<strong>sd</strong></p>
<!-- end #footer --></div>
<!-- end #container --></div>
</body>
</html>
style.css (tylko wycinek)
Kod
#mainContent {
background: url(temp.jpg) no-repeat bottom right;
margin: 20px 20px 0 260px;
padding: 0 20px;
}
background: url(temp.jpg) no-repeat bottom right;
margin: 20px 20px 0 260px;
padding: 0 20px;
}
margin: 20px 20px 0 260px;
padding: 0 20px;
tekst walnił w jeszcze jeden div i tam przypisz te wartości, a tutaj zostaw puste
padding: 0 20px;
tekst walnił w jeszcze jeden div i tam przypisz te wartości, a tutaj zostaw puste
jesli moge cos zasugerowac leciutko offtopowo to zmien na
<!DOCTYPE html>
zamiast pseudo xhtml, bo masz tak zwana zupe z tagów. w sumie poszukam tego linku do jednego artykulu, ale uzywanie xhtmla aktualnie jest bezcelowe. internet explorer i inne przegladarki zle interpetruja bo masz content="text/html co jest bledem. xhtml to nie jest html z x na przedzie. xhtml to typ aplikacji. a jak zmienisz na aplikacje content, to z kolei ie 7 i w dol nie beda potrafily odtworzyc twojej strony
no i xhtml1.0 sam w sobie jest troszke bezcelowy skoro masz juz 1.1 poprawiony.
a to ze walidator ci to przepusci to normalne. sa programy ktore wymuszaja interpretacje jako xhtml i uwierz ze zaden nie przepusci go z content="text/html.
pozdrawiam i mam nadzieje, ze flameu nie wywolam.
masz poczytaj sobie wieczorem:
http://pl.wikipedia.org/wiki/XHTML
<!DOCTYPE html>
zamiast pseudo xhtml, bo masz tak zwana zupe z tagów. w sumie poszukam tego linku do jednego artykulu, ale uzywanie xhtmla aktualnie jest bezcelowe. internet explorer i inne przegladarki zle interpetruja bo masz content="text/html co jest bledem. xhtml to nie jest html z x na przedzie. xhtml to typ aplikacji. a jak zmienisz na aplikacje content, to z kolei ie 7 i w dol nie beda potrafily odtworzyc twojej strony
no i xhtml1.0 sam w sobie jest troszke bezcelowy skoro masz juz 1.1 poprawiony.a to ze walidator ci to przepusci to normalne. sa programy ktore wymuszaja interpretacje jako xhtml i uwierz ze zaden nie przepusci go z content="text/html.
pozdrawiam i mam nadzieje, ze flameu nie wywolam.
masz poczytaj sobie wieczorem:
http://pl.wikipedia.org/wiki/XHTML
Cytat(r4xz @ 6.12.2009, 17:51:04 ) 
margin: 20px 20px 0 260px;
padding: 0 20px;
tekst walnił w jeszcze jeden div i tam przypisz te wartości, a tutaj zostaw puste
padding: 0 20px;
tekst walnił w jeszcze jeden div i tam przypisz te wartości, a tutaj zostaw puste
a nie da rady bez nowego diva?
@zarthum skorzystałem z szablonu Dreamweavera, dziękuję za informację
Cytat(Maksior @ 6.12.2009, 18:55:22 )
a nie da rady bez nowego diva? (...)
(...)pewnie i by dało, ale wątpię żeby wtedy IE (5,6) dobrze to zinterpretował
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.