sam_a
Forum Replies Created
-
Forum: Themes and Templates
In reply to: Automatic resizingI want to resize my main blog portion of my window to automatically resize to the full width of the screen.
I don’t know the default 2.0 CSS, but generally, you would look in the stylesheet for elements acting as containers (in order)
html > body > [#container1] > [#container2] ...and if you see a declared
width, change it towidth: auto.But stop before you get to elements styled as floated columns (such as
#sidebar). For those, you would set percentage widths and margins.Can you link to the stylesheet?
Forum: Themes and Templates
In reply to: CSS Text And ImagesIf the text is 1 line or not enough to actually wrap around the image, text for the following post will position itself along side the image inside the box.
Add
.post {
overflow: auto; /* contain floats */
height: 1%; /* IE helper */
}Forum: Themes and Templates
In reply to: Sidebar question. How did digg.com…It’s possible but more complicated (until CSS-3!)
This is a common topic — try http://www.google.com/search?q=css+rounded+corners
Forum: Fixing WordPress
In reply to: line up sidebar and contentYou should specify a width for
#content.Forum: Themes and Templates
In reply to: Need help editing CSS in WP for GalleryIn
themes/falling_dreams/style.csschange
body, td {to
body {Forum: Themes and Templates
In reply to: Need help editing CSS in WP for GalleryHard to tell… can you give a link?
Forum: Themes and Templates
In reply to: Weird margin beside images in IE, not in FFForum: Fixing WordPress
In reply to: HELP – background image doesn’t show with OperaAdd
overflow: autoto the section under#main, in http://www.paxamericana.ca/wp-content/themes/connections/style.css .Forum: Installing WordPress
In reply to: Excluding all browsers but FireFox 1.5It seems WordPress already has some sniffing functions: http://wordpress.org/support/topic/28068
It sounds like you want something like
if ($is_gecko):
echo '<link rel="stylesheet"... href="css3-columns.css" />';
endif;and then, maybe at the top of the page
if !($is_gecko):
echo '<p>You have a non-Gecko browser, so you're probably not seeing the neat multi-column effect...</p>'
endif;I hope I got that code right. 😉
The CSS3 Columns are going to be used for the text not the layout itself. However, the layout needs the text to be displayed in columns or it just doesn’t work.
But browsers that don’t do CSS-3 columns would see — at worst — one wide “column” instead of several, right?
Forum: Fixing WordPress
In reply to: HELP – background image doesn’t show with OperaForum: Themes and Templates
In reply to: removing css, blix themeI’m not seeing what to specifically edit to turn the contact form boxes back into the traditional ones, not the highly stylized ones…
You could try removing all the styles in that FORM section and see if it looks ok.
If you’re mostly concerned with “button appearance (color and shape) and the text size” you could try removing only the style rules with
background,color, andfontproperties.Forum: Themes and Templates
In reply to: help with complicated CSSGiven the structure you have (with the image contained within the post content), I can only think of a kind of lame approximation of the effect you want (abbreviated slightly):
<div class="post" id="post-14">
<div class="post-header">
<h2>Let it snow.</h2>
<p class="post-date">December 6th, 2005
</div><!-- End .post-header -->
<div class="entry">
<img src="snowy-ch.jpg" class="photo-r" />
We got our first dose of snow over night.
[...]
</div><!-- End .entry -->
[...]
</div><!-- End .post -->Give the post-header either (1) a fixed width that looks ok or (2) a right margin that will leave room for all (most?) of your images:
.post-header{
width: 16em;
/* OR */
margin-right: 200px;
}Then pull the image up with a negative margin —
.post .photo-r{
float: right;
margin-top: -1.5em; /* fiddle with this value */
}— but that will put it only roughly in the right spot — it would depend on whether the post title wraps to more than one line.
Forum: Fixing WordPress
In reply to: Push text away from image.Ok, the way you have it now, it would be something like
#sidebar .rssLinkListItemTitle a{
background-image: url(…transmit_blue.png);
padding-left: 20px; /* or something */
}Um, the javascript animation on that page is killing my browser, softly.
Forum: Fixing WordPress
In reply to: Push text away from image.I would like for the text to be moved to the right a little so the icon can display.
This would be easy with either
list-style-image(on the list items) orbackground-image+padding(on the list items or anchors). I would add anidattribute to that list to help — then, e.g.#the-mp3s a{
padding-left: 24px;
background-image: url(the/audio/icon);
}Forum: Themes and Templates
In reply to: Pages background OK on IE but transparent on Firefox?<div id="rap">(in header template, probably) isn’t closed.Help with the validator talk: