Som besökare på Hamsterpaj samtycker du till användandet av s.k. cookies för att förbättra din upplevelse hos oss. Jag förstår, ta bort denna ruta!
Annons

Hjälp med html-kodning

Skapad av Borttagen, 2011-05-06 12:50 i Webbutveckling & Programmering

2 242
22 inlägg
0 poäng
JKM
Visningsbild
P 35 Jönköping Hjälte 236 inlägg
2011-05-06 12:50
0
Håller på med en ny design till min blogg. Försöker lägga till en dropdown-meny under min header, men när jag sedan försöker placera den med hjälp av padding, så vill den inte samarbeta.

Ni kan klicka här - http://joakimforsberg.blogg.se/nybloggdesign/

Det jag vill, är att menyn ska lägga sig mer till vänster. Får den bara att flytta sig upp, ner och åt höger sida. Men till vänster är det stopp?

Jag hette tidigare Lazeeboy

Direktlänk Svara på inlägg Gästbok
Skicka

Är reklamen ivägen? Logga in eller registrera dig så försvinner den!

Syndafloden
Visningsbild
P 33 Karlstad Hjälte 10 705 inlägg
2011-05-06 12:59
0
Float: left; ? : )

Använd reset.css också.

HEH, TIME FOR A BIT OF A ROUGH AND TUMBLE

Direktlänk Svara på inlägg Gästbok
Skicka
JKM
Visningsbild
P 35 Jönköping Hjälte 236 inlägg
Trådskapare
2011-05-06 13:12
0

Svar till Erotisk_Eruption [Gå till post]:
Stilmallen ser ut som följer:

#navbar {
margin: 0px 0px 0px 0px;
padding: 410px 0px 0px 0px;
height: 1em; }
#navbar li {
list-style: none;
float: left; } /* Ändra till right om du vill ha menyn till höger istället*/
#navbar li a {
display: block;
padding: 5px 35px;
background-color: #262425; /*Ändra färgen på menyflikarna här*/
color: #fff; /*Ändra färgen på texten här*/
text-decoration: none;
border-right: 1px solid #3d3b3c;
font-family: calibri; /*Ändra typsnittet här*/
font-size: 13px; } /*Ändra storleken på texten här*/
#navbar li ul {
display: none;
width: 13em; /* Ändra bredden på undermenyn här */
background-color: #000000;}
#navbar li:hover ul, #navbar li.hover ul {
display: block;
position: absolute;
margin: 0;
padding: 0;
z-index: 1; }
#navbar li:hover li, #navbar li.hover li {
float: none; }
#navbar li:hover li a, #navbar li.hover li a {
background-color: #262425; /*Ändra färgen på undermenyn*/
border-bottom: 1px solid #fff;
color: #ffffff; } /*ändra textfärgen på undermenyn här*/
#navbar li li a:hover {
background-color: #000000; } /*Ändra färgen när man håller musen över undermenyn*/



Jag hette tidigare Lazeeboy

Direktlänk Svara på inlägg Gästbok
Skicka
Syndafloden
Visningsbild
P 33 Karlstad Hjälte 10 705 inlägg
2011-05-06 13:17
0

Svar till Lazeeboy [Gå till post]:
Testa att ändra #navbar.li:hover li {float:none;} till float:left;

Och lägg till

<link href=" http://meyerweb.com/eric/tools/css/reset/reset.css" type="text/css" rel="stylesheet"/>

I din HTML-head, ovanför den andra <link/>-en.

HEH, TIME FOR A BIT OF A ROUGH AND TUMBLE

Direktlänk Svara på inlägg Gästbok
Skicka
JKM
Visningsbild
P 35 Jönköping Hjälte 236 inlägg
Trådskapare
2011-05-06 13:21
0

Svar till Erotisk_Eruption [Gå till post]:
"<link href=" http://meyerweb.com/eric/tools/css/reset/reset.css" type="text/css" rel="stylesheet"/>

I din HTML-head, ovanför den andra <link/>-en."

Den delen hängde jag inte med på. Grejen är, att jag har samma meny i min vanliga blogg, så jag kopierade bara den och klistrade in den. I den bloggen ligger den bra utan en massa fix. Men här går det inte.

Du finner den riktiga bloggen här - http://joakimforsberg.se

Jag hette tidigare Lazeeboy

Direktlänk Svara på inlägg Gästbok
Skicka
JKM
Visningsbild
P 35 Jönköping Hjälte 236 inlägg
Trådskapare
2011-05-06 13:26
0
Har löst det.

La in: margin-left: -100px;

Jag hette tidigare Lazeeboy

Direktlänk Svara på inlägg Gästbok
Skicka
Syndafloden
Visningsbild
P 33 Karlstad Hjälte 10 705 inlägg
2011-05-06 13:30
0

Svar till Lazeeboy [Gå till post]:
I din HTML-kod, inte i CSS'en, så står det <link href="blablabla.css"> typ.

