Zaloguj | Zarejestruj | FAQ
Anonymous

pisanie po obrazku jpg?

+ Odpowiedz

Posty: 3 Strona 1 z 1


pisanie po obrazku jpg?

przez pies2 » Pt lut 28, 2014 12:24 pm

czesc
mam taki problem jak pisze po obrazku jpg to mam tekst w pionie co jest zle?
http://vpx.pl/i/2014/02/28/ssssss.jpg

<html>
<head>
<title>strona1</title>
</head>

<body>

<div id="box1"><img src="obrazek2.jpg" width="1000" height="100"/></div>

<div id="box2"><img src="obrazek2.jpg" width="1000" height="800"/>

<div style="position: absolute; LEFT: 25px; TOP: 150px;"><ul>

<ul>

<li id=""><a href="podstrona1.html">Strona Główna</a>
<li id=""><a href="podstrona2.html">O mnie

<div style="position: absolute; LEFT: 600px; TOP: 100px;">
<justify>Czesc mam na imie Sławek, lat 33 moim zainsteresowaniem jest akwarystyka.
Akwarystyką zajmuje się od roku 1996. Jakieś doswiadczenie już mam.


</justify>

</div>

</a>
<li id=""><a href="podstrona3.html">Ogolnie o rybach</a>

</ul>
</div></div>

<div id="box3"><img src="obrazek2.jpg" width="1000" height="60"/></div>

</body>

<style>
ul, ul li {
display: block;
list-style: none;
margin: 0;
padding: 0;
}

ul, ul li {
display: block;
list-style: none;
margin: 0;
padding: 0;
}

ul {
width: 200px;
}

ul a:link, ul a:visited {
display: block;
width: 186px;
text-decoration: none;
background-color: #66cc66;
color: #000;
padding: 5px;
border: 2px outset #66cc66;
}

ul a:hover {
border-style: inset;
padding: 7px 3px 3px 7px;
}
#box1{
clear: both;
height: 100px;
border: gray solid 1px;
width: 1000px;
}

#box2{
height: 800px;
border: gray solid 1px;
width: 1000px;
float: left;
}

#box3{
height: 60px;
border: gray solid 1px;
width: 1000px;
clear:both;

}

</style>
</html>
Avatar użytkownika

pies2

  • Posty: 57
  • Dołączył(a): Pn lut 17, 2014 12:24 pm

Re: pisanie po obrazku jpg?

przez XainPro » Pn mar 03, 2014 7:40 am

zwiększyć szerokość div
Avatar użytkownika

XainPro

  • Posty: 3933
  • Dołączył(a): Pt lut 17, 2012 8:10 pm

Re: pisanie po obrazku jpg?

przez pies2 » Wt mar 11, 2014 1:17 pm

jak zrobić tekst by był przy menu a nie pod spodem?
http://vpx.pl/i/2014/03/11/qq.jpg

<html>
<head>
<title>strona1</title>
</head>

<body>

<div id="box1"><img src="obrazek2.jpg" width="1000" height="100"/></div>

<div id="box2"><img src="obrazek2.jpg" width="1000" height="800"/>

<div style="position: absolute; LEFT: 25px; TOP: 150px;"><ul>

<ul>

<li id=""><a href="podstrona1.html">Strona Główna</a>
<li id=""><a href="podstrona2.html">O mnie

<div style="position: absolute; LEFT: 600px; TOP: 100px; width:1000px;">
<justify>Czesc mam na imie Sławek, lat 33 moim zainsteresowaniem jest akwarystyka.
Akwarystyką zajmuje się od roku 1996. Jakieś doswiadczenie już mam.


</justify>

</div>

</a>
<li id=""><a href="podstrona3.html">Ogolnie o rybach</a>

</ul>
</div></div>

<div id="box3"><img src="obrazek2.jpg" width="1000" height="60"/></div>

</body>

<style>
ul, ul li {
display: block;
list-style: none;
margin: 0;
padding: 0;
}

ul, ul li {
display: block;
list-style: none;
margin: 0;
padding: 0;
}

ul {
width: 200px;
}

ul a:link, ul a:visited {
display: block;
width: 186px;
text-decoration: none;
background-color: #66cc66;
color: #000;
padding: 5px;
border: 2px outset #66cc66;
}

ul a:hover {
border-style: inset;
padding: 7px 3px 3px 7px;
}
#box1{
clear: both;
height: 100px;
border: gray solid 1px;
width: 1000px;
}

#box2{
height: 800px;
border: gray solid 1px;
width: 1000px;
float: left;
}

#box3{
height: 60px;
border: gray solid 1px;
width: 1000px;
clear:both;

}

</style>
</html>
Avatar użytkownika

pies2

  • Posty: 57
  • Dołączył(a): Pn lut 17, 2014 12:24 pm


+ Odpowiedz

Strona 1 z 1