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

Problem med IE, css stämmer inte

1
Skriv svar
Permalänk
Medlem ★
●

Problem med IE, css stämmer inte

Har gjort en hemsida som fungerar bra i både FF och IE(Tack gode gud, slapp göra något extra) förutom på ett ställe.

det är ett par bilder jag har på rad som bakgrund åt en text, men jag kan inte få bilderna tätt emot varandra.

är det någon som har lust att kolla vad som kan vara fel?

Problemet syns på denna sida och källkoden finns där också.
http://usfk.netai.net/hem/dammarna.html

Senast redigerat
Visa signatur

Hette något annat förut, men kom fram till att det är dumt att ha samma namn på 78 miljoner sidor...
citera, svara osv. osv...
hot tip - ctrl + shift T öppnar senast stängda flik i vissa webbläsare

Redigera
Citera flera Citera
Permalänk
Medlem
●

Låt bli att sätta position: absolute; på allt.

Redigera
Citera flera Citera
Permalänk
Medlem
●

Fulkod överallt. All CSS bör ligga i ditt stylesheet doc.
Din meny består av 7 DIVar med samma namn.

Snälla, lär dig CSS så kommer du kunna positionera allting där du vill.

Såhär skapar du en simpel CSS meny. -_-
http://www.w3schools.com/css/tryit.asp?filename=trycss_navbar...

mvh

Visa signatur

i5 3570k 4,5Ghz, ASUS GeForce GTX 670 1200Mhz
Projekt M4INSTR3AM

Söker du en bra TS3 server? Besök då tråden: Chippi.se TS3 [Online 24/7]
Privata kanaler kan fixas i PM eller på TS.

Redigera
Citera flera Citera
Permalänk
Medlem ★
●

Förlåt ifall jag skadade era känsliga ögon, men hur gör man för att lära sig utan att någon säger att det är fel sätt att göra på?

Så du tycker att man ska byta ut menyn till en lista?

och det där med absolute vet jag inte varför jag använder

Så jag ska lägga in ett div id i varje menydiv och flytta över all css mm till stylesheet?

Skrivet av Chipp!:

Fulkod överallt. All CSS bör ligga i ditt stylesheet doc.
Din meny består av 7 DIVar med samma namn.

Snälla, lär dig CSS så kommer du kunna positionera allting där du vill.

Såhär skapar du en simpel CSS meny. -_-
http://www.w3schools.com/css/tryit.asp?filename=trycss_navbar...

mvh

Gå till inlägget

Tsck för att ni påpekade det iallafall, då kan jag ändra det till skillnad (hjärnslapp, vad ska in här?) om ni inte skulle sagt något.

Senast redigerat
Visa signatur

Hette något annat förut, men kom fram till att det är dumt att ha samma namn på 78 miljoner sidor...
citera, svara osv. osv...
hot tip - ctrl + shift T öppnar senast stängda flik i vissa webbläsare

Redigera
Citera flera Citera
Permalänk
Medlem ★
●

Börja med att ladda ner chrome eller firebug (till firefox) så att du kan få lite ordentliga utvecklingsverktyg. Länkarna skall du inte absolutpositionera, låt de vara blockelement istället. Det finns snyggare sätt att lösa centrering av din sida med margin istället för absolutpositionering. Vad är grejen med klasserna på bilderna? Du borde ju ha samma klass på samma typ av bilder så att du kan positionera dem korrekt. ex.

<img class="image">

i css-filen:

.image{
margin-left: 10px;
margin-bottom: 10px;
}

eller hur du nu vill positionera dem.

Tillbaka till menyn. Du borde ha en struktur som ser ut som ex.

<div class="rightmenu">
  <div class="menuitem"> 
    <a href="#">menyalternativ1</a>
  </div>
</div>

alternativt ul li med överskriven style istället för div.

Redigera
Citera flera Citera
Permalänk
Medlem ★
●

Ni kan ju hjälpa han med problemet istället?

Bilderna ligger inte tätt ihop för att efter varje bild har du en paragraf-tag:

<p></p>

Ta bort dem så läser det sig.

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

Ni kan ju hjälpa han med problemet istället?

Bilderna ligger inte tätt ihop för att efter varje bild har du en paragraf-tag:

<p></p>

Ta bort dem så läser det sig.

Gå till inlägget

Att bilderna hade lite mellanrum mellan sig var det minsta problemet på sidan, det är bättre att lösa de grundläggande problemen först. Annars kommer han få mer problem i framtiden.

mvh

Visa signatur

i5 3570k 4,5Ghz, ASUS GeForce GTX 670 1200Mhz
Projekt M4INSTR3AM

Söker du en bra TS3 server? Besök då tråden: Chippi.se TS3 [Online 24/7]
Privata kanaler kan fixas i PM eller på TS.

Redigera
Citera flera Citera
Permalänk
Medlem ★
●

