Jump to content

I've came across a problem and can't for the life of me figure out how to fix it. I have an image as a logo for a website I'm making and anything below it, including the tool-bar will go behind it when I'm scrolling. Is there any way I can make the logo "solid" for lack of a better word.

Link to comment
https://linustechtips.com/topic/268165-logo-issue/
Share on other sites

Link to post
Share on other sites

Well its kinda hard for any of us to help if we cannot see the code (I'd suggest putting it in

[/ spoiler] {No space after the /}) or the website.

Specs: CPU - Intel i7 8700K @ 5GHz | GPU - Gigabyte GTX 970 G1 Gaming | Motherboard - ASUS Strix Z370-G WIFI AC | RAM - XPG Gammix DDR4-3000MHz 32GB (2x16GB) | Main Drive - Samsung 850 Evo 500GB M.2 | Other Drives - 7TB/3 Drives | CPU Cooler - Corsair H100i Pro | Case - Fractal Design Define C Mini TG | Power Supply - EVGA G3 850W

Link to comment
https://linustechtips.com/topic/268165-logo-issue/#findComment-3641528
Share on other sites

Link to post
Share on other sites

Here's the index HTML file, I also use CSS for styling but I don't think that's the problem.

 

 

<!DOCTYPE html>
<html>
<head>
 
<link rel="stylesheet" type="text/css" href="Style.css">
 
<title> 
title redacted
</title>
</head>
 
<body>
 
 
<div class="toolbar">
 
<center>
<img src="logo.gif" alt="..." style="width:300px;height:100x">
</center>
</div>
 
<table style="width:100%">
  <tr>
    <td><a href=""></a></td>
 
 
  </tr>
</table>
 
 
<div class="container">
  <div class="center_div">
    
<br/>
<br/>
<br/>
<br/>
 
<table style="width:100%">
  <tr>
    <td><a href="index.html">Index</a></td>
    <td><a href="Recruitment.html">Recruitment</a></td> 
    <td><a href="AboutUS.html">About us</a><td>
<td><a href="Contact.html">Contact</a><td>
 
  </tr>
</table>
</div>
 
<div class="maincontent_container">
<center>
<br/>
<br/>
<br/>
<br/>
<br/>
 
<h1>Who are we?</h1>
 
 
</center>
 
<h2> redacteds </h2>
 
<p>content redacted
</p>
<center>
<h3> Here's a video for information</h3>
</center>
 
 
 
 
<center>
 
 <object width="420" height="315" 
data="link redacted">
</object>
 
 
 
</center>
 
 
<p> "It's Easy. It's simple. Make today the day you change your life with "</p>
<br/>
<p> -Name redacted </p>
 
</div>
<br /> as
</div>
 
 
</body>
 

</html>

Link to comment
https://linustechtips.com/topic/268165-logo-issue/#findComment-3641541
Share on other sites

Link to post
Share on other sites

Upload the files on Dropbox or someting so i can download it and i'll figure it out if you can give me a link ;) 

 

That is easier than looking at the code online 

[CPU: AMD FX-6100 @3.3GHz ] [MoBo: Asrock 970 Extreme4] [GPU: Gigabyte 770 OC ] [RAM: 8GB] [sSD: 64gb for OS] [PSU: 550Watt Be Quiet!] [HDD: 1TB] [CPU cooler: Be Quiet! Shadow Rock Pro Sr1]  -Did i solve your question/problem? Please click 'Marked Solved'-

Link to comment
https://linustechtips.com/topic/268165-logo-issue/#findComment-3641564
Share on other sites

Link to post
Share on other sites

I've came across a problem and can't for the life of me figure out how to fix it. I have an image as a logo for a website I'm making and anything below it, including the tool-bar will go behind it when I'm scrolling. Is there any way I can make the logo "solid" for lack of a better word.

Without looking at your css code, it sounds like you've set the toolbar div position to fixed. The toolbar div is also not in your centered div.

Link to comment
https://linustechtips.com/topic/268165-logo-issue/#findComment-3641835
Share on other sites

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×