css logo put out of the place
2 posters
Page 1 of 1
css logo put out of the place
I want to move the logo to the far left of wrap.
I know I can do it with an simple:
however if i do that, then the place where the logo should in original be gets wider/higher..
What i want reminds a little of the content text some people lies on there website as copyright text.
is it possible to link such an css together with a picture?
I know I can do it with an simple:
- Code:
#logo {
margin-left: 50px;
margin-top: 50px;
}
however if i do that, then the place where the logo should in original be gets wider/higher..
What i want reminds a little of the content text some people lies on there website as copyright text.
is it possible to link such an css together with a picture?
Re: css logo put out of the place
Hello IdaTR,
You can use absolute positioning :
With that the element takes up no space in the DOM. You can also use relative position as this keeps it's space in the DOM.
With using absolute, the parent of that element must have a position that is not static, i.e. relative. So it acts as a containing element, otherwise the absolute element will go to the absolute corners of the browser window.
You can use absolute positioning :
- Code:
#logo {
right:0px;
top:0px;
}
With that the element takes up no space in the DOM. You can also use relative position as this keeps it's space in the DOM.
With using absolute, the parent of that element must have a position that is not static, i.e. relative. So it acts as a containing element, otherwise the absolute element will go to the absolute corners of the browser window.
Re: css logo put out of the place
Did you remove your image from Pics management ? I see the default empty image.
Re: css logo put out of the place
nope.. its only the code that makes it disappear. when i remove it, it comes back on.
Re: css logo put out of the place
Ooh which forum is this going on ? Could you give me a link to see the version ?
Thanks
Thanks
Re: css logo put out of the place
I think the cause of the image disappearing is from the theme. The body has a positive top margin and the wrapper has a negative top margin.
Add this to your CSS :
Add this to your CSS :
- Code:
body { margin-top:0 !important; }
#wrap { margin-top:30px !important; }
Re: css logo put out of the place
i've put another layout on now... will perhaps help me with what i want. anyway thanks (:
Similar topics
» how to place navbar on logo?
» Place NivoSlider as Forum main logo
» main LOGO and Private messages logo dissapeard too!
» [The only topic] Members Introduction.
» Questions about Forum Logo and creating a logo.
» Place NivoSlider as Forum main logo
» main LOGO and Private messages logo dissapeard too!
» [The only topic] Members Introduction.
» Questions about Forum Logo and creating a logo.
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum