- This topic is empty.
Viewing 10 posts - 1 through 10 (of 10 total)
Viewing 10 posts - 1 through 10 (of 10 total)
- The forum ‘CSS’ is closed to new topics and replies.
The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Hi , am trying to float some items I have made div and called it header, there are three items the: the logo which is on the left its not floated, an unordered list with two list items which is floated to the right and the third item is a small logo floated to the right also but I want it to appear below the list items
this is what my code looks like so far.
this the html **
**
my css _#garminlogo{ width: 80px; }
.list { list-style: none; margin: 0; padding: 0; float: right; }
.list li { display: inline; margin-left: 10px;
}
garminlogo {
float: right;
}_
Please make a pen here: http://codepen.io/pen
Hi, my code starts from “#garminlogo” and its an id to an image, sorry the site is not yet hosted.
add clear: right; to the second logo
Thanks for your response, am making progress now, I cleared right but there was no effect so I also floated right and it appears to be working.
you stated it was floating…
yes the list item and small logo are floating
Due to lack of information I sincerely apologize and provide an answer without floats: http://codepen.io/Merri/pen/EqpLB
Deal with it.
Out of curiosity, why would you want the logo twice in the header?