HTML/CSS advice with code
-
Hey,
I have a, probably, basic html/css question.
1 – I have to have 3 logos side by side on desktop browsers.
2 – So I did the code as best as I could.
3 – Looks fine on the desktop browsers I have tested (a couple so far)
4 – But on my iPhone – the images don’t “gracefully” stack. They sort of jam into one another.
<!-- BEGIN.site-info --> <div class="site-info" style="text-align:center;width:100%;float:left;"> <!-- BEGIN.A.wrap --> <div style="float:left; width:30%;height:66px;"> <a href="https://www.site.org/" target="blank"> <img src="https://www.bbbbbb.org/wp-content/uploads/logos_1.png"></a></div> <!-- END.A.wrap --> <!-- BEGIN.B.wrap --> <div style="float:left; width:35%;height:66px;"> <a href="https://www.site.org"> <img src="https://www.site.org/wp-content/uploads/logos_2.png"></a></div> <!-- END.B.wrap --> <!-- BEGIN.C.wrap --> <div style="float:right;width:34%;height:66px;"> <a href="www.site.org"> <img src="https://www.site.org/wp-content/uploads/logo_3.png"></a></div> <!-- END.C.wrap --> </div> <!-- END.site-info -->
I was hoping someone could take a look at the code below – and possibly let me know what is going wrong. Or what I can fix.
Any help? Thanks!
Viewing 5 replies - 1 through 5 (of 5 total)
Viewing 5 replies - 1 through 5 (of 5 total)
- The topic ‘HTML/CSS advice with code’ is closed to new replies.