Ovanför den raden bör du lägga till det jag skrev.
Men ah. Vad har du för padding på omslutande elementet?
div#header border det bli.

Och så är den för bred, varje #navbar li är för bred, eller anpassad till headern.

Och sluta ha en så stor header-bild.

HEH, TIME FOR A BIT OF A ROUGH AND TUMBLE

Direktlänk Svara på inlägg Gästbok
Skicka
JKM
Visningsbild
P 35 Jönköping Hjälte 236 inlägg
Trådskapare
2011-05-06 13:37
0

Svar till Erotisk_Eruption [Gå till post]:
Oj, här kom det klagomål. Finner ingen link href varken i stilmallen eller kodmallen.

Vad är det för fel på headern? Är väl inte alls speciellt stor? Kom ihåg att jag ska använda mig av http://joakimforsberg.blogg.se/nybloggdesign/

Jag hette tidigare Lazeeboy

Direktlänk Svara på inlägg Gästbok
Skicka
Syndafloden
Visningsbild
P 33 Karlstad Hjälte 10 705 inlägg
2011-05-06 13:46
0
Svar till Lazeeboy [Gå till post]:
Blogg.se
https://lh6.googleusercontent.com/_28NsPMDtV4E/TcPfTq8cBqI/AAAAAAAAAGU/O4WPm61o-Og/Bild 2.png

Ovanför där bör du lägga in reset, dvs. den jag skrev ovanför.

Headern är otympligt stor, i höjdled.
https://lh5.googleusercontent.com/_28NsPMDtV4E/TcPeXCZ5yrI/AAAAAAAAAGM/wNaVE-CbMEY/s800/Bild 1.png

Vi som har lite mindre skärmar ser inte så mycket, och då svalnar itnresset fort.

HEH, TIME FOR A BIT OF A ROUGH AND TUMBLE

Direktlänk Svara på inlägg Gästbok
Skicka
JKM
Visningsbild
P 35 Jönköping Hjälte 236 inlägg
Trådskapare
2011-05-06 13:52
0

Svar till Erotisk_Eruption [Gå till post]:
Och vad hjälper den koden?

Det tråkiga, är att MAC inte har samma teckensnitt, vilket gör att bloggen ser helt annorlunda ut på din, än för folk som har Windows t ex. Men kan väl inte tycka att headern är speciellt stor. Hög kanske, men inget annat.

Jag hette tidigare Lazeeboy

Direktlänk Svara på inlägg Gästbok
Skicka
Syndafloden
Visningsbild
P 33 Karlstad Hjälte 10 705 inlägg
2011-05-06 13:59
0

Svar till Lazeeboy [Gå till post]:
Den nollställer alla värden.

Olika webbläsare, som Explorer, firefox, chrome, behandlar margin, padding och sådant olika.

Reset gör så att alla webbläsare behandlar måtten olika.
Typsnitten har mycket lite med saken att göra, och så är det ditt ansvar att se till att bloggen är fin på alla datorer, antingen genom att använda webbsäkra typsnitt, genom att lägga en vacker font-stack eller via font-face i css-koden.

(Som ajg har gjort här: http://popporn.blogg.se/)

Man kan tycka att headern är speciellt stor, höjden har ju med storleken att göra. Jag tycker den är stor när den tar upp nästan hela mitt höjdledsutrymme :)

HEH, TIME FOR A BIT OF A ROUGH AND TUMBLE

Direktlänk Svara på inlägg Gästbok
Skicka
JKM
Visningsbild
P 35 Jönköping Hjälte 236 inlägg
Trådskapare
2011-05-06 14:03
0

Svar till Erotisk_Eruption [Gå till post]:
Har lagt in koden. Vad menas med font-stack osv? Alltid tyckt att det varit tråkigt att behöva anpassa bloggen efter mac-användare, mest pga teckensnitten. Vill att den ska se likadan ut för alla så klart.

Headern är väl en smaksak kan man tycka i så fall.

Jag hette tidigare Lazeeboy

Direktlänk Svara på inlägg Gästbok
Skicka
Syndafloden
Visningsbild
P 33 Karlstad Hjälte 10 705 inlägg
2011-05-06 14:08
0

Svar till Lazeeboy [Gå till post]:
Klart att det är tråkigt, men så äre.
Font-stack är när man skriver typ

h1 {
font-family: "Helvetica neue light", "helvetica neue", "helvetica", "Calibri", verdana, arial, sans-serif;
}

Då säger man till webbläsaren "Jag vill helst ha Helvetica neue light. Finns int eden så vill jag ha helvetica neue, annars helvetica. finns inte den heller så vill jag ha Calibri" etc.

Och skillnaden mac/pc är inte jättestor, det är ju bara typ att mac saknar calibri och windows saknar hevetica.

HEH, TIME FOR A BIT OF A ROUGH AND TUMBLE

