Forum Mjukvara Programmering och digitalt skapande Tråd

Meny i headern...?

1
Skriv svar
Permalänk
Medlem
●

Meny i headern...?

Jag skulle vilja skapa en header i Photoshop, med en meny. Min fråga är hur man får meny-delen att bli knappar, eller länkar i xhtml? Har använt mig av Dreamweaver förut, då "skar" jag ut knapparna, och kunde göra de till länkar i DW, men kan man göra det och få in det i en xhtml-kod utan att använda DW? Har letat på nätet men inte hittat nån bra förklaring.

Redigera
Citera flera Citera
Permalänk
Medlem
●

tror att jag har hittat det jag sökte!

Redigera
Citera flera Citera
Permalänk
Medlem
●
Skrivet av coka:

tror att jag har hittat det jag sökte!

Gå till inlägget

kan ju vara bra att berätta hur du gjorde för andra som kanske hittar hit till denna tråd med samma fråga?

Visa signatur

Gaming: Asus 3080 Ti + 5900X
ESXI: Intel NUC,i7-8559U 32GB Ram,1TB
Rojter: Edgerouter 4, WAN 1000/1000

Redigera
Citera flera Citera
Permalänk
Medlem
●

Du använder Slicetool i photoshop och slicar upp menydelen.
Sen sparar du bilderna och gör en css utav den. eller det fula .. låta photoshop göra en html fil och göra alla knappar till länkar och sedan ta bort border. <a href="index.html"><img src="knapp1.gif" border="0"></a>

Visa signatur

Köp ny mus för 800:- JA, du kommer bli GRYM på cs och sätta huvudskott hela tiden. Du får heller ALDRIG ont i leder.
Eller är det bara så att e-pen*** förlängs om du har en dyrare mus?

Redigera
Citera flera Citera
Permalänk
Medlem
●

Jag hittade diverse youtube-videor som beskriver hur man kan göra. Dock har jag inte fått till det helt själv ännu.
zillio: Slicetool känner jag till skapligt, det är mer hur jag får bilderna/knapparna att hamna rätt på min sida sen, eftersom det bara är en del av headern som är menyn...

Redigera
Citera flera Citera
Permalänk
Medlem ★
●

Använd dig utav css sprite sättet till knapparna.
CSS Text based navigation bar with images » Matt Varone

Visa signatur

Flickr

Redigera
Citera flera Citera
Permalänk
Medlem
●

Okej, jag har jobbat vidare och stött på nåt som jag inte förstår. Jag förstår hur man skapar css-menyer med listor, horisontella med <inline> osv. Men det här förstår jag inte. Vad i koden avgör att menyn (nav) hamnar horisontellt?
exemplet är taget ur en bok, men hittade inte nån bra förklaring där. Eller har jag missförstått något??

HTML-kod:

<body>
  <div class="page">
   <div class="header">Logo</div>
   <div class="nav">
     <!-- navigation -->
   </div>
   <div class="content">
     <!-- main page -->
   </div>
  </div>
 </body>

CSS-kod:

body {
  background-color:#d6d6d6;
  font-family:arial, verdana, sans-serif;}
.page {
  width:700px;
  margin-left:auto;
  margin-right:auto;
  font-size:12px;
  background-color:#ffffff;
  border-style:solid; border-width:1px; border-color:#666666;}
.header {background-color:#f3f3f3; padding:3px;}
.nav {font-weight:bold; background-color:#e3e3e3; padding:5px;}
.content {padding:10px;}

Tacksam för alla svar, vill verkligen förstå detta!

Redigera
Citera flera Citera
Permalänk
Medlem ★
●
Skrivet av coka:

Okej, jag har jobbat vidare och stött på nåt som jag inte förstår. Jag förstår hur man skapar css-menyer med listor, horisontella med <inline> osv. Men det här förstår jag inte. Vad i koden avgör att menyn (nav) hamnar horisontellt?
exemplet är taget ur en bok, men hittade inte nån bra förklaring där. Eller har jag missförstått något??

...

Gå till inlägget

Det beror helt på vad som finns inuti #nav: Eftersom den inte innehåller något i exemplet så går det inte att avgöra hur den lägger sig. Alla blockelement (så som div, p, h1..h6 etc) tar upp så mycket bredd som finns tillgängligt. Vi kan alltså avgöra att #nav kommer vara 700px bred (inklusive padding, så 690px "effektivt" utrymme) eftersom #page är det.

Visa signatur

Kom-pa-TI-bilitet

Redigera
Citera flera Citera
1
Skriv svar
Senaste nyheterna
Hårdvara
Mjukvara
Övrigt
Nytt i forumet
Datorkomponenter
System
Ljud, bild och kommunikation
Spel och mjukvara