+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: Drobny problem (/thread-drobny-problem)
Drobny problem - grupader - 05-01-2012
Mam problem przestawieniem tekstu na obrazku.. top, top-margin nie działają, chodzi o to, żeby tekstu był na tym boxie z płatnością, jakaś sugestia?
Kod:
<head>
<style type="text/css">
<!--
img {border : none}
a { color: #544e4e }
a:hover { color:#FFF }
p { color: #000 }
img {border : none}
#all{
position:absolute;
left:15%;
top:0px;
width:100%;
height:100%;
}
#general{
postion:absolute;
top:0px;
width:1000px;
margin-left:-500px
left:50%;
background:#000000;
height:2000px;
}
#menu {
postion:absolute;
font-size:18px;
font-family: Mangal;
text-align: center;
position:absolute;
top:219px;
width:1061px;
height:51px;
color:#746f6f;
left: 80px;
}
#box {
margin-top:80px;
margin-left:20px;
postion:absolute;
width:958px;
height:1380px;
background-color:#d5cfcf;
}
#oferta {
postion:absolute;
background: url(http://grupaderby.pl/media/boxes/left_site.jpg) no-repeat;
top:-50px;
font-size:16px;
margin-left:30px;
width:358px;
height:1100px;
}
#tekst {
top:20px;
font-size:20px;
}
</style>
</head>
<body>
<div id="all">
<div id="general">
<div id="logo">
<img src="../untitled.jpg" width="1000" height="200" alt="brak obrazka"></div>
<div id="menu">
<a href="index.html"style="text-decoration: none;">NASZE AUKCJE </a>
<a href="index.html"style="text-decoration: none;">O NAS </a>
<a href="index.html"style="text-decoration: none;">DODAJ DO ULUBIONYCH </a>
<a href="index.html"style="text-decoration: none;">KOMENTARZE </a>
<a href="index.html"style="text-decoration: none;">ZAPYTAJ </a></div>
<div id="box">
<div id="oferta">
<div id="tekst">
Wplata na konto bankowe
mBank BRE Bank S.A Nr rachunku:
60 1140 2004 0000 3902 7383 1976
</div>
</div>
</div>
</div>
</body>Mogę rozwiązać problem czymś takim, ale nie w tym sęk.. chce znaleźć inne rozwiązanie:
Kod:
#tekst {
text-align: center;
padding:110px;
margin-left:-90px;
margin-top:20px;
font-size:20px;
}RE: Drobny problem - Engine - 07-01-2012
jeśli tekst miałby być na obrazku do daj ten obrazek jak background.
position:absolute; - w każdym div-e? Patrząc na grafikę jak jest pocięta to ani razu bym nie użył.