I need to move all bookmarks inside the html page bit down. Is that doable?
something like that
<div class="anchordown" style="position:relative; top:-80px;">
<a name="learn">Learn bookmark</a>
</div>
but it doesn't work for me. The actual bookmark doesn't move at all
EDIT
I want to have the inside bookmark #learn to be displayed bit down not at the top of the page if I click so http://address/page.html#learn
Here is another alternative
<div class="anchordown">
<a name="learn" style="padding-top:80px;" >Learn bookmark</a>
</div>
You could try a margin or padding, like this:
<div class="anchordown" style="margin-top:80px;">
<a name="learn">Learn bookmark</a>
</div>
Related
Im having an issue trying to get a phone number link and an email link side by side, in my navbar.
This is from an html theme, which i am customizing. I am fairly new at coding so I am majorly stuck. I dont have the email anchor tag in there, ive just been copying and pasting the same anchor tag to try and figure out how to do this.
Its confusing, because as you scroll down, it is desinged to invert the color of the Navbar. Thats why you see two of the same anchor tag. Its the phone number in white, then black, as you scroll down.
Im just trying to get another anchor tag (an email link) to the right of this tag.
Hope thats ot too confusing. Thanks!
<header class="header header-fixed header-fixed-on-mobile header-transparent" data-bkg-threshold="100">
<div class="header-inner">
<div class="row nav-bar">
<div class="column width-12 nav-bar-inner">
<div class="logo width-12">
<div class="logo-inner">
1-530-680-8255
<i class="fas fa-phone"></i>1-530-680-8255
</div>
</div>
This code should make it sit next to each other. Display:inline-block does that. It makes it sit inline
<a href="tel:1-530-680-8255" style="color:grey; display:inline-block">1-530-680-
8255</a>
<a href="tel:1-530-680-8255"><i class="fas fa-phone" style="display:inline-block">
</i>1-530-680-8255</a>
Good day! I have this picture link but somehow its not linking when I click on the picture:
<div id="image-facebook" class="blok"> <a href="https://www.facebook.com/DePrael/"></a href></div>
Am I doing this right?
This should work
<div id="image-facebook" class="blok"> </div>
The href attribute specifies the URL of the page the link goes to.
you should write this
before
//<a href="https://www.facebook.com/DePrael/"></a href>
after
//
I use bootstrap 3.3.6, ui-bootstrap 1.2.2 and I try to use collapse.
The header has to be an image. This is my code
<div id="isOpen" >
<img data-toggle="collapse" data-target="#readThis" src="./images/hello.jpg" />
<div id="readThis" > Get more info</div>
</div>
The readThis div appears opened and when I click the image to close it, it starts to close, and then re-opens.
After that works fine.
How do I fix this? Is there another bootstarp module that will work with images? I try to fix this all day, please help.
Thanks
try by putting data-toggle="collapse" data-target="#readThis" on <a> tag and put image inside it
<a href="#readThis" data-toggle="collapse">
<img src="./images/hello.jpg" />
</a>
I need to figure out a way to have the Yellow Box <div id="bottom"> and the Text <div id="basket">SHOP NOW</div>link to google.com for example.
I have tried adding <div id="bottom">
</div> but nothing is working. It appears to skew the entire section when I add this syntax.
I have searched all over the place looking for an answer, I have read through almost all related StackOverflow articles and still can't figure out the correct way to do this.
Here is a link https://jsfiddle.net/sixpac/8p4m7oc2/8/ to my code.
Can someone point me in the right direction with this? Is this possible to complete without JavaScript? Thank you!
You are looking for something like this https://jsfiddle.net/8p4m7oc2/13/
<div id="bottom">
SHOP NOW
<div id="price">$70.00</div>
</div>
You can wrap the div element in an anchor element to have it link to your chosen url / file.
i.e.
<a href="www.google.com" class="fill-div">
<div id="bottom">
</div>
</a>
This should be the code:
https://jsfiddle.net/RreTH/
Edit:
This will make the whole div element link to google for linking just the text the should be enough to link only the text.
Simply change the basket div to <a>:
<a id="basket" href="http://www.google.com">SHOP NOW</a>
Is there a way to jump to a section on a different page when you click a link? I am a beginner, so I don't know JavaScript etc.
You don't need anything but HTML:
<a href="other-page.html#example">
and (on the other page):
<div id="example">
Wrap the part in a <div> and and define an ID to it. Like this:
<div id="loc">
Band then add an anchor tag with href set to that id:
<a href="#loc">
This will take the screen to that part the the referenced ID.