August 29, 20178 yr Hi, guys not been on here for a while, been concentrating on my IT degree for the last year, anyway I'm working on something that is like a portfolio page that I'm hoping as my work grows I can showcase it through my own site. currently, I'm stuck on getting my logo i created using adobe illustraitor lto go into the left hand corner of my navbar ill list my code below please excuse any noobie typos as i am still new at this whole coding thing. <!DOCTYPE html> <html lang="en"> <head> <title>RPM Designs</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <link href="https://fonts.googleapis.com/css?family=Philosopher" rel="stylesheet"> <link rel="stylesheet" type="text/css" href="stylesheet.css"> </head> <body> <nav class="navbar navbar-inverse navbar-fixed-top"> <div class="container-fluid"> <div class="navbar-header"> <a class="navbar-brand" href="#"><img src="diy.ai" alt="diy" /></a> </div> <ul class="nav navbar-nav"> <li class="active"><a href="#">Home</a></li> <!-- <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Richard <span class="caret"></span></a> <ul class="dropdown-menu"> <li><a href="#">About me</a></li> <li><a href="#">Portfolio</a></li> <li><a href="#">Contact me</a></li> </ul>--> </li> <li><a href="#">About me</a></li> <li><a href="#">Portfolio</a></li> <li><a href="#">Contact me</a></li> </ul> </div> </nav> <div class="container text-center"> <h3>Navbar With Dropdown</h3> <p>This example adds a dropdown menu for the "Page 1" button in the navigation bar.</p> </div> </body> </html> All help and criticism is welcome as its only constructive in my eyes and ignore the stuff I commented out as that's something I'm toying with regards Richard Edited August 29, 20178 yr by welsh-rich
August 30, 20178 yr Can you post a link to the page as this makes it much easier to inspect the code. I suspect the problem is your CSS not the HTML
August 30, 20178 yr You're referencing a file with a .AI extension on the web, that won't work because it's an unrecognised format. Try exporting that file as an SVG instead https://helpx.adobe.com/illustrator/how-to/export-svg.html.
August 30, 20178 yr Author Can you post a link to the page as this makes it much easier to inspect the code. I suspect the problem is your CSS not the HTML the site isnt live or anything so not sure how i post the site unless i can add what i have in a file
August 30, 20178 yr the site isnt live or anything so not sure how i post the site unless i can add what i have in a file You can use codepen.io to put and execute your code for others to see.
August 30, 20178 yr Author Ok will put it up on there when I get back in Sent from my SM-G935F using Tapatalk
August 30, 20178 yr Still need to change the file from .ai to .jpg .gif. png. Browsers don't recognise illustrator files
Create an account or sign in to comment