CSS Combat - CSS-Tricks Forums

Border around paragraph text

NioN — Wed, 08 Jun 2011 17:22:49 -0400

How can I get a border around my paragraph text which is nested inside a div with a fixed height and width?

It works with the text-decoration: underline overline property but I want to give the border some more padding. Increasing the line-height doesn't work.

This is the HTML



			
	TOPAANBOD Ervaren model (750 jr.).

	Staat graag in de picture! Fotoshoot?

And the CSS


#advert1text{
float: left;
width: 315px;
height: 94px;
margin-bottom: 22px;
background: url('../images/advertbg.jpg') no-repeat;
}

#advert1text p{
padding: 18px 0px 0px 10px;
line-height: 30px;
text-decoration: underline overline;
}

Thanks in advance.

need help resizing column and color links

carardnas — Wed, 08 Jun 2011 20:26:24 -0400

I was trying to do a three colum web page but have now abandoned that in favor of 2 columns with a table in the main colum to give me the third colum, it seems less of a problem than the three columns.
Now I am trying to add some links under the flyout menu but not included in the menu, I also want to maove the flyout menu and the other links a bit more to the left so that I have a bit more room for the text. When done with that I would also like to change the color of the links in the footer but not change the colors in the flyout. any assistance would be greatly appreciated.
Thank you
Sandra

CSS3 Transform Skew

realph — Sun, 13 Mar 2011 20:59:22 -0400

Does anyone know how to achieve skew like this using CSS's new transform property?

As you can see I'm trying to skew both corners, anyone know if this is possible?

Website feedback

tannercampbell — Wed, 08 Jun 2011 12:31:49 -0400

Hey all.

A collaboration of business owners (myself included) are attempting to get together and form a tour de force company to handle all things web. Redefining Internet Service Provider from meaning what it meant in the 90's to meaning a Provider of Services concerning the Internet; web design, copy writing, social media management, analytics, ad campaign management et cetera. A, dare I say it, one stop shop.

Anyway, currently we're purchasing retail space and building the brand on Twitter and Facebook -- in the interim I've put up a info collecting page to send people to (from the social networks) to build a mailing list we can use when we formally launch. I've never made a page meant to do that and wondered if I could get everyone's thoughts on how well this might or might not convert. Thanks!

**EDIT: Keep in mind people will be directed here for more information from our social networks and Google and FB ad campaigns, I'm not looking to convert accidental visitors so much. **

http://hiretheflock.com

Adjusting the y-axis start position of ::-webkit-scrollbar?

Deeper — Tue, 07 Jun 2011 09:12:45 -0400

I've styled the scrollbar on my site for webkit browsers and it works fine on browser windows above 648px in width...

http://establi.sh/notes

However the site uses media queries and when the browser window is 648px or below in width a 648px width kicks in on the body. The scroll bar is now aligned next to the content. This isn't such a problem, however is there a way to make the scroll bar start at the top of the blog content (white box) instead of the top of the page? So about 68px from the top of the page. I've been playing around with it but can't seem to find a way to adjust that.

Can an anchor name start with a number?

chuckee — Wed, 08 Jun 2011 06:14:53 -0400

Hi,
I've recently been informed by someone that the following is invalid, as it starts with a number:

text

The reason was "anchor name and id share the same namespace and id's can't be numbers".
Is the above anchor name really invalid?
Thanks

floating links

Johnson — Tue, 07 Jun 2011 19:30:23 -0400

I'm pretty new to CSS and HTML and I am trying to follow along with this tutorial. The issue I'm having is that my links don't move with the page when I resize the browser window like the header and footer does. They stay static on the page and don't move. I was wondering which piece of the code allows for the links and text to change with the browser resizing. (when fullscreen the header is in the middle and links are all still to the left side of the page) Thanks in advance, I hope I explained this well enough.

CSS-Tricks' Nav Bar

Catasphere — Sun, 29 May 2011 18:04:34 -0400

I like the nav bar Chris uses on this site, especially the expanding when you hover over a link. How can I create a nav bar like this one?

[AnythingSlider] Change arrow type

bipin — Tue, 07 Jun 2011 09:21:36 -0400

My implementation of slider is pretty small (height/width wise). The default arrows look pretty big and hence I'm looking to use the other arrows (may be arrows-minimalist.png).
Is there a direct way to override, or do I have to modify the primary css file?

Thanks in advance!

Anything Slider and 'Setting current slide (external link example)

joelmb — Mon, 06 Jun 2011 21:56:50 -0400

Hi all. I'm new here, and pretty new to jquery so please be patient! I've been struggling all day with this slider, though I must say if looks superb, I'm just having some trouble tweaking it to my needs....

In the Usage help http://css-tricks.com/examples/AnythingSlider/#panel2-5
It says to add:

Setting current slide (external link example):

Slide 4

$("#slide-jump").click(function(){
  $('#slider2').anythingSlider(4);
});

The first snippet is the link to click and change the slide, the second from the demo files source I can see goes in the head text. But it just won't work. I changed the above snippet to slider1 as that is what my slider is called but no joy. I cant understand how the above code references the correct slide using just (4) when in the example the slide is called 'panel4' either?!

My wish is to eventually remove the navigation numbers, and have my top nav control the slider hence needing the above. For testing I added a "Slide 4" text link below the top left logo.

Any help is much appreciated firstly on sorting the setting slide problem, and secondly advice on how to remove the navigation number control completely.

Joel

Do you still use ?

StephBertha — Sun, 29 May 2011 15:36:24 -0400

Hi there,

Do you guys still use