3 svar · 356 visningar · startad av StinaD
Går det att få till denna layout med css?
Menyn består av tre avdelningar, varje avdelning ligger på en grå platta och varje platta har två rundade hörn, ett uppe till höger och ett nere till vänster.
Har gjort två små bilder av hörnen vars ytterdel har bakgrundens färg dessa flyter åt höger respektive vänster inne i plattan.
Kan få det att fungera i vissa webbläsare, men t ex Explorer på PC lägger alltid en liten kant runt bilderna. Har också problem med att få plattan att sträcka sig ner till och med nedersta bilden.
Har testat allt jag kommit på i kodväg, men inte hittat något som fungerar i alla webbläsare och det är ju mycket möjligt att det inte går, eller går det?
Mycket tacksam för alla tips!
Hej StinaD oh välkommen.
Ja det ska gå...
har du lagt till dessa två i den css?
*{
margin:0;
padding:0;
}
och
img{
border:none;
}
Borde räcka för att bli av med kanten i IE.
Om inte så får du nog visa lite kod.
Så får du nog visa hur plattans kod ser ut med css. Lite svårt annars att säga varför du inte fårmed den ner
Välkommen till wF!
Här är ett ganska snyggt exempel på hur man kan göra "boxar" med rundade hörn mha transparenta gif-bilder som bakgrund.
http://www.alistapart.com/articles/mountaintop/
Om du behöver hjälp med något så är det bara att posta koden, eller en länk till sidan! Använd helst kod-taggar när du postar kod. :)
Tusen tack för tipsen!
A List Aparts modell fungerade utmärkt. Gillar verkligen enkelheten i den lösningen.
Och webForum verkar vara stället jag letat efter ska bli kul och lärorikt att hänga här :-)
