Border — webForum

linkan77Medlem sedan jan. 20092 inlägg

Frågan9 jan. 2009 08:40#1

Hej, jag är riktig kass på html och css. Jag har gjort en centershop där jag nu vill ha en ram med runda hörn runt shopen. Har följt alla beskrivningar på nätet men jag får inte till det :( .

Då kom jag på den dumma iden att jag kunde lägga in hörnen med html och sedan var tanken att en ram via css. Men nu såg jag ett stort problem, ramen läggger sig utåt, jag vill ha den innåt(om ni förstår hur jag menar) så att den passar med hörnen som ligger innanför boxen.

Är det någon som har tipps?

cayaMedlem sedan aug. 20051 448 inlägg

9 jan. 2009 09:31#2

inga tips just nu, då din beskrivning av problemet är minst sagt luddig. utveckla gärna
tex med länk eller kod :)

linkan77Medlem sedan jan. 20092 inlägg

9 jan. 2009 17:16#3

Hej, klistrar in en del av css koden. Det är "#mellan" som jag vill få till runda hörn i ramen. Men jag har testat olika tips på nätet men jag får inte till det :r

/*
$Id: stylesheet.css 1739 2007-12-20 00:52:16Z hpdl $

osCommerce, Open Source E-Commerce Solutions
http://www.oscommerce.com

Released under the GNU General Public License
*/
.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }

body {
text-align:center;
width:auto;
background: #ffffff; /*färg ytter ramen*/
}
#container {
text-align:-moz-center;
width:900px; /*bredden på shoppen*/
border: solid #32CD32; /*färgen på ramen runt shoppen*/
border-width: 0px; /*ramen runt shoppen*/
background: #ffffff; /*färg inner ramen*/
margin: 100; /*centrerar shoppen*/
margin-top: 0px;
}

div#wrapper {
border: solid; border-width: 1px;
background: #ffffff;
color: #000000;
margin: 100px;
margin-top: 0px;
text-align: left;
}

#mellan {
float:left;
border: solid #32CD32; /*färgen på ramen runt shoppen*/
border-width: 50px; /*ramen runt shoppen*/
background: ##ffffff; /*färg inner ramen*/
margin-top: 0px;
margin-left: 15px;
margin-right: 15px;
display:inline;
}

A {
color: #000000;
text-decoration: none;
}

A:hover {
color: #AABBDD;
text-decoration: underline;
}

FORM {
display: inline;
}

TR.header {
/*background-image: url(images/header.gif);/*
background-repeat: no-repeat;
background-position:left;
/*background: #ffffff;*/
}