Lite hjälp? css i olika läsare, textruta etc

psychogrrl

Trådstartare
Sitter och pular med ett nytt upplägg på en av sidorna.

Jag är nybörjare på css, so be gentle ;)

http://w1.858.telia.com/~u85811929/ är sidan, bara förstasidan än så länge för att se upplägget.

I explorer är menyn problemet. Jag har den högerställd, men där verkar det som den ändras beroende på vad jag skriver i textrutan?!

I opera är bakgrunden på sidan vit istället för grå, men menyn är rätt (högerställd).

Det verkar också som om textrutan (i båda läsarna?) inte går enda ut i kanten på cellen (i tabellen) även om jag angett samma värden i tabellen och rutan (600 px bred).

Jag vill ha det så att menyn "sitter fast" och man i texten kan scrolla (på undersidorna kommer det ju stå mer i textrutan). Om dte går att lösa på något annat sätt får ni gärna komma med förslag!

textmallen för css ser ut som följer:

<style type="text/css">
<!--
body { background-color: #DFDBDB}
body { font-family: Verdana; font-size: 14px}
p { font-family: Verdana; font-size: 14px}
li { font-family: Verdana; font-size: 14px}
table { font-family: Verdana; font-size: 14px}
td { font-family: Verdana; font-size: 14px}
tr { font-family: Verdana; font-size: 14px}
p.smalltext { font-family: Verdana; font-size: 10px}
a { text-decoration: none}
-->
<!--
.box {
padding: 5px;
height: 400px;
width: 650px;
background-color: #FFFFFF;
border: 1px solid #808080;
overflow: auto}
-->
</style>

och ligger i ett textmall.css dokument.
 
Det saknas avslutande ";" i de första raderna. Det är nog därför Opera inte vill vara med.

Förmodligen behöver du inte skriva alla raderna heller. "font"-propertyn ska ärvas vidare så det räcker om du sätter font-family osv i bodyn.

Så här blir det då:
body
{
background-color: #DFDBDB;
font-family: Verdana; font-size: 14px;
}
p.smalltext { font-size: 10px;}
a { text-decoration: none;}

Jag är inte helt säker på att det funkar men du kan ju pröva.
 
Dagens debatt har gjort att jag har surfat lite och då hittade jag denna sidan. Jag tycker det låter som ett mycket intressant program.

/Soapbubble
 
Laddat hem det nu, men det går varken att skapa nytt dokument eller öppna ett tidigare?!

När jag fått det att funka ska jag återkomma med hur det funkar!
 
Det enda är att jag inte har opera på min dator utan det är en kompis som kollat på sin (och skickat bild till mig). Han är bara online på dagarna när jag ofta är upptagen med annat, vilket gör det lite mer komplicerat ;)

Men du har Mozilla, eller hur var det? Hur ser sidan ut där?
 
elbereth har redan gett dig rätt svar - saknaden av ;

Det blir även lättre för dig att koda om du ställer upp så som elbereth har gjort, då får du bättre översikt och kan upptäcka sådana här små fel. :)
 
Nu har jag ändrat lite på sidan!

Det jag funderar på (och inte hittar på webdesignskolan som jag just nu har som guide :D ) är hur man får texten fet? Jag har tänkt ha "rubrikerna" i menyn i fetstil, men vet inte hur jag får till det... De är ju en egen 'p class', men hur ser tillägget ut för fetstil?
 
Det undrar jag också..
i stilmallen har jag lite egenskaper för <p>, men inom det stycket vill jag ha vissa ord i fetstil, och har vanliga <b> men det fungerar inte.. hmm.. =/
 
okej, jag skojade bara..
funkade ändå..
syndes inte så bra med helvetica i liten stil bara..
:smirk:
 
Här är en annan guide med en massa exempel: http://www.w3schools.com/css/
Tänk också på att varje objekt bara kan tillhöra en klass, så vill du ha texten ex. både centrerad och fet så måste du göra en klass som säger att den ska vara så. Säg att du har följande klasser exempelvis:

p.center {
text-align: center;
}

p.fet {
font-weight: bold;
}

Du kan inte ge båda dessa klasser till ett stycke (p) utan isåfall får du göra en klass som följande:

p.fetcenter {
text-align: center;
font-weight: bold;
}

Om jag har fel får någon gärna korrigera mig. ;)

/Erica
 
Det undrar jag också förresten! Jag har också använt <b>-taggen till det för jag förstår inte hur man skulle kunna ge bara vissa ord inom ett stycke särskilda karaktäristika? :p

