Jump to content

i can spell html5!

  • Content Count

  • Joined

  • Last visited

Community Reputation

0 Neutral

About i can spell html5!

  • Rank
  1. I'm following along with the video in title but the "boxes" section with the three images are spaced WAY to far apart. been working on it several days now and cant seem to straighten it out. my html: <section id= "boxes"> <div class="container"> <div class="box"> <img src="9.jpg" <h3>html5 markup</h3> <p>this is some random text:</p> </div> <div class="box"> <img src="9.jpg" <h3>css 3</h3> <p>what am i really tring to do here?><:</p> </div> <
  2. id like to put mulple small articles that link to other pages in the main section of my home page but only seem to be jumbleing them up. the styling part is really the hardest for me . any help appriciated. <a href="main_section1"> <section id="main_section1"> <article> <header> <hgroup> <h1>Ace-King</h1> <h2> How to play Ace king</h2> </hgroup> <h2>Considerations of hold'ems most notorious hand and why players hate it so much</h2>
  3. so far my header is looking somewhat better but in media quarries when i remover the floats thats seems to put my h1 and p(both within my top header) coliding into each other and the image to the leaft. if i remove the floats with media quarries how do i prevent this. thanks. the code: <!DOCTYPE html> <html lang="en"> <head> <title>inahurry</title> <meta charset="utf-8"/> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" type="text/css" href="main.css"> <body> <he
  4. i changed css to header #branding { float:left; display: inline; } and its not leaving the header area as before but i have the same issue as before. the image is to large so i guess my question should have been how do i style my image to a certain sive and posistion it correctly in the div id "branding "id? thanks
  5. I’m trying to place an image in the header of my site on the left side but it keeps colliding with my header <h1> and <p>. Basically i want to keep this img to the left side and within the header height wise as well but be responsive. when i put a div around it the image becomes to big. how do i get the img to stay in one specific place(left side of header) and still be responsive <!DOCTYPE html> <html lang="en"> <head> <title>inahurry</title> <meta charset="utf-8"/> <meta name="viewport" content="width=device-widt
  6. thank you very much but not exactly sure what you mean by straight quotes vs curly--thanks for pointing out missing #
  7. Ive been pulling my hair out for a couple of weeks now tring to make the header of my site responsive. I know im not a great designer but i feel like im missing someing i just cant see. anyway could really use some help. this header has an image in the left hand side, an h1 and h2 tag, and social bar for twitter-facebook-yt on bottom right. any help surely appriciated and the code <!DOCTYPE html> <html lang="en"> <head> <title>inahurry</title> <meta charset="utf-8"/> <meta name="viewport" content="width=device-width, initial-scale=1.
  8. im having trouble getting my headeresposive and not sure exactly where im going wrong. can make things look ok when fixed but not on moble,anyway <header id="top_header"> <IMG STYLE="position:absolute; TOP:0px; LEFT:0px; WIDTH:350px; HEIGHT:130px "SRC="favorite.jpg"> <IMG STYLE="position:absolute; TOP:98px; right:14px; WIDTH:30px; HEIGHT:30px "SRC="facebook.png"> <IMG STYLE="position:absolute; TOP:98px; right:65px; WIDTH:30px; HEIGHT:30px "SRC="youtube.png"> <IMG STYLE="position:absolute; TOP:98px; right:108px; WIDTH:30px; H
  9. sorry to have to ask such a noob question but here goes. my pages has the all the folders (7 deadly sins, you play too loose!, not understanding starting hands etc.) I'm going to need but I'm not sure how to reference them in css. each page will of course have slightly different styles going on and I'm not sure how to reference them in css. heres the code(s) <div class="vbar"> <div class="vbartitle">In The Beginning</div> <ul> <li><a href="7.html"> The 7 Deadly Sins</a></li> <li><a href="loose.html"&g
  10. I have 10 smaller sections that make my middle section on a webpage Im working on and Im having trouble changing the background color of each individual section. it just comes out completely garbled. <a href="main_section1"> <section id="main_section1"> <article> <header> <hgroup> <h1>Ace-King</h1> <h2> How to play Ace king</h2> </hgroup> <p>Considerations of hold'ems most notorious hand and why players hate it so much</p> </article> </a> and the css
  • Create New...