How to have text next an image in html Videos

+mmgbtv he just made a internal css style to his html make it easy.

Thanks for the Tutorial Ed and great Video Keep more coming, Though I Have a Question, maybe you could cover it in a Video some time. Firstly I'm making a Blog site with lots of text and different stories, I would like to make it so that I can keep adding posts but so that it will only show 3 at any one time (Otherwise I'll get an Endless page of text posts) Any Ideas? Thanks! Default.

@crypticdbrg I've learned a lot from you your a good teacher .you are young and to be commended for your efforts .But this last video was much too fast for the level you are teaching and your arrow is flicking around all over the place ,the images are on and off the screen in a flash giving one headake and no time to absorbe SLOW DOWN before you trip yourself up.fondest regards,

Couple suggestions: 1. Could you put up a list of example-code-snippets from all of your videos? I was thinking that it'd be nice for beginners to organize them all in a OneNote folder or something as a reference when they start their first project! 2. default to Chrome (it's the best) 3. Get 7 (I hope you already have)

Are you for real? - So you can only view it in Chrome because you do not know how to demonstrate the correct way? Allow me to tell your audience: You simply wrap the image in a div container. in the style="" set padding to 10px and float:left;

I have a question, but I can't formulate it right. So when my web page is on window mode (not fullscreen) the text fits on the window size and if I make it small the page looks horrible. Please help!

Guys, it may seem like crappy video but it is his first time making a video like this. Kinda looks like a weather man :P But telling us about sites, and not weather lol

your right it dose and did you see the new google chrome beta with HTML5 on youtube videos its fucking sweet and new button tabs on the top right

It would be a shame if you did not earn cash quickly when other normal people accomplish it easily using Smarter Money Maker (Google it).

Wrong: When you want to save a *.txt as an html document, you must choose a file type of either UTF-8 or Unicode.

Great video! When are you doing the collection of Free Gary videos?

Nice how you reply to a comment that was made 2 years ago. #noob

I use Chrome all the time :) Loads up 10 times faster than IE8

i miss northwestlooner, his ytube account is suspended. :L

Align is a deprecated attribute, use css float instead.

True because it took 26sec for IE8 to load a web page

its not to helpful but it is a nice tut :P good job

Nice tutorial but it kind's so fast..

@MrTobyRoss your worthless.dick

@just0408 all in due time lol

man i just luv ur tutorials!!

thank you...off the chain

love your tutorials!

Thanks for sharing!

chrome kicks ass

Worthless

First!!!!

nice =D

the same thing happened to me. make sure you write the title JUST like how its named, followed by a dot and the file type it is (jpg, gif, and what not)

ok i have learned alot more about coding since this one if you still have problems dont hesitate to ask ok i can help iv'e nearly masterd HTML

hey dude erm i did everything you did but i cant see my picture other than that everythings worked

Bullshit, You can't even type. How can you master HTML at that rate?

this video helped me so much thanks (Y)

+Samuel Ecks If you are putting this code on every page (which can happen sometimes when working with CMS apps like Joomla), and you only want this code to work on certain pages, then you need to use JavaScript to turn the CSS classes on or off. When I have had to do something like that, I got the URL from the browser and write a conditional statement based on what the URL is.You can get the URL like this:var url = window.location.pathname;If you want to get the filename of the page that appears at the end of a URL, you can use something like this (assuming you already defined the variable url):var filename = url.substring(url.lastIndexOf('/')+1);Then you can check the name of the HTML file and manipulate the CSS however you want.if (filename == "WHATEVER_FILE_NAME_YOU_ARE_LOOKING_FOR") { // Make sure the CSS pop-up text appears the way you want. // Remove an existing CSS class and replace it with a new one. // Add a style attribute with CSS properties to a DOM element. // This sort of thing is easy when using the JQuery JavaScript library.}else { // Leave the text as is. You probably don't even need the else statement.}

This worked perfect thank you! One last thing, currently each pop up text appears on every page of my website, do you know how i can make the code specific to one page?

+Samuel Ecks You can change the "width" property in the ".showDisplayOnHover" class to be "min-width" and give it the minimum width you want your pop-up boxes to be, such as "300px".Alternatively, you can have different classes for different sizes of pop up. Just copy the classes, paste them into your CSS code, and rename the new classes to something different, such as ".showDisplayOnHover200pxWide". Then you can adjust the "width" CSS property inside the renamed classes and give these classes to your desired HTML elements. Make sure your CSS has a section for defaulting your new class to "display: none;" when the user is not hovering the mouse cursor over the anchor tag.

+RobinsonProgramming.com thanks alot! it works now..

+Binary Drone It probably does have something to do with the z-index. Imagine the web page as a series of layers. The larger then number you have for your z-index, the higher up on the stack of layers your object will appear. By default, all objects in HTML start at layer 0. So an element with a z-index of 2 will cover an element with a z-index of 1.Try using your browser's debugger (ctrl + shift + i for FireFox and Chrome) and playing with the z-index and other CSS properties on your page.

+Edson Salcedo Kde Advanced Text Editor, otherwise known as kate. It comes standard with most Linux distributions that use KDE for the desktop environment.