Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 8 years ago.
Improve this question
I am designing a website, I am using a text link(href) as logo, but for some reason it is not clickable. I inspected it with chrome and didn't find anything'suspicious. I even tried changing the html code, nothing works. Can someone shed light on this? Thank you.
The link is the logo in the top left corner, WhatAboutHTML
Here is the link: http://whatabouthtml.com
below is the code:
<div class="logo">
<h1 style="font-size: 24px;line-height: normal; margin-bottom: 0px;">
What About HTML
</h1>
</div>
Just add the following to your code:
#nav {
position: relative;
z-index: 9999;
}
Or put you nav in the right place. Which is inside the wrapper.
Related
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 7 years ago.
Improve this question
I've been having issues center aligning the contents of a div in a wordpress site I made. The site is http://www.triplebs.ca and I want the "subscribe to our newsletter" div to have everything in it centered, but can't figure it out. Can anyone help me out here?
Add this to your css:
.newsletter-widget, .widget_newsletterwidget {
text-align: center !important;
}
Add following CSS rules:
.newsletter-widget p {
display: inline-block;
}
Also you need to add to the closest form tag:
text-align: center;
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 8 years ago.
Improve this question
I was wondering if anyone knows why I can't click the "Get Directions" link at the top of the page.
http://progressivespineandsports.com/
There is a target of blank attribute on the link but I don't think that this has anything to do with the link not working.
add
.block.header {
position: relative;
z-index: 1;
}
to your css, for a quick fix.
The problem is that the #content div lays upon/above your header div.
Because div.block.header has a height of 0, all its children are float. So div#content stacks above the link, prevents you from clicking the header link.
Add overflow: hidden to div.block.header, or other clearfix tricks.
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 8 years ago.
Improve this question
I am fixing up a website for a tech night at my school. The navbar was on the side which isn't my favorite view for the bar so I put it on top, but I can't get the table data or menu to center in the div.
http://jsfiddle.net/ksta1584/c88qswsx/
<a href="http://jsfiddle.net/ksta1584/c88qswsx/">Link<a/>
I would also like instead of the lines disappearing when you scroll over that they are all in equally sized boxes and the boxes sort of "pop" out. I'm not sure how to do that and can't get the border to appear.
Do this in your .nav:
.nav {
width: 100%;
text-align: center;
position:relative;
top:35%;
}
Put margin:0 auto into your .nav rule
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 8 years ago.
Improve this question
I have created a sharing box but it is showing a weird character when I hover on sharing buttons:
screenshot: http://i.stack.imgur.com/GoNbq.png
It is live on here: http://www.dip223.com/uncategorized/aliquam-faucibus-lacinia/
I couldn't find why it is happening. please help.
The following element has text-decoration:underline; as part of its hoverstate:
<a href="https://twitter.com/intent/tweet?text=Night Life Not For the Faint of Heart - http://www.dip223.com/?p=1075" onclick="window.open(this.href, 'mywin', 'left=50,top=50,width=600,height=350,toolbar=0'); return false;">
Simply adding:
.si-share-wmpu a:hover { text-decoration: none; }
to your CSS should fix the problem.
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 8 years ago.
Improve this question
I made some changes to my Tumblr so that it can match my Wordpress blog. I swapped the header out, but now I have a huge space between the header and the nav bar. Any ideas about how I can get rid of it?
You can see my Tumblr here.
I am trying to replicate my blog as much as possible.
Thanks for any tips.
You have an empty container div.
Either delete the container, or put the following in the CSS;
#container {
display: none;
}
or you could set the padding on the #container rule to 0.
Hope this helps.
EDIT: On closer look, you do need to delete your entire container. Delete all this code;
<div id="container">
<div class="blogtitle">
</div>
<div class="description"></div>
</div>
and then delete the styles for #container, .blogtitle, and .description (unless you think you might need them later).
After reviewing you web site I found the issue: Just you need to make following change in CSS:
div#page{
margin: 0px;
}
#masthead{
margin-top: -15px;
}
That's it.