10 svar · 605 visningar · startad av Akerlundh
Hejsan!
Jag har bifogat en bild i denna tråd.
Jag hade tänkt göra en hemsida utav den bild men hur gör jag enklast för att få den högrabilden den med spader i att bli en meny och den med klöver i ska det va en iframe där sidan öppnas hur gör jag detta enklast?
Har testat lite med tabeller men det blir verkligen inte alls bra.
Bildens storlek är nog lite stor för att klara dom flesta upplösningarna.
Akerlundh skrev:
Bildens storlek är nog lite stor för att klara dom flesta upplösningarna.
Betyder det att du inte kommer bry dig om scrollning sidledes...?
I så fall skulle jag testa med två absolut positionerade divvar med korten som bakgrundsbilder och låta menydiven ha lågt z-index, så de går att placera över varandra i stället för att mickla med något annat.
Så lite scrolling som möjligt hade jag tänkt helst inget alls sidleds.
Jag är inte så jätte bra på divar och sånt.
Vilken bredd ska jag ha på bilden ungefär? Tips?
Funderade länge på ett svar men det slutar med... Vilken målgrupp vänder du dig till?
Akerlundh skrev:
Hur menar du?
Vilken målgrupp hemsidan ska vända sig till? eller?
Ja med tanke på att bilden innehöll två spelkort så kan jag gissa mig till att du vänder dig till de som sitter med bredband så att stora bilder inte gör så mycket att de tar tid att ladda ner och att din målgrupp inte sitter med 800-skärmar... eller är jag ute och cyklar då?
Smaken är väl som baken men jag tycker det är behagligast med innehåll som inte är bredare än någonstans mellan 700-800px men att bakgrunder kan vara bredare.
Så då skulle dina kort kunna vara någonstans mellan 350-400px breda var för sig , men då blir det jobbigt om användaren sitter vid handdator... och divvarna blir absoluta. Mycket scroll sidledes...
Men testa... gör två divar med vit bakgrundsfärg och testa dig fram till hur stora du ska göra bilderna...
okej.. jag har pillat ganska mycket med dom korten nu och som dom är nu vill ja ha dom men kan ju förminska hela bilden istället.
dom som kommer besöka sidan kör inte så små upplösningar.
och det ska inte va så jätte seriöst. hmm
Är båda korten en bild? I så fall behöver du inte använda absolut position. Då kan du köra bilden som bakgrundsbild i en div och sedan skapar du en ny div för menyn och en div för innehållet inne i den.
Av vad jag förstår så har du bestämd bredd och höjd på bilden så då anpassar du diven för den.
Varit en lång dag för mig och börjar bli lite trött men... :-)
Ska se om jag orkar med en enkel skiss...
Nej båda korten sitter ihop redan.
Så jag kan ju inte ändra så jätte mycket.
Är verkligen kass på photoshop också :(
Det här är verkligen en grovskiss som du behöver ändra mycket i till dina mått
<body>
<div id="wrapper">
<div id="kort1"><h2>Meny</h2></div>
<div id="kort2"><h2>Innehåll</h2></div>
</div>
</body>
Här i css ska du ändra färger och ändra margin och sånt och lägga in din bild och ändra måtten... Jag hade ju inget sånt från dig...
*{margin:0px; padding:0px;}
body:
background-color:#000; }
#wrapper{background: #fff url(images/bild.jpg) 0px 0px no-repeat; width: 700px; margin: 51px auto 0px auto; height:500px; }
#kort1{background-color:#FFF;
width:240px;
height:500px;
float:left;}
#kort2{background-color:#FFF;
width:380px;
height:500px;
float:left;
}
Nånting sånt kanske, till att börja med... :-)
Såg att jag fått dit ett : i stället för ; ändrats nu. God Natt
Okej tack så hemskt mycket.
Nu ska jag gå och lägga mig så få ta och kolla på det imorgon.