My goal is to write a haiku or a poem in the center on the page, but I do not
want the text to be centered but align left in the center of the page. How can
I achieve that? Do I have to use a centered column? TIA
faramin...@comcast.net
OS X 10.10
On Dec 17, 2014, at 8:08 AM, Jukka K. Korpela jkorp...@cs.tut.fi wrote:
The simplest approach is to put your poetry in a `div` element, set some
suitable width for it, and set its left and right margin to auto:
style
.poem {
width: 20em; /* tune as needed
margin-left: auto;
On Dec 17, 2014, at 8:53 AM, Barney Carroll barney.carr...@gmail.com wrote:
Salut Faramineux,
You can use display inline-block, left 50% (relative to offset parent) and
transform translateX( -50% ) (relative to self) to achieve this effect with
variable width: http://jsbin.com/ruwada/1
http://jcl2011.tumblr.com/
Found that in Firefox linked images have a border that is not showing
in Safari. I would like to get rid of that border all together around
the image I have used for the title to the site. It is situated in
the header. What I have tried has not worked. TIA
On Aug 16, 2007, at 8:38 AM, Zoe M. Gillenwater wrote:
a.imglink:hover {
background: none;
border: none;
}
Zoe
Here is the link where I tried that:
http://www.ombredor.com/testing/bp333.html
The problem remains in Firefox, Opera. Working in Safari and Netscape.
On Aug 16, 2007, at 1:54 PM, Dennis Bixler wrote:
Change the a.imglink:hover to
div.imglink a:hover
that should fix it
Dennis
That works, but the original background color of the a:hover - see
below - still appears. The dashed border is gone.
a:hover {
color: #2B4058;
font-size: 13px;
On Aug 16, 2007, at 2:52 PM, faramineux wrote:
That works, but the original background color of the a:hover - see
below - still appears. The dashed border is gone.
a:hover {
color: #2B4058;
font-size: 13px;
font-weight: normal;
background-color: #fffbdf;
border-bottom-style: dashed
The 3 linked images - including the logo - on the page show the
styling too on hover! For example when I hover over the logo, the
dash line/color appear under the logo. Something is wrong.
I forgot to mention this does not happen in Safari, but it does in
Firefox and Netscape.
Here is the basic code I use for links:
a:link {
color: #5a0113;
font-size: 13px;
font-weight: normal;
text-decoration: none;
}
a:hover {
color: #2B4058;
font-size: 13px;
font-weight: normal;
background-color: #fffbdf;
border-bottom-style: dashed;
border-bottom-width: 1px;
}
The 3 linked images
I do not want the images which are linked to be styled the way the
text links are.
The code below is not working, what is wrong? TIA
a:hover {
color: #2B4058;
font-size: 13px;
font-weight: normal;
background-color: #fffbdf;
border-bottom-style: dashed;
border-bottom-width: 1px;
a:hover img {
I want six thumbnails of the same size lined up horizontally to be
touching each other. They do until I create a link out of each of
them. A white space appears around them: 2-4px wide. How do I prevent
that? I have 3 rows of 6 images and I want to create a solid block.
Each individual
hmm seems like u didnt try the suggestion?, get rid of the whitespace
between the
a /a
A closing tag like br /? I have never seen img/ before.
imgimg/?
__
css-discuss [EMAIL PROTECTED]
I am converting to css an old page where I used a table.
First row - top : the logo
Second row: Three large thumbnails
Third ow: Two large thumbnails
I will now put all the above into a center column.
I am having trouble keeping the thumbnails in order into that column! :)
TIA
On May 21, 2007, at 2:13 PM, faramineux wrote:
I am converting to css an old page where I used a table.
First row - top : the logo
Second row: Three large thumbnails
Third ow: Two large thumbnails
I will now put all the above into a center column.
I am having trouble keeping
IE is not showing the bullet or the list. Where am I wrong?
Many thanks.
CSS:
ul {list-style-image: url(graphics/arrow22.gif); margin: 20px 0 0 0; }
ul li { margin: .5em 0 .5em 0; }
Page:
ulli
a href=(EmptyReference!)A/a
/li
li
On Jul 26, 2006, at 9:51 AM, cj wrote:
try putting your image on the li instead of the ul. another
possible failure might be that your graphic isn't referenced according
to where your css file is. let us know if either of those work for
ya.
I failed to say it works well in all other
On Jul 26, 2006, at 10:20 AM, cj wrote:
do you perhaps have a page we can look at then, so we're not making
stabs in the dark?
http://www.ombredor.com/css/testing.html
__
css-discuss [EMAIL PROTECTED]
Hi, faramineux,
It is difficult to tell exactly the issue without a test page. My
first guess is that, since the left margins are removed from the list
and the list items, there is no room to show the bullet on the left
side of the list. It could also be that the image URL is pointing
http://www.nellhills.com/
I like the 1 px offset border around the tables.
I already have my tables in place. Is it possible to achieve the same
effect with CSS without using transparent gifs?
TIA
__
css-discuss [EMAIL
19 matches
Mail list logo