|
HTML - Making A Linkable Banner
Hi i'm totally new to html but i'm designing a website using it.
here is what i have so far http://www.freewebs.com/tiggerspalace/index.htm and my html looks like this <IMG src="http://www.freewebs.com/tiggerspalace/Untitled-2.png"> <p> <html> <body> <a href="http://www.freewebs.com/tiggerspalace/index.htm"> <img border="0" src="http://www.freewebs.com/tiggerspalace/button1.png" > <a href="http://www.freewebs.com/tiggerspalace/Staff.htm"> <img border="0" src="http://www.freewebs.com/tiggerspalace/button2.png" > <html> <body> <a href="http://www.freewebs.com/tiggerspalace/Our%20Services.htm"> <img border="0" src="http://www.freewebs.com/tiggerspalace/button3.png" > <html> <body> <a href="http://www.freewebs.com/tiggerspalace/Location.htm"> <img border="0" src="http://www.freewebs.com/tiggerspalace/button4.png" > <html> <body> <a href="http://www.freewebs.com/tiggerspalace/Register.htm"> <img border="0" src="http://www.freewebs.com/tiggerspalace/button5.png" > <html> <body> <a href="http://www.freewebs.com/tiggerspalace/Links.htm"> <img border="0" src="http://www.freewebs.com/tiggerspalace/button6.png" > <html> <body> <a href="http://www.freewebs.com/tiggerspalace/Downloads.htm"> <img border="0" src="http://www.freewebs.com/tiggerspalace/button7.png" > </body> </html> My question is how do i get those link images to fit together without the underscores inbetween? Similar TutorialsHi Can someone please tell me how I can make a table cell (which contains text which is linked) linkable? http://www.revolution.worldclanleagu...?site=calendar Here you can see a calendar with months at the top. When you hover over a month, the cell highlights but only the text inside is actually selectable - I'd like to make the cell selectable/linked. PHP/HTML I have: Code: <td class="calendar-month" align="center"><a class="calendar" href="index.php?site=calendar&month=01">'.mb_substr($_language->module['jan'], 0, 3).'</a></td> CSS: Code: a.calendar, a.calendar:visited, a.calendar:active {
font-family: Arial;
color: #dbdbdb;
font-size: 11px;
line-height: 13px;
text-decoration: none;}
a.calendar:hover {
font-family: Arial;
color: #dbdbdb;
font-size: 11px;
line-height: 13px;
text-decoration: none;}
.calendar-month, calendar-month:visited {
font-family: Arial;
color: #dbdbdb;
font-size: 11px;
line-height: 13px;
padding: 5px;
background-color: #2f2f2f;
border-bottom:3px solid #1d1d1d;
border-right: 1px solid #000;
border-top: 1px solid #424242;
border-left: 1px solid #424242;}
.calendar-month:active {
font-family: Arial;
color: #dbdbdb;
font-size: 11px;
line-height: 13px;
padding: 5px;
background-color: #2f2f2f;
border-bottom:3px solid #1d1d1d;
border-right: 1px solid #000;
border-top: 1px solid #424242;
border-left: 1px solid #424242;}
.calendar-month:hover {
font-family: Arial;
color: #dbdbdb;
font-size: 11px;
line-height: 13px;
padding: 5px;
background-color: #3f3f3f;
border-bottom:3px solid #1d1d1d;
border-right: 1px solid #000;
border-top: 1px solid #424242;
border-left: 1px solid #424242;}
(sorry theres so much css) Thanks in advance =D I'm trying to set the following banner up on my site but when I paste the code at the end of the page the banner keeps appearing at the top of the page. Can anybody explain why? <div style="z-index: 110; position: absolute; width: 468px; font-family: arial,sans-serif; background: url("http://outils.acf-webmaster.net/bann...2482.gif") repeat scroll 0% 0% transparent; height: 60px; color: rgb(255, 255, 255); font-size: 12px; top: 26px; left: 34px;"> <div style="position: absolute; line-height: 110%; width: 200px; top: 1px; left: 55px;"> <font xmlns="http://www.w3.org/1999/xhtml"><font xmlns="http://www.w3.org/1999/xhtml"> <font size="1px;"> <strong> <font face="Verdana"> 280 different <a style="color: rgb(255, 255, 2); font-size: 10px;" href="http://www.casinoriva.com/en/" target="_blank">online casino</a> games await for you. </font> </strong> </font> </font></font></div> </div> Hey, i have a problem with my banner(logo) I want the banner to be at the top, not underneath it. I want it to be centered and at the top, stuck to the border or something, like at http://habblogg.net, here is my site http://habbxtra.net Please help anyone My site is: h1.ripway.com/shsepac How can I make the banner so there is no space at the top and at the bottom? Hi everybody I am a new member. I'm not to experienced with css style sheets or html and have a small problem. I have attached code. My website is www.intelligentstudentfinance.com I want to move the banner at the bottom of the financial aid page to the extreme right but not sure what the code is. I have attached the code in txt format and commented the banner I want want moving to the right. Look forward to your replies Thanks Hi... In some time I have tried to figure out how to put a banner underneath the red ruler in my myspace profil. I have onlly been able to find a code for putting it on the very top of the site as you kan see on my page: Kasper I would like to have it underneath the red ruler just like it is on this site: www.myspace.com/theasteroidsgalaxytour Does anyone know the code I should use or what I should do? Kasper P.S. Hope you like my music. Hi, im a bit of a novice who built a website and would like to have a rotating banner image at the top of the page. Is this an easy thing to do? Thanks, Tobyone. I'm creating a banner for the top of my web site whose layout looks roughly like this: http://farm4.static.flickr.com/3098/...d89112.jpg?v=0 I created a div and put a table in it to make these divisions, but there's one problem. There is space between the cells of the table and the div. Padding and margins are set to 0 all around, as well as the table's cell padding. Here's the relevant html: Code: <div class="banner">
<table cellpadding="0">
<tr>
<td><img src="assets/images/IMG_0632f.jpg" width="375px" /></td>
<td>
<table border="1" width="375px">
<tr>
<td colspan="3" height="50px"> THE J-SLICE</td>
</tr>
<tr>
<td><img width="75px" height="50px"/></td>
<td><img width="75px" height="50px"/></td>
<td><img width="75px" height="50px"/></td>
</tr>
</table>
</td>
</tr>
</table>
</div>
and the CSS for the div: Code: div.banner {
padding: 0px;
margin: 0px;
background-color: black;
border: 1px solid red;
color: red;
}
I'd really like to get the edges of the table right up against the div, and if possible, get the two tds of the main tr directly adjacent as well. Thanks. I'm trying to design a couple blog banners with page tabs such as the one on this site http://hellomaryrebecca.blogspot.com/ but I've googled for hours now and can't figure it out. I can only find info on building simple tabs like this that I have temporarily up now on http://phillipchesterphotography.blogspot.com Please help! I can donate to your blog/website if need be to figure this out. Thanks in advance!! I uploaded the image to the correct folder graphics.When I replaced the image I get a blank space on my website.Any help would be greatly appreciated. Original text below. <td valign="top" bgcolor="#fffdf4"><img src="graphics/graphic_header.jpg" alt="Kelli Maroney" width="798" height="147"></td> I was trying to put "graphics/ckm_banner.jpg". http://s143.photobucket.com/albums/r...nt=banners.jpg hi, I have just started building webpages by myself. this might be a common problem for all beginners. the problem is i want my banner images to span the total width of the web page (touch boundaries of the browser window), on all kinds of monitors(monitors with different widths). Is this possible? how can i do this? Im a newbie and all I want to do is put a color border aorund this image say the color blue, please help. </head> <body> <a href="http://www.bigcustomernetwork.com" target="_blank"><img src="http://i529.photobucket.com/albums/dd339/jfaul4820/BCNTopBanner.jpg" border="1" alt="BCN Top Banner"></a></a> </body> </html> Basically, i want to create my own skin for my blog..but came across a problem It seems that whenever i maximise a window, the banner will be fully stretched but when i reduced the window size to like maybe 50% or lesser the banner seems to be running away from the right part of the page. Here's my codes: The banner im referring to is the grey, grass thingy located at the top..codes used for that is #repeat3 and #background. Please have a look at the page: http://velato.blogspot.com Thnx.. I fixed It! I added the images inside the banner image okay probably a simple feat for some of you, but if I wanted to make a nbanner that flitted (rotated) through several images, say four location shots, how does one do this? I do have in my employ: Adobe Photoshop Adobe Dreamweaver and my favorite coding program : Notepad Do I make an animation in Photoshop and save it as a ,gif and use that in Dreamweaver and add the link there? Would that work? hrm. *pulls her skirt down a bit* I think my noob is showing Here is the site: http://www.myspace.com/wipingoutthousands Here is the code I am using: <style> body { margin-top: 370px; } </style> <style> div.topbanner { position: absolute; top: 1%; left: 53.95%; width: 800px; margin-left: -450px; height: 193px; } </style> <div class="topbanner"> <img src="http://www.thenewmonarchs.com/images/wot/Wolves_Cover_Web.jpg"><br> </div> --------------------------- Now, I want that banner to line up with the myspace menu bar no matter how wide the browser is stretched. With those settings, the banner lines up perfectly when viewed on my Powerbook G4. But now, on my new iMac with a wider screen resolution, the further or shorter the browser is stretched, that banner seems to be too elastic and does not stay perfectly above the menu bar. How can I fix this? Thanks in advance. hey can someone please help i am having trouble with adding a banner when i just to add it the picture does not show what could i be doing wrong??? Hi, I am not sure if I am asking this in the right section, but take a look at this page: http://www.mezzanine.com.mx/contact/ I want to know how the top red banner is implemented. It seems to be an overlay over the main background image with a degree of transparency, is this done in the html, the css or something? If you browse the site you'll see the same throughout and I am sure it is being done on the fly - each image has not had the banner added in photoshop or similar. Any feedback would be appreciated. Many thanks, Rob. How can i put advertisements on my site. I mean like banners and stuff. Like this site where it has a banner at the top and one at the bottom. Also how can I make them cycle through a list of them randomly. |
|||||||