Det grundläggande problemet var ju att bilderna inte satt nära varandra. Man kan inte lära sig allting på en gång, funkar det så funkar det ju, även om man slår i spikarna snett blir det ju en fin liten pall som man kan vara stolt över, du kan ju inte skälla på han för att han har spikat snett, det är ju hans första pall. Han ville ju bara veta hur man fäste tyget på sitsen.

Det är ju givetvis massor med fel, sitter knappt en spik rätt, men det är hans pall och det är han som har gjort den. Det är faan inte alla som har gjort en egen pall.

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

Det grundläggande problemet var ju att bilderna inte satt nära varandra. Man kan inte lära sig allting på en gång, funkar det så funkar det ju, även om man slår i spikarna snett blir det ju en fin liten pall som man kan vara stolt över, du kan ju inte skälla på han för att han har spikat snett, det är ju hans första pall. Han ville ju bara veta hur man fäste tyget på sitsen.

Det är ju givetvis massor med fel, sitter knappt en spik rätt, men det är hans pall och det är han som har gjort den. Det är faan inte alla som har gjort en egen pall.

Gå till inlägget

tack för hjälpen, får se hur det blir nu.

SEN blir det att ta bort alla "absolute"
Efter det flytta över all css till stylesheet.

under vägen kommer det säkert komma fram massor av problem.

_____________________________
Vad menade chipp med fulkod? var det att jag lagt meny stylen i html taggen?

Ja html/css är jävligt lätt, likaså att bygga ett hus, en bil, en båt, en tv, en dator NÄR MAN KAN DET... och hur ska man göra för att lära sig praktiskt och inte bara i teorin?

Visa signatur

Hette något annat förut, men kom fram till att det är dumt att ha samma namn på 78 miljoner sidor...
citera, svara osv. osv...
hot tip - ctrl + shift T öppnar senast stängda flik i vissa webbläsare

Redigera
Citera flera Citera
Permalänk
Medlem ★
●

snabb fråga, vad är det som inte stämmer och kan man sätta in "class" i id? Säg gärna till om jag gjort något som är åthelvete fel

<div id="menyid1"; class="text-glow-hover">
( ; ) satte jag in i ren desperation för att få det att fungera.

.menyid1 {

position:fixed;
left:22.5%;
top:39%;
z-index:2;
width:30%;
height:70%;
}

Vet inte om det behövs mer info

Senast redigerat
Visa signatur

Hette något annat förut, men kom fram till att det är dumt att ha samma namn på 78 miljoner sidor...
citera, svara osv. osv...
hot tip - ctrl + shift T öppnar senast stängda flik i vissa webbläsare

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

Låt bli att sätta position: absolute; på allt.

Gå till inlägget

Vad ska man använda istället? eller kan man skita i det?

Visa signatur

Hette något annat förut, men kom fram till att det är dumt att ha samma namn på 78 miljoner sidor...
citera, svara osv. osv...
hot tip - ctrl + shift T öppnar senast stängda flik i vissa webbläsare

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

snabb fråga, vad är det som inte stämmer och kan man sätta in "class" i id? Säg gärna till om jag gjort något som är åthelvete fel

<div id="menyid1"; class="text-glow-hover">
( ; ) satte jag in i ren desperation för att få det att fungera.

Bra att fråga ibland, då kommer svaren direkt...

.menyid1 {

position:fixed;
left:22.5%;
top:39%;
z-index:2;
width:30%;
height:70%;
}

Vet inte om det behövs mer info

Gå till inlägget

Du kan inte använda en regel definierad för klasser i ett id-fält. En id-regel ser snarlik ut:

#mittId { ... }
.minKlass { ... }

Att ha ; mitt i en tag är rakt av felaktigt så ta bort det tecknet.

Ett enskilt element måste vara ensamt om att ha ett specifikt id på en enskild sida, medan flera element kan dela en eller flera klasser.

Visa signatur

Kom-pa-TI-bilitet

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

Du kan inte använda en regel definierad för klasser i ett id-fält. En id-regel ser snarlik ut:

#mittId { ... }
.minKlass { ... }

Att ha ; mitt i en tag är rakt av felaktigt så ta bort det tecknet.

Ett enskilt element måste vara ensamt om att ha ett specifikt id på en enskild sida, medan flera element kan dela en eller flera klasser.

Gå till inlägget

Vet det egentligen, som sagt, skrev det i desperation och var tvungen att testa något...

Hur ska man göra för att få in

känns som en fullösning att lägga in ett id för varje länk, och det blir jobbigt om man har fler att göra det på. (detta fungerade inte heller, så det är något annat fel.

dessa två

.text-glow-hover{

color: #fff;
}

.text-glow-hover:hover{
text-shadow: 0 0 10px #fff;

}

#meny1 {

position:inherit;
left:22.5%;
top:39%;
z-index:2;
width:30%;
height:2%;
}

