Fetstil Fetstil Kursiv Understrykning linje färgläggning tabellverk Punktlista Nummerlista Vänster Centrerat högerställt Utfyllt Länk Bild htmlmode
  • Forum & Blog
    • Forum - översikt
      • .Net
        • asp.net generellt
        • c#
        • vb.net
        • f#
        • silverlight
        • microsoft surface
        • visual studio .net
      • databaser
        • sql-server
        • databaser
        • access
        • mysql
      • mjukvara klient
        • datorer och komponenter
        • nätverk, lan/wan
        • operativsystem
        • programvaror
        • säkerhet, inställningar
        • windows server
        • allmänt
        • crystal reports
        • exchange/outlook
        • microsoft office
      • mjukvara server
        • active directory
        • biztalk
        • exchange
        • linux
        • sharepoint
        • webbservers
        • sql server
      • appar (win/mobil)
      • programspråk
        • c++
        • delphi
        • java
        • quick basic
        • visual basic
      • scripting
        • asp 3.0
        • flash actionscript
        • html css
        • javascript
        • php
        • regular expresssion
        • xml
      • spel och grafik
        • DirectX
        • Spel och grafik
      • ledning
        • Arkitektur
        • Systemutveckling
        • krav och test
        • projektledning
        • ledningsfrågor
      • vb-sektioner
        • activeX
        • windows api
        • elektronik
        • internet
        • komponenter
        • nätverk
        • operativsystem
      • övriga forum
        • arbete karriär
        • erbjuda uppdrag och tjänster
        • juridiska frågor
        • köp och sälj
        • matematik och fysik
        • intern information
        • skrivklåda
        • webb-operatörer
    • Posta inlägg i forumet
    • Chatta med andra
  • Konto
    • Medlemssida
    • Byta lösenord
    • Bli bonsumedlem
    • iMail
  • Material
    • Tips & tricks
    • Artiklar
    • Programarkiv
  • JOBB
  • Student
    • Studentlicenser
  • KONTAKT
    • Om pellesoft
    • Grundare
    • Kontakta oss
    • Annonsering
    • Partners
    • Felanmälan
  • Logga in

Hem / Forum översikt / inlägg

Posta nytt inlägg


Snygg låda i css?

Postades av 2007-07-09 22:40:40 - Niklas Jansson, i forum html/css, Tråden har 4 Kommentarer och lästs av 1412 personer

Sitter med ett ettrigt problem här, och hjärnan är nog lite väl seg just nu. Tyvärr har jag en misstanke om att det inte går.

Skulle vilja göra en "news-teaser", typ. Alltså en liten låda (och det ska vara många lådor) där man skriver i text (en div med text helt enkelt). Men kruxet är nu att det ska vara lite grafiskt snajsigt, så jag vill ha rundade hörn, och diverse snygga kanter. Bilderna kommer bli bakgrundsbilder.

Jag har därför 9 bilder. topleft, topmiddle, topright, osv.
top-mid och bottom-mid ska gå att strecha i sidled
mid-left och mid-right i höjdled
mid-mid i båda ledderna

i praktiken:
<code>
------------
---------------
| | | |
---------------
| | | |
| | | |
| | | |
| | | |
| | | |
---------------
| | | |
---------------
</code>
Problemet är nu att få strechen att funka som jag vill. Har funderat på diverse float:ar, absolut positionering, osv. Inget sätt känns hundra. Med en gammal röten tabell skulle jag la få det att funka men det är jag inte intresserad av.

Egentligen kanske det är lite märkligt att låta den växa i sidled (jag vill i så fall att den totalt tar upp 100% av omgivande container). Jag har dessutom lite större möjligheter i grafiken om jag låser den till en fast pixelbredd. Om någon har en ide om hur man löser det så, så kanske det kan funka istället. (alltså precis samma, men de ska växa i höjdled istället).


Svara

Sv: Snygg låda i css?

Postades av 2007-07-10 07:59:08 - Johan Djupmarker

Jag lekte lite med en layout för ett tag sedan som jag tror fixar allt du vill utom att växa i sidled (har absolut-positionering, så den växer bara i förhållande till sidan). Hoppas att det kan vara till någon nytta. Jag orkade dock inte städa css:en så mycket, så det finns en del som inte används av layouten...

http://filer.datavaxt.nu/johand/niklas/

/Johan


Svara

Sv:Snygg låda i css?

Postades av 2007-07-10 08:48:03 - Niklas Jansson

Mmm, det där är snyggt, och också det vanligaste när man tänker efter; det är ofta bilder snarare än bakgrunder i hörnen. Det kanske är det jag får försöka med. Allt känns ju bättre än tabell...


Svara

Sv: Snygg låda i css?

Postades av 2007-07-10 09:03:36 - Jonas Boman

Allting ÄR bättre än tabell när det gäller layout :)

Bra exempel Johan!


Svara

Sv:Snygg låda i css?

Postades av 2007-07-10 09:32:30 - Niklas Jansson

Fast jag är fortfarande intresserad av en "riktigt snygg" variant, förstås, där hörnbilderna inte är bilder utan bakgrunder...

Vad mina försök till sökningar har lett till är bara varianter som bygger på stora bilder och skumma negativa marginaler och grejer.

Fast iofs, när jag tänker efter... Om man har en fast bredd så borde man klara sig med tre bilder, och enbart se till att jävelskapen hamnar rakt under varandra. Eftersom det är avsett för kortare texter så tror jag faktiskt inte det spelar någon större roll att de inte fyller upp hela...


Svara

Nyligen

  • 08:28 Butiksskyltar: Hur upplever utbude
  • 22:31 Slappna av
  • 19:55 kick-off med fokus på hälsa?
  • 19:53 kick-off med fokus på hälsa?
  • 16:24 Föreslå en skönhetsklinik online
  • 16:23 Föreslå en skönhetsklinik online
  • 18:42 Hvor finder man håndlavede lamper
  • 18:41 Hvor finder man håndlavede lamper

Sidor

  • Hem
  • Bli bonusmedlem
  • Läs artiklar
  • Chatta med andra
  • Sök och erbjud jobb
  • Kontakta oss
  • Studentlicenser
  • Skriv en artikel

Statistik

Antal besökare:
Antal medlemmar:
Antal inlägg:
Online:
På chatten:
4 570 777
27 960
271 761
616
0

Kontakta oss

Frågor runt konsultation, rådgivning, uppdrag, rekrytering, annonsering och övriga ärenden. Ring: 0730-88 22 24 | pelle@pellesoft.se

© 1986-2013 PelleSoft AB. Last Build 4.1.7169.18070 (2019-08-18 10:02:21) 4.0.30319.42000
  • Om
  • Kontakta
  • Regler
  • Cookies