HTML - Alternative To <p> </p> >
I'm adding some ad sense code into my second side bar of my blog. However i have a large widget image which i have placed in my first (left) side panel and it's taking over both panels.
I'm un-able to add a widget into the second (right) side pannel as it overrights the code for the right side pannel for 'archives' and 'blogroll', which is fine. But i'm wanting to place some adsense code under my large image in the right side, but the ad sense code over rights the image! So, i need to add a bunch of paragraphs to make it shift down lower, i'm using close to 30 <p< </p> so i can get the adsense code low enough to not cover over the left panels large image. So i'm wondering, is there a smarter, or better way of getting this code down lower? I know i could use CSS and a margin, but i'm not really sure how to make that change. Is there a HTML way of doing this, or is the large amount of spaces i've put in ok? Thanks! www.nikkisblogspot.com if my description was a bit confusing. PS. Whats with IE? My widgets are all over the shop and some aren't even showing?? Similar TutorialsWe are posting jobs on a new website using HTML and in the body of the post we get the before and in between some lines. Now I know this is used for no-break spaces but in isn't in my code at all. It only shows up on the job post. How can I stop this from showing up. If you need to see the code I can get it. Thanks for any help, Bill Hi all - I bet this is a quick one, but it's new to me I tried to validate a page I just built in xhtml transitional and got errors on the use of   on my page. I've researched this afternoon and found other recommended code to use -   and/or 00A0 for a non breaking space instead but I'm still not able to validate. I am using the code as a space between several pictures I have on a page all in a row. Is there other code I should be using that will validate instead of  ? Maybe I'm just not using the code correctly - should I have it in quotes? " " or "00A0"? Thanks - MN Hello Reader, I am very new at html (so please no CSS) and this is what Im trying to do 1) Have my logo on the far right and the page 2) Put the website name in the centre of the page Ive done a wrap (I think and it seems to be working) the problem is: the website name is not going in the centre of the whole page but the centre of the page from where the logo ends (on the right of the page). So if you look at the company name its not in the centre of the page but in the centre of the page from where the logo ends. I have decided to work with that as it will actually look good with what I want to do - My question is this: If I did want to centre the company name to the middle of the page could I use   (loads of them!) to position it exactly where I wanted on the page and is that good practice? And if not what can I use in its stead?? Any advice will be very much appreciated!!!! Hello guys, ew to this forum and relatively new to the world of infinite coding! I have a small dilemma, in that my funky 'competition' boxes, when put onto my page, mess up all the other styling. I have come to the conclusion that using <div> tags was a bad idea. I have a main CSS file called master.css controlling most of the syling, however the bulk of the text and content parts are made using div tags. Being really difficult to explain, I'll post a link: http://www.area51clan.seemeplayme.net/ben/test2.html The code for this: Quote: <form action="competition.php" method="post" target="_blank"> <div><img src="images/competition.jpg"></div> <div id="linkinput" style="background-image:url(images/competition2.jpg); background-repeat: no-repeat; width:180px; height:30px"> <input type="text" style="background-color: transparent; border: solid 0px #FFFFFF;" size="180" maxlength="150" name ="Forename" align="center"/> <img src="images/competition6.jpg" align="center"></div> <div id="linkinput" style="background-image:url(images/competition3.jpg); background-repeat: no-repeat; width:180px; height:30px"> <input type="text" style="background-color: transparent; border: solid 0px #FFFFFF;" size="180" maxlength="150" name ="Surname" align="center"/> <img src="images/competition7.jpg" align="center"></div> <div id="linkinput" style="background-image:url(images/competition4.jpg); background-repeat: no-repeat; width:180px; height:30px"> <input type="text" style="background-color: transparent; border: solid 0px #FFFFFF;" size="180" maxlength="150" name ="Email" align="center"/> <img src="images/competition8.jpg" align="center"></div> <div id="linkinput" style="background-image:url(images/competition5.jpg); background-repeat: no-repeat; width:180px; height:30px"> <input type="text" style="background-color: transparent; border: solid 0px #FFFFFF;" size="180" maxlength="150" name ="Answer" align="center"/> <img src="images/competition10.jpg" align="center"></div><br /><br /> <input type="submit" value="Submit"> </form> This is what I want, on this page: [note that the lighter coloured parts are fields which do feed into a database and work.] http://www.area51clan.seemeplayme.net/ben/home.html The little box on the right side with 'ABC' in it is where I want it. Alt > View source [in IE] will show you the HTML. I wasnt sure if you needed the CSS, as Im not very good with that and it isnt my code, so here it is: Quote: body{ background: url(images/bg2.jpg); margin: 0px; padding: 0px; text-align: center; } td{ vertical-align: top; text-align: left; } #div-table{ margin-left: auto; margin-right: auto; width: 1000px; } .table{ width: 1000px; } .left-side{ background: url(images/left-ex2.jpg) repeat-y; width: 110px; } .right-side{ background: url(images/right-ex2.jpg) repeat-y; width: 110px; } .top{ background: url(images/ate-fat2.jpg) no-repeat; width: 779px; height: 36px; } .foot{ background: url(images/foot2.jpg) no-repeat; width: 779px; height: 43px; } .head{ background: url(images/head.jpg) no-repeat; width: 779px; height: 125px; } .left-content-t{ background: #FFFFFF; width: 569px; } .right-content-t{ background: #FFFFFF url(images/nav-bg-right2.jpg) repeat-y; width: 210px; } .content-header{ background: url(images/content-head2.jpg) no-repeat; width: 569px; height: 47px; } .c-head-div{ margin-left: 25px; margin-top: 22px; margin-right: 25px; font-size: 10px; font-family: Verdana; } .c-head-div a:link{ text-decoration: none; color: #1C1C19; } .c-head-div a:hover{ text-decoration: underline; font-weight: bold; color: #2C4D00; } .c-head-div a:visited{ text-decoration: none; color: #1C1C19; } .c-head-div a:active{ text-decoration: none; color: #1C1C19; } .content{ background: #1C1C19 url(images/content-bg2.jpg) no-repeat; width: 568px; height: 487px; border-left: 1px solid #3D3D31; } .content-div{ margin-left: 22px; margin-right: 22px; margin-top: 3px; font-family: Verdana; color: #999999; font-size: 10px; } .nav-top{ background: url(images/nav-topb.jpg) no-repeat; width: 210px; height: 34px; } .nav-text{ margin-left: 12px; margin-right: 17px; margin-top: 10px; font-family: Verdana; color: #999999; font-size: 10px; } .nav-div{ margin-left: 12px; margin-right: 15px; margin-top: 9px; font-size: 10px; font-family: Verdana; } .nav-bg{ background: url(images/nav-bg2.jpg) no-repeat; height: 89px; } /* Nav Linsk */ .home{ width: 81px; height: 31px; } .roster{ width: 82px; height: 31px; } .forums{ width: 87px; height: 31px; } .join{ width: 80px; height: 31px; } .servers{ width: 91px; height: 31px; } .info{ width: 118px; height: 31px; } .dl{ width: 120px; height: 31px; } .irc{ width: 120px; height: 31px; } So, is there an alternative to using div tags, do I put the code in the CSS or is there something else? Sorry to be such a bore guys, but ive been trying this for ages and it just doesnt want to work...Ignore the content too - this is for my ICT coursework. Thanks again guys, and sorry for the huge post! TracNav Hi, I have a problem with my fileserver which might take a long time to fix, it works randomly, so I was wondering if there was a way to supply TWO SRCs in ONE HTML string, both serving as ALTERNATES. This is what I mean. Will this work? I tried to see if it works, and it does NOT work. How can I make ALT SRC work. <img src="URL1/johnhall.jpg" alt src="URL2/johnhall.jpg"> Once again, what I mean is...if URL1 fails for some reason, then URL2 loads johnhall.jpg....that means the website reader does not face any interruptions. How to make this work Thank you in advance for any advice. UBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Navigate Network BigResources.com BoxedArt.com StockedPhotos.com Built2go.com 123Webmaster.com A1Javascripts.com 1-Click-Clipart.com FresherImage.com FontFiles.com HTMLforums.com httpCITY.com PerlAccess.com HostRaiders.com Website Templates All access to thousands of web templates, logos, icons, more... Turnkey Websites Instant websites, turnkey PHP templates! Stock Photography All access to thousands of professional stock photos CMS Templates 100's of templates for joomla, drupal, wordpress, and more! HTML Forums - Free Webmaster Forums and Help Forums > WEBSITE DEVELOPMENT > HTML / XHTML Webpage won't work when I upload to server! User Name: Password: Remember Me? View Poll Results: 0% Voters: 0. You may not vote on this poll View First Unread « Previous Thread | Next Thread » KEEP TABS Latest Posts Twitter Network Blog Main RSS Feed SPONSORS Currently Active Users Viewing This Thread: 1 (0 members and 1 guests) Hello, I have an image that I want to make "float" above a small green bar, so that it sticks out above it. I have been able to achieve the effect with the <layer> tag, but the problem is that it only displays correctly in Firefox and not in IE. Also, I want to avoid the layer tag since it is not universally supported. Here is an example with the layers: http://dqnmusic.googlepages.com/indexenlayer.html Here is what it looks like when I try to avoid layers: http://dqnmusic.googlepages.com/indexen.html Is there away around the layer tag that can still achieve the effect I want? I was wondering... I really don't want to use Iframes on my website, because everybody tells me they're really unreliable. What I'm trying to do is make it so that my site navigation code is in a seperate file than the rest of the page, so if I need to update it I don't have to redo fifty-something pages. I've heard this can be done, but I have no idea how. I am currently designing a site for my band, we require an mp3 player to be embedded into the site, but dont want the player to be reloaded (and therefore restarted) everytime a new link is visited - basically the music should continue to play no matter what "page" is visited and without interruption. The mp3 player we are using is xspf_player. I am able to use css and html fairly well and have a little experience with php. I know one way to do it is to put the player in a frame and then all the other content in another frame and just have that frame updating when links are clicked, but I think frames are ugly. Is there any other way I could implement this feature, perhaps using php or css/divs? My thinking was to have all of the content on just one page and have different "sections" becoming visible or invisible but it seems too lengthy for such a simple problem. Am I just being stupid and overlooking the simplest method? Thanks in advance, Matt I have a website build with frames. I have a section called "News" that I want to be able to put the most updated news in, similar to a blog. I want a blog style interface, that way I don't have to edit the HTML of the page every time I want to add a new piece of news. I do not want an SQL based blog however. I've looked into some PHP based blogs, but it "looks" too much like another website loading inside this frame (which I know it IS, but I don't want to give that appearance). My website is *White* so is there a solution to adding new news in a blog style format without an entire blog inside the frame? I just want to be able to easily add new news to an HTML page without actually going in an editing the HTML. How do other websites deal with adding news to a news page so that a client could easily edit their own news? Thanks! Hi - so I'm a bit of a noob to all this html business, but have done a bit of C at uni. Basically I'm embarking on a little home project trying to create a notepad web app- that way i can have it in my bookmarks, as an app on my iphone, as a webclip on my mac's dashboard etc. I'm hosting it from my dropbox, got that bit sorted. I thought I had it sorted when i found contenteditable, but alas no ios support, so I was wondering if anyone new of an alternative, basically all i want is a text box thats editable, a save and a refresh button. Any help greatly appreciated, Thanks, Geoff. First, people were saying *frames* were bad for a lot of reasons... *then*...they were saying iframes were bad...for the same reasons! So..if frames and iframes are so bad, what is the alternative that has the same functionality as frames and iframes (parts of the screen can change *and* scroll, controlling one side with the other like a 'menu' on the left and 'contents' on the right which changes). i was just told that frames are not good to use... i was wondering what a good alt to frames was Hello there, I am wondering if there is a free alternative to Adobe InContext Editing out there. One that people have had experience with and believe to be credible. I would really appreciate it if you could point me in the right direction. Thanks for your time. Trying to see if someone has a work around for this. I have a vbulletin forum with a shoutbox and I would like to move the shoutbox to a page outside of the forum. I did this before with an iframe when I had phpbb3 but have not been able to do this with vbulletin. I now have the shoutbox on an external page but it still contains the header and footer and I have not found a way to remove these. I just need the actual shoutbox approx 730px by 350px. Is there a way to pull only the specific area of a page to another page? *****Edit Resolved ********* Hello, I am currently making a vBulletin skin, and was wondering if there were any alternative to overflow: auto? The thing is, I'm trying to create a sidebar without tables AND with a fluid wrapper. My CSS code looks like this: Code: #wrapper { width: 90%; min-width: 980px; margin: 10px auto 0 auto; background: #1a1a1a url(images/magnetic/style/wrapper.png) repeat-x top left; border: 1px solid #161616; overflow-x: hidden; -moz-border-radius: 8px 8px 8px 8px; -webkit-border-bottom-left-radius: 8px; -webkit-border-bottom-right-radius: 8px; -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; } #right-content { float: right; width: 275px; color: #7a7a7a; padding: 15px 0; } #left-content { margin: 0px 0 0 0; background: #e9ecee url(images/magnetic/style/bg-main.gif); padding: 0px; min-height: 800px; overflow: auto; overflow-x: hidden; -moz-border-radius: 8px 8px 8px 8px; -webkit-border-bottom-left-radius: 8px; -webkit-border-bottom-right-radius: 8px; -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; } And here's what the HTML looks like: Code: <div id='wrapper'> <div id='right-content'> Right content (sidebar) here <!--end right--></div> <div id='left-content'> The left content here </div> </div> The thing is, when the overflow:auto is there, the page looks fine BUT it has issues when opening, for example, dropdown menu or expanding a big image. Here's what it does when opening a dropdown menu: Here's what it does when trying to open an image: http://img689.imageshack.us/img689/9...340problem.gif So what I'm trying to do, is to create a fluid layout with a right sidebar without tables. It's working, although I'm looking for some code modifications so it doesn't have issues with the dropdowns etc. Basically, it seems that everything looks fine BUT when we open something that is "larger" than the #left-content ID. Then it creates issues. Any idea? Thank you so much in advance. |