WN

WN (https://www.wn.se/forum/index.php)
-   Klientsidans teknologier, design och grafik (https://www.wn.se/forum/forumdisplay.php?f=12)
-   -   rund hörn problem (https://www.wn.se/forum/showthread.php?t=1061361)

nordindesign 2014-03-30 18:30

rund hörn problem
 
hej jag fesöker få till rundhörn på min fotografsidan .
men få ej till detta kan nån hjälpa mig. http://www.nordin.se/fotografper/

jag vill ha rund hörn på footer läng ne på den till höger och vännster.
hör av er . ni kan hjälpa mig.

färgcodern jag använder är #D6D6D6
skriv svar

ANttila 2014-03-30 18:55

border-bottom-left-radius
border-bottom-right-radius

på class "container"

nordindesign 2014-03-30 19:18

rund hörn problem
 
Citat:

Ursprungligen postat av ANttila (Inlägg 20489305)
border-bottom-left-radius
border-bottom-right-radius

på class "container"

så se min cod ut i stil mallen
.container {
width: 780px;
background-color: #D6D6D6;
margin: 0 auto;
border-bottom-left-radius
border-bottom-right-radius

jag la in de rad som du skrev men blev änd inga rund hörn på footer.
http://www.nordin.se/fotografper/

tartareandesire 2014-03-30 19:20

Glöm inte bort att lägga till -moz- också.

nordindesign 2014-03-30 19:24

Citat:

Ursprungligen postat av tartareandesire (Inlägg 20489308)
Glöm inte bort att lägga till -moz- också.

var lägger jag -moz- stans i codern ..

ANttila 2014-03-30 21:44

Du måste ju ange en storlek på border-radius också :D

Alltså:

border-bottom-left-radius: hur mycket du vill ha;
border-bottom-right-radius: hur mycket du vill ha;

10px är något du kan utgå ifrån

nordindesign 2014-03-30 22:05

Citat:

Ursprungligen postat av ANttila (Inlägg 20489319)
Du måste ju ange en storlek på border-radius också :D

Alltså:

border-bottom-left-radius: hur mycket du vill ha;
border-bottom-right-radius: hur mycket du vill ha;

10px är något du kan utgå ifrån

men jag fixa det men det blir änd inter runder hörn på fotter . så vad gör jag för fel.
.container {
width: 780px;
background-color: #D6D6D6;
margin: 0 auto;
border-bottom-left-radius:10px
border-bottom-right-radius:10px

ANttila 2014-03-30 22:46

Citat:

Ursprungligen postat av nordindesign (Inlägg 20489321)
men jag fixa det men det blir änd inter runder hörn på fotter . så vad gör jag för fel.
.container {
width: 780px;
background-color: #D6D6D6;
margin: 0 auto;
border-bottom-left-radius:10px
border-bottom-right-radius:10px

.container {
width: 780px;
background-color: #D6D6D6;
margin: 0 auto;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}

Fixa någon som kan hjälpa dig att lägga in koden om du inte är kapabel

jonssondesign 2014-03-31 00:06

Du har fått ditt svar från ANttila huruvida du går till väga för att få dina hörn runda.

Varför du inte ser de runda hörnen beror dock på att du har en bakgrundsfärg på footer.

Ta bort denna "background-color: #D6D6D6;" från din footer.

nordindesign 2014-03-31 00:16

Citat:

Ursprungligen postat av jonssondesign (Inlägg 20489328)
Du har fått ditt svar från ANttila huruvida du går till väga för att få dina hörn runda.

Varför du inte ser de runda hörnen beror dock på att du har en bakgrundsfärg på footer.

Ta bort denna "background-color: #D6D6D6;" från din footer.

vad ska det stå i ställe dä.

jonssondesign 2014-03-31 03:42

Ingenting ska stå där. Du ska ta bort hela den raden. footer skall inte innehålla någon bakgrundsfärg över huvud taget.

nordindesign 2014-03-31 04:32

hur få men en vågrätt linje mellan meny och själv texten.
och hur flytta man ne designe en bit.

tartareandesire 2014-03-31 08:33

Citat:

Ursprungligen postat av nordindesign (Inlägg 20489336)
hur få men en vågrätt linje mellan meny och själv texten.
och hur flytta man ne designe en bit.

Linje får du t.ex. med hr-element eller border.

Vet inte riktigt vad du menar med din andra fråga men jag förmodar du kan göra det du vill med hjälp av position, margin och/eller padding.

Vebut 2014-03-31 15:08

Citat:

Ursprungligen postat av tartareandesire (Inlägg 20489308)
Glöm inte bort att lägga till -moz- också.

Det är bara för kompatibilitet mot utdaterade webbläsare, samma för -webkit- osv, inte ett krav. -*- används av renderingsmotorerna för att dra nytta av ej färdigimplementerade & nya funktioner.

nordindesign 2014-03-31 15:27

vad skriver man för codern för att få vågrätt linje mellan meny och själv texten ??
www.nordin.se/fotografper

nordindesign 2014-06-03 01:49

vad lägger jag denna cod stan i stilmallen.
width: 780px;
background-color: #D6D6D6;
margin: 0 auto;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}

gå in på http://www.nordin.se/fotografper/ så se ni hur sidan se ut. stilmallen hittar ni på http://www.nordin.se/fotografper/stylecss.css


Alla tider är GMT +2. Klockan är nu 06:22.

Programvara från: vBulletin® Version 3.8.2
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
Svensk översättning av: Anders Pettersson