|
HTML - Banner Layout Help
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. Similar TutorialsHey, 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? 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> 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. 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 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? 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. I am trying to get my banner to work and I have run out of options. I have 2 examples here the top one is the one I am having problems with and the bottom one is one that works and is the one I used as an example to get the code right. or click on this banner.<P> <a href='http://images.startxchange.com/o/onelady-banner1.png '><br /> <img border='0' src='http://www.startxchange.com/?referer=onelady' /></a> or click on this banner.<P> <a href='http://webcentresurf.com/?20191'><br /> <img border='0' src='http://webcentresurf.com/banners/surf_a1.gif' /></a> I am very new at this and would appreciate any help getting my banner to work correctly. Thanks in advance, Leah I'm am looking for the easiest way to create an ad banner rotator for my site. For example, I want to show each ad for like 5 secs and I wrote my site in XHTML. Any ideas or suggestions? 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 fixed It! I added the images inside the banner image i have made a one page site for a mate, but what ever i try i can not get the banner to show up, can anyone help me and tell me what i have done wrong please, heres the link to the site. http://a1aerials.info/ Thanks stephen 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> 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 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!! Is this the right place to post this? I have some banners but no code to copy and paste that displays them on websites so how to do that to make my banners display on websites? Image source something I think? Thanks 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 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. |
|||||||