Jump to content

silversquid

Members
  • Content Count

    10
  • Joined

  • Last visited

Community Reputation

0 Neutral

About silversquid

  • Rank
    Newbie
  1. I want to display the time period 1887-1920 right below the image. <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <title>Tribute Page</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <div class="container-fluid"> <div class="well"> <div class="main"> <h1 class="text-primary">Srinivas Ramanujan</h1> <h3 id="subhead">The man who knew infinity</h3> <figure> <im
  2. sorry but this is what you are looking for- <meta name="viewport" content="width=device-width, initial-scale=1.0" /> add the above line to your <head> section. The page will adjust when you resize.
  3. I have made a navigation bar. How to change code so that all the tabs open in the same page? Is it possible using html and css only?
  4. Yes got it! Sorry bad question. Too much code caused the confusion. Thanks...
  5. Hello, so I used the universal selector to customize my page using CSS. All the defaults have got removed but now the text does not wrap around the image. I have removed all the CSS customization and have only HTML structure left. So how do I get the text to wrap around the image while using the universal selector '*' as well? It's a naive question, maybe. I basically had to start the page from scratch. I will be creating a nav bar for easy access. The code follows:- <body> <header> <h1>Birds of the Wetlands</h1> </header> <nav> <ul> <li class
  6. Now there is some distance between the image and the left border. I had to use (minus) 20 padding-left for img element. HTML - <!DOCTYPE html> <html lang="en-US"> <head> <meta charset="utf-8" /> <title>Azure Kingfisher</title> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="author" content="Someone" /> <link rel="stylesheet" href="style.css" /> </head> <body> <main> <article> <header> <h1>Azure Kingfisher</h1> </header><hr> <p>This
  7. 1) Removed <p> element. 2) Got it! 3) Thanks for the correction.
  8. the figure element has no margin and padding! but still the image is a little 'inset' from the left border so I am using negative padding to shift the image to the right.
  9. One more question - How to shift the img to the left so that the distance b/w img and left body border is equal to distance b/w img and text? I have added the following code to img:- img{ border: 2px solid black; margin-right: 15px; ; } I have added margin-left as (minus)20px. Is it okay to add a negative left margin? It seems to work here.
  10. HTML CODE:- <body> <main> <article> <header> <h1>Azure Kingfisher</h1> </header><hr> <p>This stunning little kingfisher is common on waterways across the <a title="Top End Australia Video"; href=" " target="_blank">Top End</a>, but can be difficult to see well. this is some text about the kingfisher this is some text about the kingfisher.this is some text about the kingfisher. this is some text about the kingfisher.sdnf iuhrwei hear hoheo eogflkvoiejar glk oisdfj w oaif iasdfi asoif asidfjsaifdj osaijdfiasdf insadfoi</p
×
×
  • Create New...