Hi
Another little problem…
When I narrow the screen, eventually the stars get included in the text. I understand that the reason is the
.star {float:right;}
But if I place a clear:all after the stars the text goes below the image, rather than alonsgside it.
How do I fix that? of course, I will make the stars smaller in the queries but it is not enough to solve the problem
http://pintotours.net/TEMP1/FFF2.html
Look at the first hotel at around 400px screen width
qim,
Try opening this file in your browser. It is not your code, so don’t even think about copy and paste.
Hi ronpat
Your html does not have the stars. What am I supposed to do?
You sent also a sprite but at this moment because I have the stars in over 100 pages, I would rather not change.
When you say it is not my code, how do you edxplain the stars falling into the text at small widths?
Thanks
The page that I sent does not have the stars that YOU are showing today. The ones that we saw in Simon’s screenshot are similar to the ones I used, only mine uses a sprite. Big deal. It’s not your code. It’s just a simulation… a long shot to see what you want. It’s yours to play with or trash. I’m not here.
Sorry ronpat
It’s just that I did not understand your post. Grey cells deteriorating fast…
Hi
I’ve solved part of the star problem, but a new cropped up!
If you look at, say, the Occidental Royal Club Grand in FF Responsive Design View, the stars go into the middle of the hotel name <h3>
How can I avoid that in the queries only?
EDIT
That’s solved too but remains a smaller problem. In the queries the stars are above the hotel name, but at very low widths the stars change to below the name.
Why is that?
If I’ve understood correctly what you’re asking, then removing this for narrower widths seems to work:
.star {display: inline-block;}
Perfect! Thanks!
Now, I’m off on holiday so you can have a bit of peace!
Thank you all again!
This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.