försa försökter med CSS layout

jo men id="menu" är ju två gånger...

Ja det glömde jag.
Du har lagt på 5px padding på content och det är den som syns...efter menyraden.

tanten skrev:

Ja det glömde jag.
Du har lagt på 5px padding på content och det är den som syns...

har jag?

Ja åtminstone i den stylesheeten som jag ser. Är det samma länk som gäller fortfarande?
Tycker du det är skoj?

tanten skrev:

Ja åtminstone i den stylesheeten som jag ser. Är det samma länk som gäller fortfarande?
Tycker du det är skoj?

Ursäkta hoppas du inte tog illa upp... Jag är mycket tacksam, men smått desperat...
Känner att jag håller på tappa greppet
Menar du att jag skall ha

#content {
height:auto;
text-align:left;
padding: 20px 0 0 75px;}

För i såfall ber jag om ursäkt att kag ifrågesätter dig, men jag har minskat ner till

]#content {
height:auto;
text-align:left;
padding: 0 0 0 0;}

Utan resultat i FF/Netscape.. I IE sitter däremot perfekt

Gör inte det! Be om ursäkt och tappa grepp menar jag.
Vi tar en sak i taget...
Är det länken du har uppe nu som gäller?
För det som jag sparat ner från förut blir OK i FF, och jag hittar inte felet på den sidan som du har uppe nu.
Fattar inte, men jag letar...:-)

Tiden rinner i väg för mig. Testa min fil som jag har, och se om du kan se vad skillnaden finns någonstans. La till lite saker vi pratat om tidigare... hoppas det fungerar och att du har användning för det.

tanten skrev:

Tiden rinner i väg för mig. Testa min fil som jag har, och se om du kan se vad skillnaden finns någonstans. La till lite saker vi pratat om tidigare... hoppas det fungerar och att du har användning för det.

Nu har jag kollat igenom koden jag fick från dig, och lagt upp den sidansom test3

1. du har bytt till

   .menu li {
   float: left;
   width: auto;
   height: 20px;
   

2. och satt in en height i ul

   ul {
   margin: 0;
   height: 20px;
   padding: 0;
   list-style-type: none;
   width: 100%; /* precision for Opera */
   }
   

3. Jag har satt tillbaka in

   #header h1 {
   text-align:center;
   color: #000066;
   padding: 0 0 3px 0;
   }
   

Ser att jag glömt ett </div> längst ner på den sidan jag gjorde, efter p:na.

Min fråga till dig om du tyckte det var roligt, var inte riktad som någon kritik eller så. Jag tycker bara det är skoj att hjälpa till även om det nu blev fel. Jag kan inte förstå varför de ändringar som du hittade ska kunna påverka bredden på menyn... :-)

Du får testa med padding på menyn nu för att se om den kan komma ner till mitten.

Vet fortfarande inte vad det är för gul border du ville ha.

tanten skrev:

Min fråga till dig om du tyckte det var roligt, var inte riktad som någon kritik eller så. Jag tycker bara det är skoj att hjälpa till även om det nu blev fel. Jag kan inte förstå varför de ändringar som du hittade ska kunna påverka bredden på menyn... :-)

Jo, jag tycker att det är roligt och utveklande att lära mig ngt nytt...
Och nej, jag förstår inte heller...

tanten skrev:

Du får testa med padding på menyn nu för att se om den kan komma ner till mitten

jag vill inte ha menyn på mitten, utan exakt där den är för tillfället...

tanten skrev:

Vet fortfarande inte vad det är för gul border du ville ha.

Tänkte mig som en inramning av det vita fältet- för att få fram polisens färger blå/gul/vit

Menar du hela containern mot det mörkblåa?
Den som du har satt till mörkblå nu? I så fall ändrar du det blåa till gult.
Testa och se vad som händer om det är den du menar
border: 1px solid #FFCE73;
Vill du bara att det ska vara på sidorna så ändrar du till border-left och border-right.

tanten skrev:

Menar du hela containern mot det mörkblåa?
Den som du har satt till mörkblå nu?

Tänk att jag var så nära, men ändå...
Har inte fått rätt färg än, men vad tycker du/ni? skall jag ha gult "ram" eller?

Det är väl OK om du vill ha det så, använd samma färg som du har på a:hoover...