/Erica
 
Varför inte bara skriva en enkel style? och div:a in det ord/orden du vill ha effekt på?
 
Hur används div-taggarna då? Jag har aldrig använt dem (åtminstone aldrig utan att bli förvirrad). Vore superbra att kunna ge vissa egenskaper till bara några ord i ett stycke och liknande!

/Erica
 
Hmm, jag har ju lagt centrering och sånt i html-kodningen, men det kanske jag ska ändra då?

Hur gör man isåfall texten högerställd? Provat med 'text-align: right', men det funkar inte :confused:

Förut hade jag det som sagt i html: <td width="100%" align="right">Historia</td>
 
Du sätter en p-tagg runt texten och sedan klassen i den taggen. Dvs:

p.hogerjust {
text-align: right;
}

<td width="100%"><p class="hogerjust">Historia</p></td>

Det lättaste för dig är ju att exempelvis göra en klass som heter "meny" eller något (dvs p.meny) och i den beskriva hur all text i menyn ska se ut. :)

/Erica
 
Det funkade ändå, tror det var att jag glömde </p> :o

Jag ska ju ha både höger- och vänster i menyn så det blir svårt.

Men "MÅSTE" man göra allt i css? tex det med centrering etc. det är ju betydligt lättare att skriva <center>...</center> om man bara ska ha dte på ett ställe istället för att skriva in kod i mallen och sen skriva in classen på sidan...

Jaja :p

Nu ska jag bara få till länkarna rätt, de är än så länge blåa, men från spiders små frågor här inne så vet jag ju hur man fixar det :)
 
DIV taggarna är nästan som <P> men P står ju för paragraph och det är ju inte alltid det som det handlar om. DIV = division/area.

DIVar skriver du in där du vill ha dom. Dom blir som en enkel TD.

Ex.
<div class="egenskaper">
<img src="image.gif" width="100" height="100"
alt="image 3" />
</div>

Sen i CSS definerar du bildens egenskaper, t ex att den ska vara vänsterställd, 100px åt höger etc.

Sen kan jag väl även nämna <span> taggen. <font> taggarna håller på att utgå från standarden och det är nu <span> som gäller. SPAN används aldrig på stora områden utan endast på några ord här och där. Fungerar för övrigt precis som font, B, I taggarna.

Vill ni veta mera kan ni alltid googla på "DIV & SPAN" så får ni upp massor med bra svar :)
 
Du kan ju alltid göra två klasser som heter meny1 och meny2. :)

Du "MÅSTE" ingenting! ;) Jag har fuskat en del med exempelvis fet stil osv som jag skrev här i tråden innan. Men det är ju lika enkelt att använda <p class="center"> t.ex. som att skriva <p align="center"> (förutsatt att man gjort en klass som heter center såklart). Poänglöst? Tja... Det är väl upp till en själv, men jag tycker det är en bra vana. :) Det är ju väldigt lätt att göra andra typer av indrag senare genom att definiera marginalerna olika osv.

/Erica
 
Tack! :) Jag har för mig att jag provade span-taggen för att göra texten fet innan jag gav upp och använde <b>, men det är ju möjligt att jag gjorde något annat fel istället som gjorde att det inte funkade. :p

/Erica
 

Liknande trådar

IT & mobiler Jag är för trött för att ens tänka, så är det någon här som kan se varför "kolumn2" hamnar under "kolumn1" trots att de ska ligga...
Svar
4
· Visningar
1 022
Senast: aiquen
·
IT & mobiler Hittar inte koden för att ta bort ramarna (de vita) på den här sidan samt hur man får bort att bakgrunden blir rosa när man för...
Svar
6
· Visningar
1 094
Senast: Kuckeliku
·
IT & mobiler Håller på att ändra om ett gratisforum till min WoW guild, försöker fixa sådana rader som finns på bilden (rött) men hittar inte dem i...
Svar
1
· Visningar
1 008
Senast: nidron
·
IT & mobiler Jag håller på att göra en drop down meny med hjälp av css och det mesta får jag att fungera förutom 2 saker som jag hoppas kunna få...
Svar
9
· Visningar
1 337
Senast: moiran
·

Bukefalos, Hästnyheter, Radannonser

Allmänt, Barn, Dagbok

Hund, Katt, Andra Djur

Hästrelaterat

  • Dressyrsnack 16
  • Artroskopi äldre häst
  • Födda 2022

Omröstningar

Tillbaka
Upp