Posted by: Framm3 Dec 21 2019, 10:50 AM
Hello, I need help for my school project.I need to put text in this red box without moving the table on the left and I need to move the picture on the right a bit down.I would appreciate the help and if you have any tips and ideas how to make this page look better. Thank you in advance!
CODE
<html>
<title>
Servis Računara
</title>
<head>
<table style="width:100%" border="1">
<tr>
<th><p style="text-align: left; width:49%; display: inline-block;">
<a href="https://www.facebook.com/"><img src="https://img.icons8.com/android/24/000000/facebook-new.png"></a>
<a href="https://twitter.com/"><img src="https://img.icons8.com/android/24/000000/twitter.png"></a>
<a href="https://www.instagram.com/"><img src="https://img.icons8.com/metro/26/000000/instagram-new.png"></a>
</p>
<p style="text-align: right; width:50%; display: inline-block;">
<a href="tel:+066 023 334"><font color="black">+066 023 334</font></a>
<a href="mailto:servis@gmail.com"><font color="black">servis@gmail.com</font></a>
</p>
</tr>
</table>
</head>
<body style="background-image: url('bg.jpg');">
<img src="bg1.png" align="right">
<table border="1">
<tr>
<td><center><img src="logo.png"height="70" width="70"><br><br><br><br><br><br><a href="Pocetna.html"><font color="black">POČETNA</font><a><br><br><br><br><br><br><a href="Info.html"><font color="black">INFO</font><br><br><br><br><br><br><a href="Usluge.html"><font color="black">USLUGE</font><br><br><br><br><br><br><a href="Pomoc.html"><font color="black">POMOĆ</font><br><br><br><br><br><br><a href="Kupovina.html"><font color="black">KUPOVINA</font><br><br><br><br><br><br><a href="Feedback.html"><font color="black">FEEDBACK</font><br><br><br><br><br><br><a href="Osoblje.html"><font color="black">OSOBLJE</font></td>
</tr>
</table>
</body>
</html>
Attached thumbnail(s)
Posted by: pandy Dec 21 2019, 12:56 PM
The border seems to be in the background image. That's a bad idea. Rather put a red CSS border around the text.
I don't know what image is what in the mockup. If the picture of the guy is an inline image you could move it down with a top margin.
To start with you need to move the first table. It's between HEAD and BODY. Nothing can go there. It must be inside BODY.
Posted by: Framm3 Dec 21 2019, 01:13 PM
Yes, I drew the red border in paint just to show where I need to put the text.I dont need that border, just need text to be there.
This guy on right is a separate image.