Author Topic: How to resize border in HTML/CSS and center images? (Read 3275 times)

Steve5452 · November 25, 2013, 05:30:49 PM

Change
p.solid{
      border-style:solid;
      border-color:#0000FF;
}

to

p.solid{
      border: 1px solid #0000FF;
}

Ad Bot · Advertisement

Electro · November 25, 2013, 05:39:44 PM

Quote

<p class="solid">
      <center>
         <a id="intro">Forum</a>
         <a id="intro">News</a>
         <a id="intro">About</a>
      </center>
      </p>

puts the border above my text?

Electro · November 25, 2013, 05:52:51 PM

Here's what actually happens. (The border above the "Forums"/"About" is stuck above it, the border below it is for it containing the inner part).

Everything else in the style is the same

Code: [Select]

<body>
	<p class="solid">
		<img src="http://toontownrevolution.com/img/header.png" width="400" height="200" id="header-image" />
		<p class="solid">
		<center>
			<a id="intro">Forum</a>
			<a id="intro">News</a>
			<a id="intro">About</a>
		</center>
		</p>
	</p>
	<p class="solid">
	<div class="left"><center>Video of the day</center></div>
	<div class="right"><center>News</center></div>
	</p>
	</body>

also, sorry for asking too many questions

Steve5452 · November 25, 2013, 06:00:04 PM

You should have it in a div instead.

Electro · November 25, 2013, 06:03:18 PM

Quote from: Steve5452 on November 25, 2013, 06:00:04 PM

You should have it in a div instead.

i don't see what you mean.

Steve5452 · November 25, 2013, 06:04:54 PM

instead of putting the left and right floats in a paragraph, put them in divs.
and change the p.solid to just .solid.

Electro · November 25, 2013, 06:09:33 PM

Quote from: Steve5452 on November 25, 2013, 06:04:54 PM

instead of putting the left and right floats in a paragraph, put them in divs.
and change the p.solid to just .solid.

isn't it already set to divs?

Electro · November 25, 2013, 06:32:24 PM

anyways, how would i move the boxes? they seem to be too high.

Electro · December 05, 2013, 03:55:21 PM

Sorry for bump, but how do I make a border move without expanding invisibleness (?) My border to the right of that is moving down from it.

Zeblote · December 05, 2013, 04:01:45 PM

reverse engineering simple sites with the style you want is a great idea

Electro · December 05, 2013, 04:04:12 PM

Quote from: Zeblote on December 05, 2013, 04:01:45 PM

reverse engineering simple sites with the style you want is a great idea

I can't find any websites with the designs I like.

Electro · December 08, 2013, 07:11:22 PM

I'm just going to keep bumping this because it's stupid to make a new thread.

Anyways, I'm trying to make a php form to sign up for alpha for a game. How would I use the "Submit" button to send this stuff to me?