Search the Community
Showing results for tags 'coding'.
Found 4 results
-
Hey there! Here's a practical question to the coding gurus. Maybe there's someone who could help... The problem is I have a block of text on the left and there's a gallery of 3 images (thumbnails) I need to be placed in a row on the right. The problem is that I can't put them together in the same row. When I make changes to the code, all I get is all 3 pictures become a column instead of a row. I have a fixed width of wrapper, it is 1000px. Image sizes are the same and equal 275x140px, but I used the property -webkit-transform:scale(0.8) to reduce their size to 220x112px, so they get circa 302x 154px on hover because I used the scaling property -webkit-transform:scale(1.1) The question is should I make the wrapper liquid, stating the size of a 100%? Please take a look at my HTML and CSS code samples and help if you will? Thanks in advance! <html> <head> </head> <body> <div class="hovergallery"> <h1 class="mg">SAMPLE TEXT</h1> </br> <span class="about"> <p><b>SMAPLE TEXT</b> bla bla bla </p> <p>Lorem ipsum dolor sit amet</p> <p>Lorem ipsum dolor sit amet</p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor </span> <ul> <li class="a"><img src="images/1.jpg" alt="Image 1"></li> <li class="a"><img src="images/2.jpg" alt="Image 2"></li> <li class="a"><img src="images/3.jpg" alt="Image 3" /></li> </ul> </div> </body> </html> And CSS .a{ float: left; margin: 4px; list-style-type:none; display: inline; } .about{ width:50%; float:left; margin: 0 20px 0 10px; } .hovergallery img{ margin: 0 10px 5px 0; -webkit-transform:scale(0.8); -moz-transform:scale(0.8); -o-transform:scale(0.8); -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; opacity: 0.7; } .hovergallery img:hover{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); box-shadow:0px 0px 30px gray; -webkit-box-shadow:0px 0px 30px gray; -moz-box-shadow:0px 0px 30px gray; opacity: 1; } -
Hello good friends, As you know I am a newbie to coding, and I need some good pointers to help me. Please don't bother with the basics, I know them, I just need some advanced stuff that's not too hard. Thank you, I cannot be bothered with signatures.
-
Hello to the people of HelioHost. After a long time of using your service, this is the first time I've decided to actually brighten up my dull brain. My question is simply (hopefully understandable). I am trying to write a script that enables me to read in files and directories from sub folders and then read in the data from them. Many thanks in advance. -
I am using notepad and WSftp to edit my WP theme. I am trouble finding the main page that needs to be updated. I have gone through every .php file I see. I figured it would be either index.php or page.php and both have some info that I was able to edit. But if I right click on the live page and view source I see a more comprehensive page with all coding. I do not know the name of this page file. It is not index.html of course. www.360DegreeNetworking Can someone tell me which is the main file to edit? Again, I have viewed every .php file here in notepad and some in other directories. Looking for someone who uses WP enough to know for sure right off the top of their head. Thanks - Xwinuser - Ex Windows user -X windows user
