|
HTML - Html Image Logo Help, Easy Fix?
Hey, thanks ahead of time for any amazing answers,
Anyway, i am hosting my website on Tumblr, which is a blogging thing @ quickcache.org And you can customize your theme in HTML. I want to add a 150 by 150 or less picture to the left of the blog title. You can view to code here and view the sample website here If you could give me a updated copy with fill in the blank code that would be epic! I assume it should be easy for anyone with any knowledge of HTML. And yes i know i need a image host. Also if you add to the code, could you give me a recommended picture size to fit it to the left of the title? Thanks so much! Similar TutorialsI am trying to changed the logo on my website. The part of the html code which does this, is showing as: <div id="logo-div" class="fw-logo"></div> the logo is a .gif file and I cant find anywhere in the html which is calling this image file. Where is it getting logo-div and fw-logo from, can someone please explain the html above that I posted Here is my site: http://www.straighttothetop.net What I want to do is add the image (the one in the background) and put it in the header above the navigation links (home, products, etc) Just having a black background and the image on the header as a kinda banner/logo centered on top of the navigation links Can you please help me with this problem. The HTML you are already given (has 2 unordered lists and both of them are in seperate divs) and I have to style them up with CSS with what the assignment wants. So far what I have is this: ul#menu { float: left; width: 6em; list-style-type: none; margin: 0; padding: 0; background-color: #aac; border-right: thick solid #44a; border-left: thick solid #ccf; } div#main { margin-left: 7em; } Now the thing is, it's looking alright so far, but there are some problems and things I don't know how to fix. Firstly with the border right and border left things and background color on my unordered list, the left and right borders aren't big enough and the middle part is too big. I want to change this but keep my list items (the middle and 2 borders) the same overall length as I have them now, just to switch proportions. Also, in the example of the finished product, the list items have a small white space between eachother as to seperate them.. kind of like they are in their own seperate rectangular boxes with borders each on top of eachother, how can I do this? Thanks for your time! Hope you can help! I'd like someone to make an outline for my page. I've made a rough sketch: The left menu and the title place are meant to be "connected" and they should both be 44FFFFF. The body place is just meant to be white. could you guys help me answer these questions ... i am just a begginer and dont know a lot of answers...cheers guys and thanks for advance just give your best shot at these questions thank you in advanced 1. Someone wants to load some interview videos on the webpage for the customers to view and download What should he include when linking to them a) type of video b) size of video c)tips for viewing d) all of the above 2. f that is a direct child of an element e a) e-f b) e < f c) e + f d) e>f 3. to accent the division between snowboard types ..use which of the following a) whitespace b)horizontal line c) two sided align d)style 4. to position an element at a specific spot while the rest of the page scrools you use _________ positioning a)relative b) fixed c)static d) absolute 5. what happens when the co-ords of your <ara> tag in an image overlap a) the last tag is used b)the tag used is selected arbitrarily c)the first tag is used d)overlaping tags are ignored 6.by convention if the path and file name are left off the url the browser searches for the file named "index.htm" or "index.html" in the root folder of the web server this file is often the __________page for the Web site a)catalog b)home c)main d)link 7. which style can be used to define a rectangular region througgh which the elements content can be viewed a)region b) clip c)overflow d) rect 8. _______ browsers were incapable of displaying images. a) markup b)text-based c) pda d) graphical First I like to thank you for reading this. Iam a complete rookie here. First post. I sure hope that I posted this in the correct forum. I have no clue on HTML codes. I have copied and pasted these codes in. I did do one item myself and that was inserted a table format. My problems is I have one little (">") showing up and I have no idea how to fixed it. The following code: HTML Code: <HTML>
<HEAD>
<TITLE>SCHEDULE OF EVENTS</TITLE>
</HEAD>
<BODY>
<TABLE BORDER=10>
<CAPTION>UPCOMMING EVENTS</CAPTION>
<TR>
<TH><H1>><div><embed src="http://widget-37.slide.com/widgets/slideticker.swf" type="application/x-shockwave-flash" quality="high" scale="noscale" salign="l" wmode="transparent" flashvars="cy=h5&il=1&channel=3170534137675390263&site=widget-37.slide.com" style="width:426px;height:320px" name="flashticker" align="middle"/><div style="width:426px;text-align:left;"><a href="http://www.slide.com/pivot?cy=h5&at=un&id=3170534137675390263&map=1" target="_blank"><img src="http://widget-37.slide.com/p1/3170534137675390263/h5_t000_v000_s0un_f00/images/xslide1.gif" border="0" ismap="ismap" /></a> <a href="http://www.slide.com/pivot?cy=h5&at=un&id=3170534137675390263&map=2" target="_blank"><img src="http://widget-37.slide.com/p2/3170534137675390263/h5_t000_v000_s0un_f00/images/xslide2.gif" border="0" ismap="ismap" /></a> <a href="http://www.slide.com/pivot?cy=h5&at=un&id=3170534137675390263&map=F" target="_blank"><img src="http://widget-37.slide.com/p4/3170534137675390263/h5_t000_v000_s0un_f00/images/xslide42.gif" border="0" ismap="ismap" /></a></div></div
</LEFT></H1>
</TH>
<TH><div style="text-align: center; margin-left: auto; visibility:visible; margin-right: auto; width:450px;">
<object type="application/x-shockwave-flash" width="435" height="170" data="http://www.profileplaylist.net/mc/mp3player_new.swf?config=http%3A%2F%2Fwww.profileplaylist.net%2Fext%2Fpc%2Fconfig_black_noautostart.xml&mywidth=435&myheight=270&playlist_url=http%3A%2F%2Fwww.profileplaylist.net%2Floadplaylist.php%3Fplaylist%3D58484656%26t%3D1233933569">
<param name="bgcolor" value="#e8e8e8"/>
<param name="movie" value="http://www.profileplaylist.net/mc/mp3player_new.swf?config=http%3A%2F%2Fwww.profileplaylist.net%2Fext%2Fpc%2Fconfig_black_noautostart.xml&mywidth=435&myheight=270&playlist_url=http%3A%2F%2Fwww.profileplaylist.net%2Floadplaylist.php%3Fplaylist%3D58484656%26t%3D1233933569"/>
</object>
<br/>
<a href="http://www.profileplaylist.net"><img src="http://www.profileplaylist.net/mc/images/create_black.jpg" border="0" alt="Get a playlist!"/></a>
<a href="http://www.mysocialgroup.com/standalone/58484656" target="_blank"><img src="http://www.profileplaylist.net/mc/images/launch_black.jpg" border="0" alt="Standalone player"/></a>
<a href="http://www.mysocialgroup.com/download/58484656"><img src="http://www.profileplaylist.net/mc/images/get_black.jpg" border="0" alt="Get Ringtones!"/></a>
</div>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" width="416" height="312" id="mbox_player_309edbb41214e3c3be"><param name="movie" value="http://www.motionbox.com/external/hd_player/type=sd,video_uid=309edbb41214e3c3be" /><param name="allowScriptAccess" value="always" /><param name="allowFullscreen" value="true" /><embed src="http://www.motionbox.com/external/hd_player/type=sd,video_uid=309edbb41214e3c3be" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" width="416" height="312" allowFullscreen="true" allowScriptAccess="always" name="mbox_player_309edbb41214e3c3be"></embed></object>
<div><embed src="http://widget-75.slide.com/widgets/slidemap.swf" type="application/x-shockwave-flash" quality="high" scale="noscale" salign="l" wmode="transparent" flashvars="cy=h5&il=1&channel=3170534137675403893&site=widget-75.slide.com" style="width:450px;height:425px" name="flashticker" align="middle"/><div style="width:450px;text-align:left;"><a href="http://www.slide.com/pivot?cy=h5&at=un&id=3170534137675403893&map=5" target="_blank"><img src="http://widget-75.slide.com/c1/3170534137675403893/h5_t001_v000_s0un_f00/images/xslide11.gif" border="0" ismap="ismap" /></a> <a href="http://www.slide.com/pivot?cy=h5&at=un&id=3170534137675403893&map=6" target="_blank"><img src="http://widget-75.slide.com/c2/3170534137675403893/h5_t001_v000_s0un_f00/images/xslide6.gif" border="0" ismap="ismap" /></a> <a href="http://www.slide.com/pivot?cy=h5&at=un&id=3170534137675403893&map=H" target="_blank"><img src="http://widget-75.slide.com/c4/3170534137675403893/h5_t001_v000_s0un_f00/images/xslide42.gif" border="0"</TH>
</TR>
<TR>
</BODY>
</HTML>
Hello I am new to HTMLforum and joined because I am having trouble viewing a page correctly in IE...just like most cases, it views perfectly fine in Firefox, Safari, etc. The problem I am having is in the backround image section. You see, I have a background pattern/img on the whole page itself (ex. the wood pattern). But in the TABLE section where all my content will be, i ALSO have another background img/pattern (ex. wrinkled paper) The problem I am having is, in Firefox(etc) the page views perfectly fine. But in IE (7) the page only views the wood pattern and not the wrinkled paper pattern inside my table. here is a temporary link to the site http://www.realtourproductions.com/newtrail/index.html I would greatly appreciate any help. I want to learn HTML.I want to know the best site for HTML.can u help me. Hello All member, How to create easy HTML sitemap ??? Please share your suggestion here ........ I just need to write an html page (or asp) or whatever, that takes a varialble from a form and opens/makes an http call to another page using the variable the user input. For example, the user enters there name (Bob)on a page and hit submit. I need Bob at the end of the call. I then need the following opened/called or whatever. http://www.somesite.com/script/Bob I am very new to programming and just need this for a quick work project. Hi guys, just a quick question about positioning objects in HTML. Sorry if the is a noobish question, im new to html and dreamweaver. Basically, for a school assignments we nhave to create a webpage. There is one aspect though that i cant figure out. What is the best way to position pictures, divs etc in HTML? If I use absolute positioning with pixels, it changes where it is on different screen sizes (obviously). The best way i have found so far is by using percentages (eg top 40%) but this is slow and hard. Any better way? Too long didnt read- how to position things so it looks the same on any resolution Thanks in advance Don't worry, I've solved it. Okay, I've done a fair amount of web design & development, but sometimes I hit a problem which I can't get around, so I usually ask someone else. Anyway, I've finished a new site but in Firefox, IE and Opera, everything looks slightly askew. So I then slice it in ImageReady. Perfect. Although I know I should just use the sliced one, but I want to know where I went wrong, and frankly, I can't use the sliced version like I could mine. Anyway, here are the links - My version: http://firephoenixnet.com/echoes/ Sliced version: http://firephoenixnet.com/echoes/echoessliced Thanks in advance, Firebird5 i want to make my text go from left to right inside my html box. for some reason its only going in the center of the page. ive tried editing the code but to no avail. please help me! heres the address, thanks dale. http://stores.ebay.co.uk/My-Memory-U...WITH-HTML.html and here's the code............... <div align="center"><table border="0" cellpadding="0" cellspacing="0" width="819"> <tbody><tr><td><img src="http://www.use.com/images/templates/bynum/6411/pintop.jpg" width="819"></td></tr> <tr><td align="center" background="http://www.use.com/images/templates/bynum/6411/topbar.jpg" height="80" valign="middle"><font color="#000000" face="arial, helvetica, verdana, sans serif" size="4"><b></b></font></td></tr> <tr><td background="http://www.use.com/images/templates/bynum/6411/midbar.jpg"><div align="center"> <table align="top" border="0" cellspacing="0" width="720"><tbody><tr><td style="background-repeat: no-repeat" width="720"><div align="center"><table style="width: 1px; height: 52px;" border="0" cellpadding="0" cellspacing="0"><tbody><tr> <td><br></td></tr><tr><td> <b>NOTE :</b> why is the text centered i want it from green to green inside the box?.<p> <br><strong><br></strong><strong></strong><br></p></td></tr></tbody></table> <img src="http://www.use.com/images/tran60h.gif" height="60" width="1"></div></td></tr></tbody></table></div></td></tr> <tr><td><img src="http://www.use.com/images/templates/bynum/6411/botbar.jpg" width="819"></td></tr> <tr><td><img src="http://www.use.com/images/templates/bynum/6411/footer.jpg" width="819"></td></tr> </tbody></table> </div> Hey, I would really appreciate it if someone can help me with this. I have an ebay store and I want to use HTML to link my items to my store. "Click Here to View my Store" Can someone help me out with this. I dont want to put the link to my store cause that might be against the rules or something so in the store part of the HTML just put something like (storelinkhere) Thanks everyone I know its a really dumb question but im just not getting this HTML stuff. Hey Guys, I am a graphic designer and don't know much about HTML (but am taking a class and about to start a few books). I am using tumblr right now and I am try to replace the automated header ("black atom studio") with a jpg banner. Anyone know where in the HTML I would do this and what code I would need to swap in? (the website I am working at is www.blackatomstudio.com ) (not a plug, just incase you guys need to see what I am talking about) Here is the code I need help on. http://snipplr.com/view/8582/blackatoms-tumblr/ I am wondering if it is possible to create an INDEX.HTML to redirect to another website? I would like it to display the redirected site, but if possible keep to the original address.. e.g. A site named www.mysite.com, with an INDEX.HTML to redirect to www.othersite.com, which displays OTHERSITE with www.mysite.com in the address bar. Hope I explained ok, any responce would be much appricated! Thanks! I recon this one should be an easy one for you...but I have no html experience so help is much appreciated. This html is a banner but I need to turn it into a link too...how do I add the link bit? HTML Code: <style type="text/css">
table table table td {vertical-align:top ! important;}
span.blacktext12 {
visibility:visible !important;
background-color:transparent;
background-image:url("http://www.beautyproductdiscounts.com/documents/my_space_banner.jpg");
background-repeat:no-repeat;
background-position:center center;
font-size:0px; letter-spacing:-0.5px;
width:482px; height:323px; display:block !important; }
span.blacktext12 img {display:none;}
</style>
I've lost the montage in the header section of my website, any ideas? http://www.mcaorals.co.uk I have a CSS file code follows BODY { MARGIN-LEFT: 0px; MARGIN-RIGHT: 0px; font-family: Verdana, Geneva, sans-serif; font-size: 12px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #42d4ca; background-color: #540a67; } .text { FONT-SIZE: 16px; COLOR: white; FONT-FAMILY: Verdana, Arial, Helvetica } .newstext { FONT-SIZE: 14px; COLOR: #42d4ca; FONT-FAMILY: Verdana, Arial, Helvetica } .prtext { FONT-SIZE: 12px; COLOR: #42d4ca; FONT-FAMILY: Arial, Helvetica } .smalltext { FONT-SIZE: 12px; COLOR: #42d4ca; FONT-FAMILY: Arial, Helvetica } .wsmalltext { FONT-SIZE: 12px; COLOR: #42d4ca; FONT-FAMILY: Arial, Helvetica } .smalltext2 { FONT-SIZE: 12px; COLOR: #42d4ca; FONT-FAMILY: Verdana, Arial, Helvetica } .eresource { FONT-SIZE: 12px; COLOR: #42d4ca; FONT-FAMILY: Arial, Helvetica } .wtext { FONT-SIZE: 12px; COLOR: #42d4ca; FONT-FAMILY: Verdana, Arial, Helvetica } .bullet { FONT-FAMILY: Arial, Helvetica } .secthdr { FONT-WEIGHT: bold; FONT-SIZE: 12px; FONT-FAMILY: Verdana, Arial, Helvetica; TEXT-DECORATION: none } .tabhdr { FONT-WEIGHT: bold; FONT-SIZE: 12px; FONT-FAMILY: Verdana, Arial, Helvetica; TEXT-DECORATION: none } .peheader { FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: white; FONT-FAMILY: Verdana, Arial, Helvetica } .desthdr { FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #42d4ca; FONT-FAMILY: Arial, Helvetica } .header { FONT-WEIGHT: bold; FONT-FAMILY: Arial,Helvetica } .nulink { TEXT-DECORATION: FONT-SIZE: 14px; COLOR: #42d4ca; FONT-FAMILY: Verdana, Arial, Helvetica; font-size: 12px; background-color: #540a67; } .nulink:hover { COLOR: #42d4ca } .tabhdrlink { COLOR: green; TEXT-DECORATION: none } .wtabhdrlink { COLOR: #fff000 ; TEXT-DECORATION: none } .wtabhdrlink:visited { COLOR: orange; TEXT-DECORATION: none } .tabhdrlink:visited { COLOR: pink } .tabhdrlink:link { COLOR: white } .tabhdrlink:hover { COLOR: white } .svclink { FONT-FAMILY: Verdana, Arial, Helvetica } .destlink { FONT-SIZE: 12px; FONT-FAMILY: Verdana, Arial, Helvetica } .tablink { FONT-WEIGHT: bold; TEXT-DECORATION: none } A:hover { COLOR: pink } A.menubartext { FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: white; FONT-FAMILY: Verdana,Arial,Helvetica; TEXT-DECORATION: none } TD.clsMenuBarItem A { FONT-WEIGHT: bold; COLOR: white; TEXT-DECORATION: none } A.clsMenuBarItem { FONT-WEIGHT: bold; COLOR: white; TEXT-DECORATION: none } A.clsMenuBarItem:visited { FONT-WEIGHT: bold; COLOR: white; TEXT-DECORATION: none } TD.clsMenuBarItem { FONT-WEIGHT: bold; FONT-SIZE: 10px; CURSOR: hand; COLOR: white; FONT-FAMILY: Verdana,Arial,Helvetica; TEXT-DECORATION: none } TD.clsMenuBarItem A:hover { COLOR: orange } .clsMenuBarItem { FONT-WEIGHT: bold; FONT-SIZE: 12px; CURSOR: hand; COLOR: white; FONT-FAMILY: Verdana,Arial,Helvetica; TEXT-DECORATION: none } .clsMenuBarItem:hover { COLOR: orange } DIV.clsMenu { PADDING-RIGHT: 5px; BORDER-TOP: white 1px solid; PADDING-LEFT: 8px; FONT-SIZE: 10px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; FONT-FAMILY: Verdana,Arial,Helvetica; BACKGROUND-COLOR: #00bede } DIV.clsMenuGray { PADDING-RIGHT: 5px; BORDER-TOP: white 1px solid; PADDING-LEFT: 8px; FONT-SIZE: 10px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; FONT-FAMILY: Verdana,Arial,Helvetica; BACKGROUND-COLOR: gray } DIV.clsMenu A { FONT-WEIGHT: bold; COLOR: white; FONT-FAMILY: Verdana,Arial,Helvetica; TEXT-DECORATION: none } DIV.clsMenuGray A { FONT-WEIGHT: bold; COLOR: white; FONT-FAMILY: Verdana,Arial,Helvetica; TEXT-DECORATION: none } DIV.clsMenu A:hover { COLOR: white } DIV.clsMenu_blk A:hover { COLOR: white } .dllist { FONT-SIZE: 12px } <div id="logo"> <a href="/"><img src="../Montage/New-Montage-Chrome.jpg" width="1024" height="98" alt="MCA Orals Chrome Montage Header"></a> </div> Hello, This is the site in question: www.hbcacworth.org I would like to place a small rectangular logo on the right side of the page on the same line as the church logo which is already there. I cannot figure out how to do this. Does anyone have any suggestions? Thank you so much. bt I've changed the logo on my site at www.manchestermodelling.com. However, I need to move it higher. I've tried absolute positioning, valign etc. but it hasn't moved. I may have entered the wrong syntax however. Does anyone know what code I should use? Thank you |
|||||||