Solved

Full Width of Screen Image

Posted on 2014-03-10
2
207 Views
Last Modified: 2014-03-26
How do you do a full screen width image in HTML 5 CSS3?  I am trying to achieve a similar look to the http://www.teslamotors.com website.  I noticed that there is no gap/small space between the image where the car is and the edge of the screen.  So how can I achieve this look?  Thanks!
0
Comment
Question by:VBBRett
2 Comments
 
LVL 34

Expert Comment

by:Dan Craciun
ID: 39919803
On that site, they simply have width=100%; on the "hero" div.

HTH,
Dan
0
 
LVL 82

Accepted Solution

by:
Dave Baldwin earned 500 total points
ID: 39919890
The image with the car is 1728 pixels wide.
0

Featured Post

Find Ransomware Secrets With All-Source Analysis

Ransomware has become a major concern for organizations; its prevalence has grown due to past successes achieved by threat actors. While each ransomware variant is different, we’ve seen some common tactics and trends used among the authors of the malware.

Join & Write a Comment

Suggested Solutions

Title # Comments Views Activity
Detecting robots? 5 35
Element alignment and word wrapping 9 27
Modify Table Width 6 14
Bootstrap 3 icons 3 13
Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
Is your Office 365 signature not working the way you want it to? Are signature updates taking up too much of your time? Let's run through the most common problems that an IT administrator can encounter when dealing with Office 365 email signatures.
In this tutorial viewers will learn how to code links for mobile sites that, once clicked, send a call or text to a specified number. For a telephone link (once clicked, calls a number), begin with a normal "<a href=" link tag. For the href, specify…
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …

747 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

18 Experts available now in Live!

Get 1:1 Help Now