Dold text

i en div tag?

Senast redigerat
Visa signatur

Hette något annat förut, men kom fram till att det är dumt att ha samma namn på 78 miljoner sidor...
citera, svara osv. osv...
hot tip - ctrl + shift T öppnar senast stängda flik i vissa webbläsare

Redigera
Citera flera Citera
Permalänk
Medlem ★
●

Bytte rurbiknamn då jag inte ville starta 1mijlon trådar...

Hur ska man göra för att alla objekt ska vara relativa vid inzoomning, alltså att de håller kvar sin position till andra objekt?

Visa signatur

Hette något annat förut, men kom fram till att det är dumt att ha samma namn på 78 miljoner sidor...
citera, svara osv. osv...
hot tip - ctrl + shift T öppnar senast stängda flik i vissa webbläsare

Redigera
Citera flera Citera
Permalänk
Medlem ★
●

Här har ni fulkoden och fulfixarna

</head>

<!-- _____________________________här ovan är huvudet RÖR EJ_____________________________ -->

<!-- _____________________________här nedan ska texten/infon stå_____________________________ -->

<img class="damtextbild" src="http://oi46.tinypic.com/mkzpdz.jpg" alt="textbild"/>

<!-- _____________________________här ovan ska texten/infon stå_____________________________ -->

<div class="text-glow-hover" style="position:absolute; left:22.5%; top:39%; z-index: 2; width:10%; height:70%;">
<p><a href="http://usfk.netai.net/hem/hem.html" style="text-decoration:none;"> <span class="menytext">¤&nbsp&nbsp&nbsp&nbsp Hem </span></a></p>
</div>

<div class="text-glow-hover" style="position:absolute; left:22.5%; top:42.5%; z-index: 2; width:10%; height:70%;">
<p><a href="http://usfk.netai.net/hem/USFK.html" style="text-decoration:none;"> <span class="menytext">¤&nbsp&nbsp&nbsp&nbsp USFK </span></a></p>
</div>

<div class="text-glow-hover" style="position:absolute; left:22.5%; top:46%; z-index: 2; width:10%; height:70%;">
<p><a href="http://usfk.netai.net/hem/Klubbtraffar.html" style="text-decoration:none;"> <span class="menytext">¤&nbsp&nbsp&nbsp&nbsp Klubbträffar </span></a></p>
</div>

<div class="text-glow-hover" style="position:absolute; left:22.5%; top:49.5%; z-index: 2; width:10%; height:70%;">
<p><a href="http://usfk.netai.net/hem/Inskickat.html" style="text-decoration:none;"> <span class="menytext">¤&nbsp&nbsp&nbsp&nbsp Inskickat </span></a></p>
</div>

<div class="text-glow-hover" style="position:absolute; left:22.5%; top:53%; z-index: 2; width:10%; height:70%;">
<p><a href="http://usfk.netai.net/hem/varavatten.html" style="text-decoration:none;"> <span class="menytext">¤&nbsp&nbsp&nbsp&nbsp Våra vatten </span></a></p>
</div>

<div class="text-glow-hover" style="position:absolute; left:22.5%; top:56.5%; z-index: 2; width:10%; height:70%;">
<p><a href="http://usfk.netai.net/hem/lankar.html" style="text-decoration:none;"> <span class="menytext">¤&nbsp&nbsp&nbsp&nbsp Länkar </span></a></p>
</div>

<div class="text-glow-hover" style="position:absolute; left:22.5%; top:60%; z-index: 2; width:10%; height:70%;">
<p><a href="http://usfk.netai.net/hem/tillsalu.html" style="text-decoration:none;"> <span class="menytext">¤&nbsp&nbsp&nbsp&nbsp Till Salu </span></a></p>
</div>

<div class="text-glow-hover" style="position:absolute; left:22.5%; top:63.5%; z-index: 2; width:10%; height:70%;">
<p><a href="http://usfk.netai.net/hem/Gastbok.html" style="text-decoration:none;"> <span class="menytext">¤&nbsp&nbsp&nbsp&nbsp Gästbok </span></a></p>
</div>

<img class="menyer" src="http://usfk.netai.net/bilder/bakommeny.png" alt="menyer" width="13%" height="50%"/>

</body>

</html>

Dold text

Nej, det var inte seriöst... ska bara ha den långa bakgrundsbilden, sen får texten ligga på sidan

OM INTE jag gör hela sidan i photoshop och bara lägger in textlänkarna via html

Senast redigerat
Visa signatur

Hette något annat förut, men kom fram till att det är dumt att ha samma namn på 78 miljoner sidor...
citera, svara osv. osv...
hot tip - ctrl + shift T öppnar senast stängda flik i vissa webbläsare

Redigera
Citera flera Citera
1
Skriv svar