webForumDet fria alternativet

Border

2 svar · 319 visningar · startad av linkan77

linkan77Medlem sedan jan. 20092 inlägg
#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. 2005514 inlägg
#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
#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

Copyright (c) 2003 osCommerce

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;*/
}

Genererad på 389 ms · cache AV · v20260730165559-full.f96bc7eb