• There is NO official Otland's Discord server and NO official Otland's server list. The Otland's Staff does not manage any Discord server or server list. Moderators or administrator of any Discord server or server lists have NO connection to the Otland's Staff. Do not get scammed!

[website] problem with image and text centering

analizer

New Member
Joined
Apr 13, 2011
Messages
63
Reaction score
2
120kzh0.png


It looks like 1 now. I want it to look like 2 but i dont know how to center(?) the image and text. When it's only text it it centered OK, but when i add image it moves a bit down...

here is the code
Code:
<div id="menu-top">
<img src="http://myotsname.com/image/news.gif"> <b>News</b> 
</div>

please help
 
sorry i want to say .CSS Is too night for me xD

search in .CSS the div menu-top

No he needs to search for the small picture, not the menu top thats the whole to of the menu where it says News. He wants to move the picture only. You'll go to div and search for the id/class.
 
in layout i have
Code:
<[COLOR="red"]div id="menu-top"[/COLOR]>
<img src="http://myotsname.com/image/news.gif"> <b>News</b> 
</div>

and in basic.css i have

Code:
#MenuTop {
  position: absolute;
  left: -5px;
  top: -12px;
  height: 12px;
  width: 180px;
  background-repeat: no-repeat;
}

i tried to change every value but the image didnt even move
 
Sorry for double post but here's what you want to do;

Go to Image folder, find the picture of that news scroll, check what the files is named.
Now go into layout.php, ctrl-f type the name of the image file, when you find it check the div class.
Now go to basic.css search for the class from layout.php and there you can change the position of the picture.

Let us know if it worked

Do this, you need to know the name of the picture so you can find out the div of it, then find it in your cascading style sheet (css)
 
There cant be any div of the picture because i didnt added any. I just downloaded layout without this icons and wanted to add them by myself so i put
 
refresh!
iw2ahf.png


first image - how it is now
second image - how i want it to be

i centered text, but i dont know how to center image, i tried many combinations but nothing
 
Last edited:
Back
Top