Stuff I need cleared up

User 2924428 Photo


Registered User
1,718 posts

Hey guys, good morning.

I have some things I need cleared up for a website project i'm doing for school.

Here's the URL http://mbportfolio.coffeecup.com

On the main page you see a picture of Yosimite, can you tell me why the breaks on the page aren't working?

On the contact page, there are links, but the <div class="contacttext"> is not changing the way the text is..

If you can help me through this project I would appreciate it. Most of it was written from scratch and learning.. so this is a first. Thanks guys
User 122279 Photo


Senior Advisor
14,447 posts

Matt, I guess this site is supposed to be responsive? In that case you need to add the meta viewport.

When you say 'breaks', do you mean breakpoints, or media queries? I don't see any.

The class contacttext must have a . (dot) in front of it in the css file.

There seems to be something wrong in the path to your logo, you have some extra code in there.

Might be more, but fix these things first.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 122279 Photo


Senior Advisor
14,447 posts

Further: Position absolute and fixed are overriding the flex positioning. Use one or the other, not both.

In the head section you need to add a charset declaration

Your custom style sheet should be listed below the one for the google fonts.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 2924428 Photo


Registered User
1,718 posts

Hi Inger, within the html I thought it didn't need a . ( dot ) in front of it though.

I have 4 breaks in my HTML and it hasn't moved over from there
User 122279 Photo


Senior Advisor
14,447 posts

Read my post again. I'm saying the css file.

I'm reading the code of your files. I don't see any breaks or breakpoints. And they are supposed to show up in the css file.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 2924428 Photo


Registered User
1,718 posts

This is an example
http://mbportfolio.coffeecup.com/ts1.JPG
And the result
http://mbportfolio.coffeecup.com/ts2.JPG

For some reason the <br> in coding isn't reading
User 2699991 Photo


Registered User
4,782 posts
Online Now

UncleMap wrote:
This is an example
http://mbportfolio.coffeecup.com/ts1.JPG

And the result
http://mbportfolio.coffeecup.com/ts2.JPG


For some reason the <br> in coding isn't reading


why have you put a <br />in a hyperlink?
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
Contact Me For One To One Assistance
https://alphathemes.coffeecup.com/forms … an%281%29/
User 122279 Photo


Senior Advisor
14,447 posts

Matt, I edited your post above and removed the <br>s from the img links. After that your images show up.

But your question, is that about the 4 <br>s you have on the web page, to push the Yosemite image down? That is a very old fashioned way to space out page objects, better with margins.
My suggestion: Remove the height: 10em; from Yosemite in the css file (and the <br>s from the html file), and if you want more space than that, give the image a top margin with as many px as you see fit.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com



Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.