Add button to 20 14 header

  • Resolved Gilo

    (@gilo)


    10 years, 7 months ago

    Hi

    Can anyone help me. I need to get a button on top of my header image into a defined position. Is this possible?

    I’m a novice in scripting etc….

    Thanx in advance….

    bonvini.lu
    on the bottom right of the BO BE logo

    Gilo

Viewing 15 replies - 16 through 30 (of 33 total)
  • Thread Starter Gilo

    (@gilo)

    and now my menu bar does not stick to the top of the window anymore

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Can you post here the HTML that was generated by dreamweaver, that was inserted into the header.php file?

    Thread Starter Gilo

    (@gilo)

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="https://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
</head>

<body>
<a href="https://eclient.axa.lu/"><img src="file:///Macintosh HD/Users/gillesbecker/Desktop/axa/Espace-client.jpg" width="161" height="28" /></a>
</body>
</html>

    i’ve changed the path to

    <a href="https://eclient.axa.lu/"><img src="https://www.bonvini.lu/wp-content/uploads/2014/08/Espace-client.jpg" width="161" height="28" /></a>

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Okay the generated code is not what you want, all you want is this bit:

    <a href="https://eclient.axa.lu/"><img src="https://www.bonvini.lu/wp-content/uploads/2014/08/Espace-client.jpg" width="161" height="28" /></a>

    Thread Starter Gilo

    (@gilo)

    ok, but menubar is still not sticking, to the top of the window. This is a minor problem, the site would also work without the menu bar sticking….

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    In fact change the line to this:

    <a class="header_btn" href="https://eclient.axa.lu/"><img src="https://www.bonvini.lu/wp-content/uploads/2014/08/Espace-client.jpg" width="161" height="28" /></a>

    That gives you a class that you can work with in CSS.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Well we haven’t got to the CSS yet…

    Thread Starter Gilo

    (@gilo)

    ok

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Actually I think we need to move it again, I think it should be just underneath this line:

    <div id="site-header">

    Thread Starter Gilo

    (@gilo)

    no problem

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Now add this CSS:

    .header_btn {
    position: absolute;
    top: 30px;
    left: 30px;
}

    Thread Starter Gilo

    (@gilo)

    wow great, now i only have to find the correct position and it works…

    great thanx a lot for your help

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Remember to consider what’ll happen on mobile

    Thread Starter Gilo

    (@gilo)

    ohhh on mobile the site wan’t work no more. Because on mobile left:1080px puts the logo on the right and the site is smashed on the left….

    is there a way to work that around?

    Thread Starter Gilo

    (@gilo)

    i found a with with the

    @media screen and (min-width: 783px) {

    and it works for me.

    Again thanx a lot

Viewing 15 replies - 16 through 30 (of 33 total)
  • The topic ‘Add button to 20 14 header’ is closed to new replies.