backgrounds - Page 3 - Post ID 221353

User 122279 Photo


Senior Advisor
14,454 posts

I'll get back to you in the morning. Midnight here...
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,454 posts

New version uploaded: http://inger.cybeer.no/stuff1/
You find a download link for the zipped folder with the files.
Regarding the small images on the right side: I have removed the blue border from one of them, and also made the width the same for all of them. If you want different widths, we need to create a 'displaybox2' with different width settings. Just holler. ;)

I commented out all the borders so that you can get an impression of what it might be. If you want them back, just remove the /* and */ before and after the borders in the css file.
I'll pop in here tonight again...
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 2622002 Photo


Registered User
25 posts

Yes! all very nice-sidebar just what I wanted

should I use div instead of <P> for each item in content area?
<div id="main"><a href="http://www.upholster.com/vue"><img src="images/videos-plaid.JPG" alt="Upholstery Video" title="Upholstery Video" /></a>This is for the main content. It will grow downwards along with the amount of contents. <br><br><br><br><a href="skeleton4.zip">Here is the folder with all the files.</a><br</div>
I have some other things to add from my current site www.upholster.com
then I should be able to get a good start on the other 75 pages
</div>
User 122279 Photo


Senior Advisor
14,454 posts

You should just use <p></p>. The reason for that is that you are already in the 'main', and there is no point in adding more code than necessary. That may lead to slower loading, especially if the band width or internet speed is low, because the browser will have to make too many server requests.

If you want to, we could make the text of the nav bar appear in a different colour when hovered over. I was thinking of the warm yellow colour in your plaid background. Just let me know.
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 2622002 Photo


Registered User
25 posts

Yes the yellow hover will work
So no div just
<p><a href="http://www.upholster.com/vue"><img src="images/videos-plaid.JPG" alt="Upholstery Video" title="Upholstery Video" /></a>This is for the main content. It will grow downwards along with the amount of contents. <br><br><br><br><a href="skeleton4.zip">Here is the folder with all the files.</a><br<p>
And the text will align around images in main content same as in nav?
like this page http://www.upholster.com/howto/pill.html

By the way can I give you something for your help? You can email me at the address on this page http://www.upholster.com/intro/
Ken
User 2622002 Photo


Registered User
25 posts

Should I use full urls for internal links or just /vue?
I added <center>
<div class="nav"><p> <center><a href="http://www.upholster.com/vue">Videos</a> | Introduction | How to upholster | Suppliers | Bookstore | Classifieds | Discussion Board | Home </center></p></div>
<div id="main"><p><a href="http://www.upholster.com/vue"><img src="images/videos-plaid.JPG" alt="Upholstery Video" title="Upholstery Video" /></a>This is for the main content. It will grow downwards along with the amount of contents. <br><br><br><br><a href="skeleton4.zip">Here is the folder with all the files.</a></div>
</div> <!-- end of content -->
One last thing about file structure for css files
uph.com/style.css
or
uph.com/css/style.css
uph.com/css/style2.css etc
User 122279 Photo


Senior Advisor
14,454 posts

Yes, the p is ok. If you include the button into the p, it will appear on the same line as the text. If you only include the text, the text will drop to a line below the button.

I have uploaded a new version to the same place as before, this time only the html and css files, as I have not changed anything with the images. You will see that I have only put a link to the two first menu items, leaving the rest to you. ;)
We may have to add some styling to the footer area. Also, if you are going to insert images into the 'main' area, we may need to add some code to make them responsive. One thing you should be aware of: Leave the dimensions off of the images you insert.

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,454 posts

Oh, I forgot one of your questions, regaring the absolute or relative linking.
When I create a site, I have the root of the site for the html files, then I create folders like images, css, js. I link an image like this:
images/picture.jpg and similar for css files and javescript files. To another html file I just link it as filename.html. I try having most of the assets uploaded to the server and as little as possible pulled from other places.
The test site for my versions of your site has just one subfolder, the images one, because with just one style sheet I don't bother about a separate folder.
I always try keeping the folder structure as simple as possible, not many folders deep down in some hierarchy.
So relative links to other pages is what I prefer.
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 2622002 Photo


Registered User
25 posts

Inger
I've added some text and images here
http://www.upholster.com/skeleton.html
I added an advertisement which is a html table
I will have several ads in other parts of my site which are html tables. Is there an easy css formula so I can just change the number of columns or rows to fit the situation? These will be in the main content areas.
I would like the images to have their text alignment in the same way as the sidebar.

Since I messed with all this stuff I managed to get the sidebar to fall to the end of the page and the footer to take its place. How can I fix that?
I hope you can stick with me a while longer-I'll get it yet.
Ken

User 122279 Photo


Senior Advisor
14,454 posts

I will have to check your code to see when and with what the sidebar dropped. I'll do that some time today and post back when I've found out.

I can stick with you as long as you need me ;) There will have to be a break, though, from Sunday evening to Tuesday midday, as I will be travelling home from my holiday destination.
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.