Direktlänk Svara på inlägg Gästbok
Skicka
JKM
Visningsbild
P 35 Jönköping Hjälte 236 inlägg
Trådskapare
2011-05-06 14:09
0

Svar till Erotisk_Eruption [Gå till post]:
Har ju just calibri nu, så vilket typsnitt skulle du rekommendera? Som skulle se bäst ut liksom.

Är det dessa som gäller - http://www.sitoo.com/se/redigera-typsnitt.htm

Jag hette tidigare Lazeeboy

Direktlänk Svara på inlägg Gästbok
Skicka
JKM
Visningsbild
P 35 Jönköping Hjälte 236 inlägg
Trådskapare
2011-05-06 14:44
0
Fixade till även detta. Skulle du kunna hjälpa mig med en annan sak, när vi ändå är igång?

Under rubriken på inläggen, har jag lagt in tid, datum osv. Nu skulle jag vilja lägga in en grå bakgrund (som ett streck) under detta. Men när jag lägger in bakgrunden på entrymeta, så kommer bakgrunden även på texten (dvs i inlägget) och allt blir kaos. Vad kan det bero på?

Jag hette tidigare Lazeeboy

Direktlänk Svara på inlägg Gästbok
Skicka
Huehue
Visningsbild
P 25 Hjälte 1 835 inlägg
2011-05-06 15:25
0

Svar till Lazeeboy [Gå till post]:
Gör en länk till domhär Följ mig på grejerna, det vore chill

Ingen status

Direktlänk Svara på inlägg Gästbok
Skicka
V_iktor
Visningsbild
P 30 Hjälte 357 inlägg
2011-05-06 16:07
0
antihögerklickScriptet är jobbigt, man kan ändå högerklicka om man inte är helt kass :P
ta bort det! :)

shu

Direktlänk Svara på inlägg Gästbok
Skicka
JKM
Visningsbild
P 35 Jönköping Hjälte 236 inlägg
Trådskapare
2011-05-06 16:12
0

Svar till V_iktor [Gå till post]:
Fast, skyddet är ju för att man INTE ska kunna högerklicka.

Jag hette tidigare Lazeeboy

Direktlänk Svara på inlägg Gästbok
Skicka
V_iktor
Visningsbild
P 30 Hjälte 357 inlägg
2011-05-06 16:14
0

Svar till Lazeeboy [Gå till post]:
det kan man ändå om man skaffar lite tillägg till webbläsaren

shu

Direktlänk Svara på inlägg Gästbok
Skicka
Kleff
Visningsbild
P Borås Hjälte 7 663 inlägg
2011-05-06 16:14
0

Svar till Lazeeboy [Gå till post]:
Och du vill inte att man ska kunna högerklicka för att?
Det skyddar knappast ändå något vidare.

"Säg förlåt?" - zombiefied

Direktlänk Svara på inlägg Gästbok
Skicka
Raz
Visningsbild
P 31 Hjälte 2 733 inlägg
2011-05-06 16:18
0
Svar till Lazeeboy [Gå till post]:
Varför? För att man inte ska se källkoden? ctrl + u.
För att man inte ska kunna dra ner bilder? ctrl + u eller sidinfo -> media.

För sakens skull? Noscript.

Adieu

Direktlänk Svara på inlägg Gästbok
Skicka
Grepolis
Visningsbild
Hjälte 1 384 inlägg
2011-05-06 17:13
0
Vart menar ni att ni inte kan höger klicka..kör firefox..har inget tilläg för det?
Men länka gärna det ni har i gb :)
Kan va nice att ha :)

Trolololo

Direktlänk Svara på inlägg Gästbok
Skicka

Forum » Datorer & IT » Webbutveckling & Programmering » Hjälp med html-kodning

Ansvariga ordningsvakter:

Användare som läser i den här tråden just nu

1 utloggad

Skriv ett nytt inlägg

Hej! Innan du skriver om ett potentiellt problem så vill vi påminna dig om att du faktiskt inte är ensam. Du är inte onormal och världen kommer inte att gå under, vi lovar! Så slappna av och gilla livet i några minuter - känns det fortfarande hemskt? Skriv gärna ner dina tankar och frågor, vi älskar att hjälpa just dig!

Den här tråden är äldre än Rojks drömtjej!

Det senaste inlägget i den här tråden skrevs för över tre månader sedan. Är du säker på att du vill återuppliva diskussionen? Har du något vettigt att tillföra eller passar din fråga i en ny tråd? Onödiga återupplivningar kommer att låsas så tänk efter en extra gång!

Rubrik

Inlägg

Fet Kursiv Spoiler Bild Film Kod Undersökning

Förhandsgranska Spara

Hjälp

Det här är en hjälpruta

Här får du korta tips och förklaringar om forumet. Välj kapitel i rullningslisten här ovanför.

Rutan uppdateras automagiskt

När du använder funktioner i forumet så visas bra tips här.


Annons
Annons
Annons
Annons