Dölja bläddringslisten

aiquen · 29 Nov 2005

Hur gör jag för att dölja bläddringslistern/scrollern/you name it när jag använder mig av CSS?

body { overflow: hidden;}

Ska fungera enligt webdesignskolan.com men det gör det inte för mig (såklart :smirk: ). Vad har jag gjort för fel?

Likaså fick jag inte in en bakgrundsbild m.h.a. CSS så jag fick använda mig av html-kod för att få dit den, är det bra (eller ens möjligt) att blanda html- och CSS-kod så eller kan det rentav vara därför det inte fungerar?

Hjälp!

Rockriddaren · 29 Nov 2005

Sv: Dölja bläddringslisten

man måste blanda html och css kod, annars sker inte mycket.
vad kör du med för browser? ie eller firefox, opera?
lika bra att du lär dig css skillnaderna och tar hänsyn till dem...(va jobbig jag blev nu...)

hur ser koden ut du har använt dig av, kanske är något litet fel har smygit sig in?

aiquen · 29 Nov 2005

Sv: Dölja bläddringslisten

Nej, jag håller med om att det är lika bra att jag lär mig rätt från början! Känns inte som om jag har någon ordning på någonting just nu.

Jag kör Firefox men har även tillgång till IE.

------
Jag använder mig av dels en css-mall som ser ut såhär:

body {font-family: Verdana; font-size: 11px;}
p {font-family: Verdana; font-size: 11px;}
td {font-family: Verdana; font-size: 11px;}
li {font-family: Verdana; font-size: 11px;}