Vad anser ni? Viket ser "bäst" ut:

1. utan ram
2. med ram alternativ 1
3. med ram alternativ 2

Under tiden skall jag försöka leka med "brödtextens placering"

Måste säga att ajg inte riktigt förstår varför jag skall placera min text i boxar/div. :q
Har ju en

#content

som jag trodde skulle innehålla texten...
Hur som helst, hur skulle denna sida kunna konverteras till CSS?

Av vad jag förstår så är detta resultatet av en asp-kod och att du då måste ändra i den koden och inte på html-sidan, så att den skriver ut sidan som du vill.
css kan du kopiera och lägga till i din andra stylesheet men att du måste skriva i vilken div den ska gälla.

tanten skrev:

Av vad jag förstår så är detta resultatet av en asp-kod och att du då måste ändra i den koden och inte på html-sidan, så att den skriver ut sidan som du vill.
css kan du kopiera och lägga till i din andra stylesheet men att du måste skriva i vilken div den ska gälla.

Inte allting är resultatet av asp-kod...

Det fanns så mycket både stora och små fel både i koden och stylen så jag orkade inte berätta om alltihop. Fattas kolon med mera.
Så jag gjorde en div och la in aspsidans html-koder och lät layouten vara som den var.
Placerade den på mitten...:-)

Kanske kan det vara någon hjälp när du ska ändra asp-koden.
Jag har aldrig hållit på med asp...

OBS. jag har ändrat ganska mycket i den ursprungliga stylen också...

Nu när du börjar jobba med fler sidor, så skulle du nog plocka bort stylen och lägga den i en egen css-fil, annars kommer du snart bli "olycklig" :-)

tanten skrev:

.
Så jag gjorde en div och la in aspsidans html-koder och lät layouten vara som den var.
Placerade den på mitten...:-)

är det koden

#text{ 
margin-right: auto;
margin-left: auto; 
text-align:left;
 }

1. är det så?
2. om ja, hur viktigt är ordningen? var kommer "stylen" in?
3. hur går arvet i CSS: jag definierar p i body, ärver samtliga divar?
4. enligt min gamla sida och din lösning så kör jag med <p class="style3">, <li class="style4"> och <span class="style1">. Är denna lösning det bästa?

tanten skrev:

.
Nu när du börjar jobba med fler sidor, så skulle du nog plocka bort stylen och lägga den i en egen css-fil, annars kommer du snart bli "olycklig" :-)

hur fungerar med validering om jag har en separat css-fil?

ptr_lks skrev:

är det koden

#text{ 
margin-right: auto;
margin-left: auto; 
text-align:left;
 }

1. är det så?

2. om ja, hur viktigt är ordningen? var kommer "stylen" in?
   I det som Står med #text framför

3. hur går arvet i CSS: jag definierar p i body, ärver samtliga divar?

   p kan du inte definiera i body...
   Man brukar rekommenderas att ha font egenskaperna i body, sedan behöver man bara ange % av den storleken i andra classer och divar i fall man vill ha mindre eller större fonter eller sådant som annan färg.
   Ska man vara riktigt användarvänlig så ska man ange 100% på fonten i bodyn, och då visas användarens egen inställning direkt. Men då vet du inte hur sidan ser ut hos användaren.
   Du kan också ge p egenskaper som ärvs, men man brukar vilja använda p på så många olika sätt att man kan låta bli det och skapa egenskaper för p genom att först ange vart p ska vara när den ska se ut på ett visst sätt.
   För enkelhetens skull kan man väl säga att allt som man kan skriva i stylsheeten utan # eller . framför ärvs genom alla dokument.

4. enligt min gamla sida och din lösning så kör jag med <p class="style3">, <li class="style4"> och <span class="style1">. Är denna lösning det bästa?

Jag skulle inte använda den själv, dessutom fanns två classer som pekade på samma text och då gäller den sista. Jag behöll alltihop som det såg ut bara av den anledningen att jag inte vet hur asp-koden ser ut.
Jag delade upp det så egenskaperna bara skulle gälla just denna lista inget annat.

hur fungerar med validering om jag har en separat css-fil?

Du validerar den för sig eller tillsamman med sidan
Länken dit är http://jigsaw.w3.org/css-validator/

Får se om detta blev rätt. Första gången jag svara med citat :-)