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

Html/css problem!

Skapad av verona, 2013-10-27 17:16 i Webbutveckling & Programmering

2 913
11 inlägg
-1 poäng
verona
Visningsbild
P 30 Hjälte 126 inlägg
2013-10-27 17:16
0
Hej.

Då min starka sida inte är HTML/CSS så har jag självklart stött på ett problem, som jag hoppas någon kan hjälpa till med. Jo, har problem med min "meny div". Jag har en meny där det står "Startsida - Kontakta oss - Om oss". Men med tanke på att det är så lite text på en lång div så vill jag ha det "utspritt". Float fugnerar ju till höger och vänster. Men vet någon hur man gör det centralt, men inte helt centralt. Då jag vill ha "Startsida" mer åt vänster, "Kontakta oss" i mitten av hela diven och "Om oss" till höger om "Kontakta oss" fast längre bort i diven.

Om någon förstår min dumma förklaring och vill hjälpa till så skulle det vara jätte snällt.

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

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

Gaxnys
Visningsbild
P 30 Mjölby Hjälte 1 523 inlägg
2013-10-27 17:23
0

Svar till verona [Gå till post]:
Lägg menyföremålen i egna div:s och ändra margin på dem.

http://www.iceflaw.net

Direktlänk Svara på inlägg Gästbok
Skicka
verona
Visningsbild
P 30 Hjälte 126 inlägg
Trådskapare
2013-10-27 17:25
0

Svar till Gaxnys [Gå till post]:
Men det blir jobbigt när jag kommer upp i flera menyalternativ! Måste finnas något lättare?

Direktlänk Svara på inlägg Gästbok
Skicka
Gaxnys
Visningsbild
P 30 Mjölby Hjälte 1 523 inlägg
2013-10-27 17:29
0

Svar till verona [Gå till post]:
Separata divs med samma class, så kan du sätta samma proterties på alla samtidigt. Hur är det jobbigt?

http://www.iceflaw.net

Direktlänk Svara på inlägg Gästbok
Skicka
joooooocke
Visningsbild
P 32 Hjälte 166 inlägg
2013-10-28 19:56
-1
Separata divs med samma class är ju det ultimata :P

Ful haxa med tables annars.

Ingen status

Direktlänk Svara på inlägg Gästbok
Skicka
PaulBorYeah
Visningsbild
P 36 Hjälte 1 inlägg
2013-10-31 22:43
0
Centrera text = text-align: center
Flytta text åt höger eller vänster = padding-right eller padding-left
Margin är inte rätt, använd inte tables :p

http://www.webbdesignguiden.se/snygga-hemsidor/
Direktlänk Svara på inlägg Gästbok
Skicka
csols
Visningsbild
P 29 Hjälte 2 524 inlägg
2013-10-31 23:17
0
Svar till verona [Gå till post]:
Om jag tolkade dig rätt så är det här en lösning:
http://jsfiddle.net/QjMzq/2/

Den sista CSS-regeln (last-of-type) är nödvändig för att få allting "perfekt" centrerat om jag inte missminner mig. Den kommer nog dock inte vara särskilt bakåtkompatibel (läs: IE suger)

Herp

Direktlänk Svara på inlägg Gästbok
Skicka
west_west
Visningsbild
P 33 Hjälte 1 inlägg
2014-01-24 16:51
0
Om problemet ännu kvarstår. Bootstrappa så får du en fluid-grid på köpet som du kan använda för att göra precis detta.

twitterbootstrap. Google är din vän.
Direktlänk Svara på inlägg Gästbok
Skicka
Karlsson
Visningsbild
P 30 Arvika Hjälte 499 inlägg
2014-02-05 19:50
0
Svar till verona [Gå till post]:
Ojojoj. Använd inte float, kör flexbox! Använd <nav> för navigation.
På http://html5please.com/ kan du se vilka nya tekniker du bör använda redan nu eller vilka du bör vänta med!

Förstod inte riktigt din förklaring. Men något sådant här kanske? http://codepen.io/enjikaka/pen/ceLBI
Direktlänk Svara på inlägg Gästbok
Skicka
csols
Visningsbild
P 29 Hjälte 2 524 inlägg
2014-02-05 20:52
0

Svar till enjikaka [Gå till post]:
Känns det värt att väcka 4+ månader gammal tråd om ett simpelt CSS-problem som blev löst ganska snabbt? Och dessutom med en lösning som bara stödjer moderna webbläsare? Tänk om OP riktar sig mot användare som använder IEx<IE10, då kommer ju inte din lösning att fungera alls :'(

23.7% offtopic: var det inte du som blev IP-bannad för något år sedan? :o

Herp

Direktlänk Svara på inlägg Gästbok
Skicka
Karlsson
Visningsbild
P 30 Arvika Hjälte 499 inlägg
2014-02-05 21:33
0

Svar till csols [Gå till post]:
Den väcktes i fredags av west_west.

För övrigt bör support för lägre versioner av IE inte införas när man kodar nya applikationer, och det finns det många anledningar till.

Jag ett annat konto förr, vilket jag avslutade på eget bevåg då jag tröttnade på Hamsterpaj, detta hade dock ett helt annat namn.

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

Forum » Datorer & IT » Webbutveckling & Programmering » Html/css problem!

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