CSS Image Wrap - Post ID 206134

User 122279 Photo


Senior Advisor
14,624 posts

Is this part of the Judd Craig website? I don't see any images lined up in order to wrap. Maybe you could let us have the URL, as Eric asked in a post above here.

As for choosing div ID or class, it doesn't really matter as far as positioning is concerned, the thing that DOES matter is whether you intend to use it more than once on the same page.

Take a look at this: http://sonspring.com/journal/hoverbox-image-gallery and check out the example. The bits about the hovering and showing a larger image can be taken out, so that you are left with the images which will display next to each other as long as there is room for them within the width of the div they are placed in, then they will wrap to the next line. The whole thing is a long unordered list, floated left and displayed inline. You can download the html and css for it from that site.
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 187934 Photo


Senior Advisor
20,267 posts
Online Now

You don't have any header declared in the html.:)
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
User 184085 Photo


Ambassador
1,707 posts

I don't know if you noticed but on the home page and guest page you have
<div id="logoTxt">
</div>
<section id="mainRight" class="clear">
<nav>


While on the rest of the pages you have
<div id="logoTxt">
<h1><span></span></h1>
<h2><span></span></h2>
</div>
<br>
<section id="mainRight" class="clear">

<nav>


This might be why your menu is jumping around the screen a bit.
Volunteering to help :)
http://www.tbaygeek.ca
My HTML play area
http://www.tbaygeek.ca/test/
User 2924428 Photo


Registered User
1,718 posts

Ok hey thank you David I appreciate your help!! :D
User 122279 Photo


Senior Advisor
14,624 posts

Matt,
I'm so old that I actually had to google what 'pinstriping' really is. So I came across a Norwegian site (in English, though): http://www.pinstriping.no/ . The reason why I mention this site, is that it has something that your site is lacking; text, so that the search engines can find something to 'chew on'. And for that reason it popped up as number one on the first page of my google results. That site also has - at least to me - a pleasing appearance, not so striking colours. Such colours have been reserved for the images, so that they stand out, not the page background.

This is meant as a friendly hint, but do think it through!

Another thing:

I notice on the craigjudd site that in the navigation the yellow coloured letters for the current page stay at the index page, even if you have opened one of the other pages. To make the colour shift to the other pages, you also have to shift the class="selected" accordingly. On the Services page in the menu, that page has to be the selected one, and so 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


User 2924428 Photo


Registered User
1,718 posts

Ok thanks Inger, i'll definately have a look at this site.. right now i'm working on a team site and gave a little break to the other one, i'm still thinking about how to put together the rest of Judd's site, but i'm sure this will help me, thank you again Inger :)
User 122279 Photo


Senior Advisor
14,624 posts

You are doing well with your sites. We have all been newbies and we have all at some stage struggled with unknown code. Some of us started out more or less at the time you were born or so, though, if your picture is anything to go by ;) , so naturally we have got a bit further. Keep up the good work, and ask away when you get stuck. :) . We're glad to be of help.
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

Thank you Inger, your words are inspiring and I will always read this post to keep me going. I appreciate all of your help and have improved since joining CoffeeCup forums and getting help. I am really appreciative of this post.. thank you :D

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.