|
Swaptrick
|
 |
« on: January 23, 2010, 11:01:27 AM » |
Reply
|
I need some code help. I need to know how to edit the header code to make a sidesaddle logo and banner ad much like the sandy website featured on the on site review.
|
|
|
|
|
Logged
|
|
|
|
|
mattstout
Guest
|
 |
« Reply #1 on: January 24, 2010, 09:05:30 AM » |
Reply
|
I just created a table in the header section of my site. The table has a single column and two rows. Here's what my header div looks like: <div id="header"> <table style="table-layout:fixed;"> <tr> <td> <a href=" http://www.bigsandygilmore.com"> <img src="/logo.png"></a></td> <td><My project wonderful code> </td </tr> </table> </div>
|
|
|
|
|
Logged
|
|
|
|
|
Swaptrick
|
 |
« Reply #2 on: January 24, 2010, 11:43:41 AM » |
Reply
|
Thank you, I didn't even think about putting in table code. Also it appears when I click on your sig, the link has a second ".com" on it and bring up a search engine instead of your site.
|
|
|
|
« Last Edit: January 24, 2010, 11:53:35 AM by Swaptrick »
|
Logged
|
|
|
|
|
Swaptrick
|
 |
« Reply #3 on: January 24, 2010, 03:32:00 PM » |
Reply
|
Alright, using the table code technique I've improved the header area, added the PW ad, and added two links on the side column for Facebook and RSS. Also adds a bit of color variety to the main page. www.swaptrick.com
|
|
|
|
|
Logged
|
|
|
|
CorvusErebus
Jr. Member

Offline
Posts: 56
Chief Web Designer
|
 |
« Reply #4 on: January 24, 2010, 09:15:32 PM » |
Reply
|
That looks great. Now both of you be real men and switch that code over to proper CSS defined div code. Shouldn't take 10 minutes, and the HTML gods won't have to eviscerate you. 
|
|
|
|
|
Logged
|
|
|
|
|
|
Rob
Resident Dick!
Administrator
Hero Member
   
Offline
Posts: 1324
Easily Confused, Feeble Minded Founder
|
 |
« Reply #6 on: January 25, 2010, 05:57:01 AM » |
Reply
|
I don't know if you checked multiple browser functionality but I'm using Chrome and the logo you added next to the banner is being resized so small it's impossible to read. It's like half an inch wide. Just FYI. 
|
|
|
|
|
Logged
|
|
|
|
|
Swaptrick
|
 |
« Reply #7 on: January 25, 2010, 06:50:01 PM » |
Reply
|
Yeah I noticed that too. I know its sized correctly in Firefox and Explorer, what is the remedy to something like that? Making it standard CSS code?
|
|
|
|
|
Logged
|
|
|
|
|
|
|
Swaptrick
|
 |
« Reply #9 on: January 26, 2010, 12:16:08 AM » |
Reply
|
I figured leaving it in the dryer too long would cause problems damnit arg!
|
|
|
|
|
Logged
|
|
|
|
Xade
Jr. Member

Offline
Posts: 63
I am woman, hear me purr.
|
 |
« Reply #10 on: January 26, 2010, 11:27:08 AM » |
Reply
|
Although I am no fan of comicpress, I am wondering how you have your banner. Is it as an upload in the UCP or did you upload it and link it as a background to the div in css. I was having lots of trouble until I did the latter, back when I had comicpress.
|
|
|
|
|
Logged
|
|
|
|
|
Swaptrick
|
 |
« Reply #11 on: January 26, 2010, 04:04:19 PM » |
Reply
|
I basically threw the code into a text widget in the header area.
|
|
|
|
|
Logged
|
|
|
|
Xade
Jr. Member

Offline
Posts: 63
I am woman, hear me purr.
|
 |
« Reply #12 on: January 27, 2010, 08:28:16 AM » |
Reply
|
that might pose to be a problem with Chrome *opens in firefox* hmm, try setting the title image size and if needed the table cell size as well. This really isnt really a cp problem, more of a compatibility problem. Netscape would probably do the same thing that chrome does.
|
|
|
|
|
Logged
|
|
|
|
|
Swaptrick
|
 |
« Reply #13 on: January 27, 2010, 02:20:41 PM » |
Reply
|
Alright I managed to set the table size, see if that helps with other browsers. I know Opera on the iPhone no longer compressed the image.
|
|
|
|
|
Logged
|
|
|
|
|
|
|