tanten skrev:
Är det en ny sida du tänker på nu?
Jag tänker på resten av "siten".
Trodde att en av fördelarna med CSS var att det är lättare att ändra
En sak till:
jag verkar ha fått hjärnstillestånd, men hur flyttar jag upp "Välkommen"?
försa försökter med CSS layout
116 svar · 2 412 visningar · startad av ptr_lks · sida 6 av 6
Frågan, av ptr_lks
Hej, har gjort mitt första försök med 3 raders layout i CSS. Får inte till det, så hoppas på er hjälp :) 1. ett hack för att det skall se lika bra ut i ie/ff/netscape 2. minska a på ie.gif 3. minska b på ie.gif 4. få .menu innanför ramen (centrera) 5. positionering av h3 6. positionering av brödtext 7. minska e på ffochNetscape.gif 8. öka lite f på ffochNetscape.gif gärna med en liten förklari
Läs frågan i sin helhet →Ja visst är det så.
Kopiera den sidan du gjort radera allt som finns inne i content.
När du raderat så kan du göra så många kopior du tror att du behöver och döpa dem till de sidor som finns på siten och lämna dem tomma tills vidare.
Använd #text på de sidor det går. Skapa nya #divar och ".classer" där du behöver andra egenskaper än de du redan har.
Gör så mycket du kan av det som ska finnas på alla sidor innan du kopierar, sånt som t.ex ska finnas med i <head> så du slipper det jobbet med varje sida sedan.
tanten skrev:
Ja visst är det så.
Kopiera den sidan du gjort radera allt som finns inne i content.
När du raderat så kan du göra så många kopior du tror att du behöver och döpa dem till de sidor som finns på siten och lämna dem tomma tills vidare.
Använd #text på de sidor det går. Skapa nya #divar och ".classer" där du behöver andra egenskaper än de du redan har.
Gör så mycket du kan av det som ska finnas på alla sidor innan du kopierar, sånt som t.ex ska finnas med i <head> så du slipper det jobbet med varje sida sedan.
det kanske räcker med att radera #text, eftersom det är där all mintext är tänkt att hamna
Alla rubriker <h1>-<h6> lever lite av sina egna liv. De har sina egna osynliga marginaler och vill inte alltid göra det man själv vill. Man kan antingen prova med (-)marginal eller att ta bort <h2> och sätta en class på ett p i stället. Ordet Välkommen räknas inte riktigt som en rubrik i alla fall.
tanten skrev:
Alla rubriker <h1>-<h6> lever lite av sina egna liv. De har sina egna osynliga marginaler och vill inte alltid göra det man själv vill. Man kan antingen prova med (-)marginal eller att ta bort <h2> och sätta en class på ett p i stället. Ordet Välkommen räknas inte riktigt som en rubrik i alla fall.
Varför räknas inte det som rubrik?
Hur skulle "klass på p" se ut. Har ju redan
#text p
Men vänta nu, du har ju 50px margin-top på #text
tanten skrev:
Men vänta nu, du har ju 50px margin-top på #text
så var det.. visste att jag fixade det igår...
Då kommer vi till tal igen. Om du inte kan se vad som finns på sidan, så ska rubriken ge en upplysning om det. Välkommen säger inte besökaren någonting egentligen. Vill man inte ha annat än Välkommen så kan man lägga in en dold text efter Välkommen med hjälp av classen hidden t.ex
<h2>Välkommen <span class="hidden">Här finns länkar till våra medlemmars inlägg</span></h2>
och i css
.hidden{display:none;}
tanten skrev:
Då kommer vi till tal igen. Om du inte kan se vad som finns på sidan, så ska rubriken ge en upplysning om det. Välkommen säger inte besökaren någonting egentligen. Vill man inte ha annat än Välkommen så kan man lägga in en dold text efter Välkommen med hjälp av classen hidden t.ex
<h2>Välkommen <span class="hidden">Här finns länkar till våra medlemmars inlägg</span></h2>och i css
.hidden{display:none;}
varför det?
Svar på din fråga däruppe om #text p
ett exempel på en class som jag tror att du kommer ha nytta av är .gul
Sedan kan du skriva <p class="gul">På ett stycke du vill ha gul text på </p>och
<p>På ett stycke du vill ha<span class="gul"> gul </span>text på </p>om du bara vill markera ett ord med gul.
i css då:
.gul
{color:din önskade färg;}
så kan du fortsätta med
.gulfet
{color:din önskade färg;
font-weight:bold;}
nä du vill att den ska ha fet text
osv
så fick vi med hur jag skulle skriva classer för att snabbt komma i håg dem
Nu har jag ändrat list -> länkar
Med koden
#content a:link {color:#000; text-align:center; text-decoration: underline; font-size:160%;}
#content a:visited {color:#000; text-align:center; text-decoration: underline; font-size:160%;}
#content a:active {color:#000; text-align:center; text-decoration: underline; font-size:160%;}
#content a:hover {color:#006; text-align:center; text-decoration: none; font-size:160%;}
Frågor:
- varför får jag inte länkarna att hamna på mitten?
länken "bilder" fick jag använda mig utav <p>
ptr_lks skrev:
varför det?
För dem som av olika anledningar inte kan läsa...och som har kan välja om de bara vill ha rubrikerna upplästa innan de väljer att även få det som finns under rubriken uppläst.
Men strunta i det. Det är kanske överkurs. Men det är i alla fall ett tips på hur du kan dölja text.
ptr_lks skrev:
Frågor:
- varför får jag inte länkarna att hamna på mitten?
länken "bilder" fick jag använda mig utav <p>
Det finns ingenting som säger att de ska ligga på mitten.
Det som du skrivit i a: classerna fungerar inte på det sättet med text-align.
Sätt allt i ett p som har en class om line-height i sig och använd <br /> emellan varje länk. Ett av flera tips, men kanske lättast här.
#text ändra padding-top till 20px
#content ändra alla länkars font-size till mindre storlek
-och fundera på om inte det ser lite bättre ut...
tanten skrev:
Vad vill Anne visa med sitt exempel?
Jag må vara korkad, men skulle den gröna engelska texten läsas upp röd i stället för på holländska?Det är inte ironi! Det är bara så att jag inte förstår.
Hur kommer det sig då att talsynteser ändrar på språk när man skriver t.ex. ett namn på franska och anger lang till "fr" när resten av sidan är på "sv" om lang inte betyder något?
Jag skulle vilja hitta artiklar som handlar om framåtkompabilitet med andra maskiner än PC och Mac för de som byggs i dag och i morgon.Känns som detta inlägg kanske bör få en ny tråd ...:-)
I HTML betyder xml:lang="nl" lika lite som foo:bar="nl". lang="nl" däremot är definierad i HTML4 och anger språket.
tanten skrev:
Sätt allt i ett p som har en class om line-height i sig och använd <br /> emellan varje länk. Ett av flera tips, men kanske lättast här.
varför line-height?
Måste ha missuppfattat
HEJ!
Du har line-height: 2px;, då är det inte så konstigt att texten ligger på varandra. Öka den med minst 10px, så ser det bättre ut.