Forum Mjukvara Programmering och digitalt skapande Tråd Inlägg

CSS - #Menu i mitten?

1
Skriv svar
Permalänk
Medlem
●

CSS - #Menu i mitten?

Tack för hjälpen!
Nu är detta lätta problem löst!

Undrar däremot om någon kan hjälpa mig att göra en newsfeed i CSS? Alternativt länka någon guide!
Sökt men kan inte PHP eller Java därför ber jag om något i denna still!

Senast redigerat
Redigera
Citera flera Citera
Permalänk
Medlem
●
Skrivet av LORAMIGCSS:

Hejsan!
Undrar hur jag ska menyn #Menu i mitten?

body {
margin-top: 60px;
padding: 0;
background: #101723;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
}

#header h1 {
margin: 0;
padding: 0;
text-transform: uppercase;
font-family: 'Oswald', sans-serif;
font-weight: normal;
color: #4D4040;
text-align: center;
}

h1 {
font-size: 3.4em;
}

#container {
width: 900px;
padding: 30px;
margin: 0 auto;
background-color: #FFF;
}

#menu {
margin: 0;
padding: 0;
}

#menu li {
list-style: none;
float: left;
padding: 0x;
}

#menu li a:link, #nav li a:visited{
text-decoration: none;
padding: 10px;
display: block;
}

#menu li a:hover {
text-decoration: none;
background-color: #362B2F;
color: #FFF;
}

#menu a {
height: 56px;
margin: 0px;
padding: 10px 30px 10px 30px;
line-height: 56px;
letter-spacing: 1px;
text-decoration: none;
text-transform: uppercase;
font-family: 'Oswald', sans-serif;
font-size: 14px;
font-weight: normal;
color: #262626;
border: none;
}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE */
/* @end */

Dold text

Tips och övrig information uppskattas!

Gå till inlägget

Fungerar detta?

#menu {
margin: 0 auto;
padding: 0;
}

Redigera
Citera flera Citera
Permalänk
Medlem
●

Svårt att svara på eftersom vi inte kan gissa oss till din html-markup

Visa signatur

[Intel i7 4770K] [ GTX 1070] [Asus ROG VI Gene] [Corsair AX860] [Corsair 16GB Vengeance LP] [120GBIntel 520] [Bitfenix Phenom M]

Citera för svar

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

Svårt att svara på eftersom vi inte kan gissa oss till din html-markup

Gå till inlägget

Sorry:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="http://fonts.googleapis.com/css?family=Oswald" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="style.css" type="text/css">
<title>X</title>
</head>

<body>

<div id="container">

<div id="header">

<h1>X</h1>

<ul id="menu" class="clearfix">
<li><a href="#">Meny1</a></li>
<li><a href="#">Meny2</a></li>
<li><a href="#">Meny3</a></li>
<li><a href="#">Meny4</a></li>
</ul>
</div>

</body>
</html>

Dold text

Skrivet av agentq15:

Fungerar detta?

#menu {
margin: 0 auto;
padding: 0;
}

Gå till inlägget

Gick dessvärre inte...

Redigera
Citera flera Citera
Permalänk
Medlem
●

Om du vill ha den centrerad Horisontellt så brukar det funka med:

#menu {
margin-left: auto;
margin-right: auto;
}
Visa signatur

Gaming: Phanteks Eclipse P400 | Intel i5 6600K | Gigabyte Z170X-Gaming-3 | Corsair Vengeance LP 16GB 3000Mhz | EVGA GeForce GTX1070 SC ACX 3.0 | Crucial MX300 525GB | Corsair CX550M 550W
Laptop: MacBook Pro 13" Mid 2014

Redigera
Citera flera Citera
Permalänk
Medlem
●

För att centrera genom margin: 0 auto så brukar man behöva specificera width i elementet.

Exempelvis:

#menu {
width:100%;
margin: 0 auto;
padding: 0;
}
Visa signatur

Asus M4N72-E // Corsair HX 620W // Corsair 8GB // AMD Phenom2 X4 940 // Zalman CNPS-9900 // Intel SSD G2 120 // PowerColor HD6950(1536) Shaders // Fractal Design Define R2

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

För att centrera genom margin: 0 auto så brukar man behöva specificera width i elementet.

Exempelvis:

#menu {
width:100%;
margin: 0 auto;
padding: 0;
}
Gå till inlägget

FUNGERADE, ändrade bara till 30%. Tror fonten eller px är för stort därför!

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

FUNGERADE, ändrade bara till 30%. Tror fonten eller px är för stort därför!

Gå till inlägget

Perfekt, fungerar lika bra med px men eftersom din wrapper/container är 900px så kommer menu elementet med 100% automatiskt bli max 900px.

Visa signatur

Asus M4N72-E // Corsair HX 620W // Corsair 8GB // AMD Phenom2 X4 940 // Zalman CNPS-9900 // Intel SSD G2 120 // PowerColor HD6950(1536) Shaders // Fractal Design Define R2

Redigera
Citera flera Citera
Permalänk
Medlem
●

Se trådstarten, har ändrat ämnen!
Tack för alla svar och jävligt snabba även

Redigera
Citera flera Citera
Permalänk
Inaktiv
●

CSS är inte nära PHP eller Java. Varken i användningsområden eller språkuppbyggnad. Du kan inte bygga en newsfeed i CSS. Om du inte menar att du vill styla en sådan med CSS, men det är inget vi kan "hjälpa" till med direkt. Säg till om du stöter på problem istället.

EDIT: Om du ändrar ämne som du gjorde nu, skriv det i sista posten istället för att ändra på första posten, det bara förvirrar.

Redigera
Citera flera Citera
Permalänk
Medlem
●

Skall denna newsfeeden vara från nyheter som du publicerar på hemsidan i större articklar eller bara korta meddelanden?

Skall det vara något enklare kan du använda tex twitter och sedan ha en box på din hemsida som visar din twitter-tråd. Nu har jag inget rakt svar på hur du skall göra detta men kan vara en hint till dig eller någon annan som vill hjälpa till.

Visa signatur

Projekt:Dual Comp

Ubuntu One?

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

CSS är inte nära PHP eller Java. Varken i användningsområden eller språkuppbyggnad. Du kan inte bygga en newsfeed i CSS. Om du inte menar att du vill styla en sådan med CSS, men det är inget vi kan "hjälpa" till med direkt. Säg till om du stöter på problem istället.

EDIT: Om du ändrar ämne som du gjorde nu, skriv det i sista posten istället för att ändra på första posten, det bara förvirrar.

Gå till inlägget

Ursäkta mig
Samt tack till ytterligare info.

Skrivet av chila:

Skall denna newsfeeden vara från nyheter som du publicerar på hemsidan i större articklar eller bara korta meddelanden?

Skall det vara något enklare kan du använda tex twitter och sedan ha en box på din hemsida som visar din twitter-tråd. Nu har jag inget rakt svar på hur du skall göra detta men kan vara en hint till dig eller någon annan som vill hjälpa till.

Gå till inlägget

Ordnade sig till slut!

http://www.freecsstemplates.org/preview/resolved/

Till höger!

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