linkan77Medlem sedan jan. 20092 inlägg
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
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
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;*/
}