-
1. Re: problem positioning hero and hero article
David Powers will know exactly what you are talking about.
Most of us regular people do not, despite our thinking that David is our hero.
Please point us in the right direction so that we are also in a position to enjoy your predicament.
-
2. Re: problem positioning hero and hero article
OK. After Googling David I found what it is that you are asking for
Have a look at the following image
You need to ensure that <article> is selected, then go to the properties window and change the value(s).
-
3. Re: problem positioning hero and hero article
Ben Pleysier wrote:
Most of us regular people do not, despite our thinking that David is our hero.
-
4. Re: problem positioning hero and hero article
I’m not quite sure to what Ben’s comment refers.
Nevertheless, I thought to update David Powers on my progress so far... I have now finished part 4 and my live version closely resembles the final example . However when I test it in IE.10 and Chrome it is completely different to my ‘live’ view. The hero is miles out of position, the corners on the hero article do not appear in Design or Split views. Looks as if I need to start all over again ... or is it the tutorial that is not giving full and concise instructions?
Obviously the tutorial gets the OK as I am but a beginner not daring to doubt the Master but I do assure you that I have been meticulous in following the given instruction.......... four times now! Maybe there is conflict in equipment; I am using Cloud updated DW CC on a newish Windows 8, HP 4GB.64 bit OS.
-
5. Re: problem positioning hero and hero article
What Ben is referring to, apart from pulling your leg and mine about me being a hero, is the need to provide more information about your problem. It's not immediately obvious from your original post where the tutorial you're following can be found. Unless someone else has done the tutorial, they're left guessing as to what the problem is.
For help with layout problems, it's always best to upload the problem page to a website, and post the URL in your request for help.
If your page doesn't look the same as the screenshots in the tutorial, you've made a mistake somewhere. But without seeing the code in your HTML and CSS, it's impossible to say where the problem is (in fact, there may be more than one problem).
I've just tested the completed page in both Chrome and IE 10. It looks exactly as it should in Chrome. When you try it locally in IE 10, you'll get a message about ActiveX controls being blocked. That's triggered by the use of Edge Web Fonts. Just click Allow Blocked Content, and the page should load normally.
If the hero article isn't in the correct position, it means that you have either nested the elements incorrectly, or that there's an error in your CSS (or perhaps both).
The HTML for the hero div and article should look like this:
<div id="hero">
<article>
<h2>Be Where It’s At</h2>
<p>San Francisco is one of the most exciting and vibrant cities on the planet. Bayside Beat is here to keep you informed of the best places to see, where to eat, what to do, and where to lay down your weary head after an action-packed day—or night—on the town.</p>
</article>
<img src="../images/golden_gate.jpg" alt=""/></div>
In the CSS, the position property for #hero should be relative. For #hero article, it should be absolute.
If you're getting no styles at all in IE 10, that's a completely different issue. I've been battling with that particular problem for a couple of hours, and have finally found a solution that I'll write about soon.
-
6. Re: problem positioning hero and hero article
Obviously the tutorial gets the OK as I am but a beginner not daring to doubt the Master but I do assure you that I have been meticulous in following the given instruction..........
Can you post a link of your page by uploading it somewhere so that Ben can have a look at it and tell you what has gone wrong.
-
7. Re: problem positioning hero and hero article
Thanks, as I don’t yet have a website I can upload onto (this is my reason for getting Dreamweaver) I attach the HTML code copied into an email. This is my entire code.
Can you see where I increased the hero dimensions in the hope of filling the full 100%?
I’ve attached a screen shot of the css code applied to hero.
<!
The following script tag downloads a font from the Adobe Edge Web Fonts server for use within the web page. We recommend that you do not modify it.>Bayside Beat
Be Where It’s At
San Francisco is one of the most exciting and vibrant cities on the planet. Bayside Beat is here to keep you informed of the best places to see, where to eat, what to do, and where to lay down your weary head after an action-packed day—or night—on the town.
Riding the Cable Cars
No visit to San Francisco is complete without a ride on the iconic cable cars that climb up the vertiginous hills of the city. Of the twenty-three lines established between 1873 and 1890, three remain: two routes from downtown near Union Square to Fisherman's Wharf , and a third route along California Street.
The cable cars rely on cables running constantly beneath the road’s surface. The driver—or gripman—uses a lever to grip the cable to pull the car and its passengers up the hill. The gripman requires not only great strength, but also great skill. He needs to know where to release the cable to coast over crossing cables and points. The conductor works in close cooperation with the gripman, operating the brake at the rear of the car to prevent it from running out of control on the downward slopes.
<!-- @page A:link { so-language: zxx } -->
Cable Car Tips
A single ride on a cable car costs $6. If you plan to travel around the city, it’s often cheaper to buy a Muni Passport, which gives you unlimited rides on San Francisco’s extensive public transport system, including the cable cars (but not the BART subway system). Even a single-day passport ($14) will save you money if you make a return trip, and stop off to visit Chinatown one way.
There are often long lines at the cable car terminus, particularly on the Powell-Mason and Powell-Hyde routes. If you don’t want to wait, try walking a few stops along the route. The conductor usually leaves a small number of places to pick up passengers on the way. The California Street route is generally less crowded (but not as spectacular).
© Copyright Bayside Beat 2013
</html
-
8. Re: problem positioning hero and hero article
Ganges-boy wrote:
I attach the HTML code copied into an email. This is my entire code.
Can you see where I increased the hero dimensions in the hope of filling the full 100%?
I’ve attached a screen shot of the css code applied to hero.
Putting code in an email won't work. Neither will attaching a file to an email. If you want to show your code in the forum, you need to log into the forum's web interface. You can embed screenshots in the forum by clicking the camera icon in the Reply field.
