WordPress.org

1. tomixcomics
   Member
   Posted 1 year ago #

   I don't know much about html and even less about php, basically anything I know is form poking around the file and figuring out what does what.

   I am trying to set up a site for my webcomic. It used to run comicpress and look like this (it wasnt aligned to the left, the picture is just cropped)

   http://i991.photobucket.com/albums/af36/Tomixcomics/thewaywewere.png

   I have since switched to a different plugin called webcomic, and using a theme called inkblot, because comicpress wasnt very supporting of right-to-let reading order and such.

   Now, in this theme, the header was inside the comic's "warp". as in, it wasnt placed on the pink background, but rather, in the same box as the comic is supposed to be. So I moved the "<div id="wrap">" bit to the end of the header's php file rahter than the beginnign. Thisindeed made it go out of the wrap and be on the pink background, but the thing is, now it aligns to the left, and no mater what I try to do or edit I can't seem to get ti to sit in the middle like it did with comicpress! right now it looks like this:
   http://i991.photobucket.com/albums/af36/Tomixcomics/thewayweare.png

   Help! /i must not be editing the right thing or something.

2. haxxxton
   Member
   Posted 1 year ago #

   place a div around your header..

   give it an id of something like "header_image"

   then in your css file.. use the css styles below

   #header_image{
   width:960px;
   margin:0 auto;
   padding:0;
   }

   adjust you width as necessary

   also if you link us to the page in question i can tell you quickly where the issues lie :)

3. tomixcomics
   Member
   Posted 1 year ago #

   Oh my goodness! It worked! Yaaay!

   However, now the header and the wrap beneath it are out of alignment in a different way. Probably due to something I fiddled with while I was trying to fix the first problem.
   Here is the link, maybe you can help me figure it out:
   http://www.jadephoenix.org/savta/

4. haxxxton
   Member
   Posted 1 year ago #

   as i mentioned you need to adjust the width according to the width of your wrap..

   change the width in #header_image to width:1135px;

   and im not sure if you want a 1px gap between the header and the main section..

   if you want to get rid of it..

   firstly.. you have a html section entitled <header id="header"> this is not a valid HTML tag... change it to <div id="header"> and you should be ok then delete the <hr> from inside the #header section

Topic Closed

This topic has been closed to new replies.