Hello i am currently developing a new home page for my forums and have run into a few problems. First off here is the link: http://learntogarden.org/new-site/
How would i get the navigation buttons "centered" vertically so there was more-or-less the same amount of green space for the top and bottom.
Second how can i get the two floats that are currently hanging out on the bottom of the page to the top of the page?
This is the first design i have complety done by my self and am a bit lost on those two things.
Thanks!
Cmarenburg
Registered User
51 posts
Eric Rohloff
Senior Advisor
20,271 posts
I added this line to your CSS nav div and thought it looked pretty good.
I really don't see any floats at the bottom of your page. can you tell us the name of the div's and where you would like them to appear.
padding-top: 20px;
I really don't see any floats at the bottom of your page. can you tell us the name of the div's and where you would like them to appear.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
Cmarenburg
Registered User
51 posts
Wow thanks that helped. And i guess they may not be in the bottom but in the middle. They are the #newposts and #extra 9 believe in the CSS code
Thanks!
Thanks!
Eric Rohloff
Senior Advisor
20,271 posts
Where would you like them? Their currently at the top now. Can you give us an idea. Otherwise add some margin to the CSS for the div's to get them where you like.
margin-left: 50px;
margin-right: 50px;
margin-right: 50px;
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
Cmarenburg
Registered User
51 posts
Hi i would like it for them to be at the top on ether side of my content.
so the content would effectly be in the middle of the two blocks
so the content would effectly be in the middle of the two blocks
Eric Rohloff
Senior Advisor
20,271 posts
Try moving the code for the newposts div on your HTML page to above you content div.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
Inger
Senior Advisor
14,649 posts
Online Now
Hi,
Before you start hunting for the floats, you have to put in this at the top of the document, replacing the <html> and <head>:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
Since you are using some html5 markup, you have to tell the browsers that it is a html5 document.
Also, the dark brown background colour is not a good contrast for the black text, but that may be something you are still working on?
Before you start hunting for the floats, you have to put in this at the top of the document, replacing the <html> and <head>:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
Since you are using some html5 markup, you have to tell the browsers that it is a html5 document.
Also, the dark brown background colour is not a good contrast for the black text, but that may be something you are still working on?
Ha en riktig god dag!
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Cmarenburg
Registered User
51 posts
Thanks for that and yes you could say this is a "working BETA"
and yes you could say this is a "working BETA"
Jo Rice
Senior Advisor
10,951 posts
Hiya SVP,
Just thought I'd throw this in for good measure, that since it looks like you just started the forums (or at least I couldn't find a way to see if there are more than the 2 staff members of it) you may want to take a look at SMF forums. They not only give you a very nice forum setup, but they give you a web portal addon that you can make it look like a web site right from the start without any added pages other than what you add right in the program.
You can add pages to it if you like, you can add lots of little mods on the sides etc. and it pretty much will allow you to set it up like a website with modules and menus etc. all within the portal addon.
Just a thought if you're not stuck on the forum you already have, and if you are no worries, lots of people here to help with CSS to get you setup correctly on your start page
http://simplemachines.org for the forum info and I would suggest you get 2.0 version if you were planning to do it at all unless you have a cPanel setup that you can install it from. It seems to be included in most cPanel setups, it's just not the most current released version now is all.
Good luck on it
Just thought I'd throw this in for good measure, that since it looks like you just started the forums (or at least I couldn't find a way to see if there are more than the 2 staff members of it) you may want to take a look at SMF forums. They not only give you a very nice forum setup, but they give you a web portal addon that you can make it look like a web site right from the start without any added pages other than what you add right in the program.
You can add pages to it if you like, you can add lots of little mods on the sides etc. and it pretty much will allow you to set it up like a website with modules and menus etc. all within the portal addon.
Just a thought if you're not stuck on the forum you already have, and if you are no worries, lots of people here to help with CSS to get you setup correctly on your start page
http://simplemachines.org for the forum info and I would suggest you get 2.0 version if you were planning to do it at all unless you have a cPanel setup that you can install it from. It seems to be included in most cPanel setups, it's just not the most current released version now is all.
Good luck on it
Inger
Senior Advisor
14,649 posts
Online Now
http://www.fjermeros.net/tull/Image2.jpg
Is this what you want to achieve? (I didn't bother to download and insert your pics...)
If so, just remove any reference to the #contentwrapper from the html file.
Is this what you want to achieve? (I didn't bother to download and insert your pics...)
If so, just remove any reference to the #contentwrapper from the html 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
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.
