Ocena wątku:
  • 0 głosów - średnia: 0
  • 1
  • 2
  • 3
  • 4
  • 5
Drobny problem
#1
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&nbsp;&nbsp;</a>
        <a href="index.html"style="text-decoration: none;">O NAS&nbsp;&nbsp;</a>
            <a href="index.html"style="text-decoration: none;">DODAJ DO ULUBIONYCH&nbsp;&nbsp;</a>
            <a href="index.html"style="text-decoration: none;">KOMENTARZE&nbsp;&nbsp;</a>
                <a href="index.html"style="text-decoration: none;">ZAPYTAJ&nbsp;&nbsp;</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;

}
Odpowiedz
#2
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ł.
Odpowiedz


Skocz do:


Użytkownicy przeglądający ten wątek: 1 gości
Sponsorzy i przyjaciele
SeoHost.pl