body {background-color: #FFFFFF;}
body {font-family: Verdana; font-size: 11px; color: #000000}

h1 { font-family: Verdana; font-size: 35px}
h2 { font-family: Verdana; font-size: 14px}
h3 { font-family: Verdana; font-size: 12px}

a:link { text-decoration: none; color: #D2D2D2}
a:visited { text-decoration: none; color: #D2D2D2}
a:active { text-decoration: none; color: #D2D2D2}
a:hover { text-decoration: none}

------

Sen har jag även css-kod i den enskilda sidan (som är en iframe) vilken bara är en än så länge. Såhär ser den ut:

<head>
<link href="mall.css" rel="stylesheet" type="text/css">
</head>

<head>
<style type="text/css">

a:link { text-decoration: underline; color: #2D2D2D}
a:visited { text-decoration: none; color: #2D2D2D}
a:active { text-decoration: none; color: #2D2D2D}
a:hover { text-decoration: none}

</style>
</head>

<body background="bakgrundsbild.jpg">

<body>
<p class="teckenformat">
text <b>|</b> text <b>|</b> text <b>|</b> text <b>|</b> text <b>|</b> text
</p>
</body>

<br>
<br>
<br>
<br>

<table width=360>
<tr>
<td>

en massa text text text text text

<br><br>

<center>

text

<br><br>

<h2>text</h2>

</center>

<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>

text text

</td>
</tr>
</table>

----------

Ja, du ser vilken röra.

aiquen · 30 Nov 2005

Sv: Dölja bläddringslisten

Nu har jag tittat lite noggrannare och jag tror att en del av problemet var koden till min iframe.

Det stod "scrolling=auto" i den, men när jag ändrade till "scrolling=no" försvann scrollern. Så jag antar att jag gjorde rätt?

Dock finns scrollern kvar på sidan där iframe:n ligger.

Koden till den sidan ser ut så här:

-----

<html>

<body background="vinter3.jpg">

<table cellspacing=100>
<tr>
<td>

<BODY>

<iframe src="hej.htm" name="iframe" width="640" marginwidth="10" height="470" marginheight="10" scrolling="no">
</iframe>

</BODY>

</td>
</tr>
</table>

</html>

-----

Hur kan jag göra för att få bort scrollern därifrån?

Edit:
Hoppsan, nu får jag ingen scroller på NÅGON av mina sidor, men det vill jag ha. Det är ju bara sidan där iframe:n ligger och framsidan (iframe) som jag inte vill ha någon scroller. Knepigt det här...

aiquen · 30 Nov 2005

Sv: Dölja bläddringslisten

Likaså fungerar inte bakgrundsbild-koden:

body { background-image: url(bakgrundsbild.gif); background-repeat: no-repeat}

(vilket jag delvis skrivit i ursprungsinlägget, men det löste jag ju m.h.a. html, dock upprepas ju bakgrunden när den tar slut då, och det är också något jag INTE vill.)

Hjälp mig gärna ni som kan!

Rockriddaren · 30 Nov 2005

Sv: Dölja bläddringslisten

Nedrans vad trött jag är, konstaterar jag...
tankarna spann iväg...
kollar i egen kod
body {
font: 9pt/17pt verdana;
color: #000036;
background: #000036 url('images/ps2.gif') repeat;
margin: 0px;
padding: 0px;
}
enda skilladen jag ser i min kod är att jag satt fnuttar runt bilden, TESTA, det kan vara så enkelt.

en metod är att placera bilden där du vill ha den med css.
logo {
padding-left:0px;
padding-top:0px;
}

en anna metod är att vara lite otrogen och vandra in på http://www.daft.t.se/konferans/tree.asp och ställa frågan där också, där har du folk som gör sådant här hela dagarna :-)

lycka till

Rockriddaren · 30 Nov 2005

Sv: Dölja bläddringslisten

du har glömt ; bakom no-repeat, kan det vara det?
skall hacka in dina koder och se vad det leder till....

Rockriddaren · 30 Nov 2005

Sv: Dölja bläddringslisten

harkel, du kan inte ha en table före body i koden....

Rockriddaren · 30 Nov 2005

Sv: Dölja bläddringslisten

nu har jag fått din sida att fungera som du vill, tror jag.
bara några smärra justeringar:
hej.htm
<head>
<link href="mall.css" rel="stylesheet" type="text/css">
</head>

<head>
<style type="text/css">

a:link { text-decoration: underline; color: #2D2D2D}
a:visited { text-decoration: none; color: #2D2D2D}
a:active { text-decoration: none; color: #2D2D2D}
a:hover { text-decoration: none}
body { background-image: url('bakgrundsbild.jpg'); background-repeat: no-repeat;}

</style>
</head>

<body>
<p class="teckenformat">
text <b>|</b> text <b>|</b> text <b>|</b> text <b>|</b> text <b>|</b> text
</p>
</body>

<br>
<br>
<br>
<br>

<table width=360>
<tr>
<td>

en massa text text text text text

<br><br>

<center>

text

<br><br>

<h2>text</h2>

</center>

<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>

text text

</td>
</tr>
</table>
main.htm
<html>

<body background="vinter3.jpg">

<table cellspacing=100>
<tr>
<td>

<iframe src="hej.htm" name="iframe" width="640" marginwidth="10" height="470" marginheight="10" scrolling="no">
</iframe>

</td>
</tr>
</table>
</body>
</html>
mallen rörde jag inte alls.

aiquen · 30 Nov 2005

Sv: Dölja bläddringslisten

Tusen tack! :bow:

MEN jag får fortfarande inte bort scrollern i main.htm (där ifame:n ligger) samt DIT scrollern i fortsatta iframe-sidor utom framsidan.

Rockriddaren · 30 Nov 2005

Sv: Dölja bläddringslisten

Ah, då har jag missuppfattat dig... du vill kunna skrolla iframen upp och ner, men INTE skrolla huvudsidan upp och ner?
då får vi tänka igen, skall bara äta lite mat.

aiquen · 30 Nov 2005

Sv: Dölja bläddringslisten

Ja, precis så.

Fast om det är möjligt vill jag även låsa (dvs ta bort scrollern) framsidan i iframen:n så att säga. Fast det kanske är scrollning PÅ eller AV som gäller när det gäller iframe:n? Dvs det går inte att variera mellan scrollning av/på mellan de olika sidorna i iframen:n?

Rockriddaren · 30 Nov 2005

Sv: Dölja bläddringslisten

Hjälp, du förvirrar en gammal man...

nä, du bestämmer hurvida iframen skall skrollas eller inte, oavsett vad du har för material i.
vill du nu att första sidan ska skrollas (main.htm)?

vad är det för sida du gör?

du kan inte, med hjälp av css och div:ar och få till sidan utan iframe?
personlogen fördrar jag att göra sidorna rätt upp och ner utan frames.
kan man sedan nyttja php eller asp kod så att man kan ha sidor som ändras allteftersom så finns inte riktigt behovet av iframes.
fördelen då är att du inte behöver göra om allting om du ändrar upplägget, du jobbar bara med samma sida hela tiden.
kan du dessutom styra upp hela utseendet med en css, så kan du byta css när du vill ändra sidan, utan att skriva om all kod.
bara man gör rätt från början...

var har du sidan du jobbar med?
spray, egen server, eller?

måste hjälpa barnen med läxor och natta de små osv... men kolla in på sidan jag rekommenderade tidigare och lägg till formuleringen där, så kan du få mer svar senare.

aiquen · 30 Nov 2005

Sv: Dölja bläddringslisten

Alltså, sidan ser nu ut så här:

Iframe:n vill jag alltså låsa från scrollning. Dock vill jag att om jag t.ex. klickar på någon av menyerna och skickas vidare till en annan sida som också öppnas i iframe:n, kunna scrolla eftersom jag kommer ha betydligt mer text där. Men det går alltså inte, så glöm det.

Kvarstår gör då att jag vill låsa sidan med skogs/vinterbilden från allt vad scrollning heter, men inte kan eftersom jag av någon anledning inte kan lägga dit bakgrundsbilden m.h.a css utan måste använda mig av html...

Sidan ligger inte upplagd någonstans än så länge. Jag kodar för hand (vilket jag antar märks

).

Scrollern syns för övrigt inte på bilden eftersom det bara är i IE de syns och sidan här är öppnad i Firefox.

Dölja bläddringslisten

aiquen

Rockriddaren

aiquen

aiquen

aiquen

Rockriddaren

Rockriddaren

Rockriddaren

Rockriddaren

aiquen

Rockriddaren

aiquen

Rockriddaren

aiquen

Liknande trådar

Välj ämne nedan

Bukefalos, Hästnyheter, Radannonser

Allmänt, Barn, Dagbok

Hund, Katt, Andra Djur

Hästrelaterat

Omröstningar