Pereiti prie turinio

Problema su flash ir HTML+CSS

maroziukas

Sukūrė maroziukas
Programuotojų kampas

 Dalintis Sekėjai 0

Rekomenduojami pranešimai

  • Administratoriai
Arvydas

Arvydas 3.379

Atrašyta
  • Administratoriai
Atrašyta
Vienu zodziu va situacija:

untitled.JPG

 

Noriu padaryti jog flash filmukas pasislinktu i kaire ir desneje butu kazkoks image su width: fixed; kad butu tipo compatible su browseriais :) Jeigu galetumete padeti buciau labai dekingas :/

parašyk kodą, koki naudoji...

Nuoroda į pranešimą
Dalintis kituose puslapiuose
maroziukas

maroziukas 0

Atrašyta
  • Autorius
Atrašyta

HTML:

 

<html>

<head>

<title>Hairdresser Inga</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

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

</head>

 

<body>

<div id="flash">

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://active.macromedia.com/flash4/cabs/swflash.cab#version=4,0,0,0" id="name" width="1201.9" height="200">

<param name="movie" value="animation.swf" ALIGN=LEFT>

<param name="quality" value="high">

<param name="wmode" value="transparent">

<embed name="name" src="animation.swf"quality="high" wmode="transparent" width="1201.9" height="200"type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash">

</embed>

</object>

 

</embed>

</div>

<div id="cap">

</div>

 

<div id="menu">

<br>

<a href="index.html">Home</a><br><br>

<a href="about.html">About me</a><br><br>

<a href="gallery_1.html">Gallery</a><br><br>

<a href="price_list.html">Price list</a><br><br>

<a href="contact_details.html">Contacts</a>

</div>

 

<div id="content">

<h>Home</h>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi ultricies lorem in nunc posuere sed rutrum tellus semper. Nulla tincidunt rutrum iaculis. Integer tempus placerat aliquet. Nulla auctor, nunc sit amet vestibulum scelerisque, tortor nibh faucibus lectus, vitae rhoncus est ante id lacus. Mauris volutpat commodo tempus. In arcu nulla, tristique ac molestie non, mollis eget enim. Duis mattis, ante a aliquet tincidunt, neque tellus tempor lacus, vitae dapibus erat lacus ac tortor. Quisque luctus semper orci, ut volutpat urna sollicitudin non. Integer eu augue vel risus ullamcorper adipiscing eu in ligula. Vestibulum in convallis lorem. Nunc pharetra lacus vitae diam vulputate mattis. Ut sem neque, gravida eget mattis cursus, ultricies id massa. Quisque sollicitudin, nisi sit amet cursus vehicula, ligula odio scelerisque velit, id vulputate neque nibh ac justo. Sed placerat ligula nec quam euismod lobortis. Maecenas scelerisque sollicitudin nibh, ut sodales augue dignissim sit amet. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse enim enim, dignissim id hendrerit vel, sagittis eget mi. Aenean ut augue et orci euismod lobortis. Sed id massa augue. Nunc eget libero quam, nec tincidunt urna. </p>

 

<br><br>

</div>

 

</body>

</html>

 

CSS:

 

html {

padding:0px;

margin:0px;

}

 

body {

background-color: #5E5E5E;

font-size: 12px;

font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;

color:#fff;

padding:0px 20px;

margin:0px;

}

 

#content {

width: fixed;

margin-left: 200px;

background-color:#333333;

overflow: auto;

border: 1px solid black;

padding: 20px;

}

 

#cap {

width: fixed;

height: 200px;

background-image:url('banner.jpg');

}

#menu {

text-align: center;

position: absolute;

background-image:url('menu.jpg');

width: 200px;

height: 500px;

left: 20px;

padding:0px;

margin:0px;

}

 

a:hover {

COLOR: #FF0000;

}

a:link {

COLOR: WHITE;

}

a:active {

COLOR: YELLOW;

}

#container {

position:relative;

width:770px;

height:396px;

margin:20px auto 0 auto;

border:1px solid #aaa;

}

 

#container ul {

 

width:198px;

height:386px;

}

 

 

#container a.gallery span {

position:absolute;

width:1px;

height:1px;

top:5px;

left:5px;

overflow:hidden;

background:#666;

}

 

/* Adding the thumbnail images */

#container a.gallery, #container a.gallery:visited {

display:block;

color:#000;

text-decoration:none;

border:1px solid #000;

margin:1px 2px 1px 2px;

text-align:left;

cursor:default;

}

#container a.slidea {

background:url(exa1.jpg);

height:93px;

width:60px;

}

#container a.slideb {

background:url(exa2.jpg);

height:93px;

width:60px;

}

#container a.slidec {

background:url(exa1.jpg);

height:93px;

width:60px;

}

#container a.slided {

background:url(exa2.jpg);

height:60px;

width:93px;

}

* html #container a.slided {

width:91px;

w\idth:93px;

}

#container a.slidee {

background:url(exa1.jpg);

height:60px;

width:93px;

}

#container a.slidef {

background:url(exa2.jpg);

height:60px;

width:93px;

}

* html #container a.slidef {

width:91px;

w\idth:93px;

}

#container a.slideg {

background:url(exa1.jpg);

height:60px;

width:93px;

}

#container a.slideh {

background:url(exa2.jpg);

height:93px;

width:60px;

}

#container a.slidei {

background:url(exa1.jpg);

height:93px;

width:60px;

}

#container a.slidej {

background:url(exa2.jpg);

height:93px;

width:60px;

}

#container a.slidek {

background:url(exa1.jpg);

height:60px;

width:93px;

}

* html #container a.slidek {

width:91px;

width:93px;

}

#container a.slidel {

background:url(exa2.jpg);

height:60px;

width:93px;

}

 

#container li {

float:left;

}

 

/* Removing the list bullets and indentation */

#container ul {

padding:0;

margin:0;

list-style-type:none;

}

/* move the thumbnails into the correct position */

#container ul {

margin:5px;

float:right;

}

 

/* change the thumbnail border color */

#container a.gallery:hover {

border:1px solid #fff;

}

 

/* styling the :hover span */

#container a.gallery:hover span {

position:absolute;

width:372px;

height:372px;

top:10px;

left:75px;

color:#fff;

background:#333333;

}

 

#container a.gallery:hover img {

border:1px solid #fff;

float:left;

margin-right:5px;

}

 

#container a.slideb:hover img, #container a.slidei:hover img {

float:right;

}

Nuoroda į pranešimą
Dalintis kituose puslapiuose

Prisijunkite prie diskusijos

Jūs galite rašyti dabar, o registruotis vėliau. Jeigu turite paskyrą, prisijunkite dabar, kad rašytumėte iš savo paskyros.

Svečias
Parašykite atsakymą...

×   Įdėta kaip raiškusis tekstas.   Atkurti formatavimą

  Only 75 emoji are allowed.

×   Nuorodos turinys įdėtas automatiškai.   Rodyti kaip įprastą nuorodą

×   Jūsų anksčiau įrašytas turinys buvo atkurtas.   Išvalyti redaktorių

×   You cannot paste images directly. Upload or insert images from URL.

Įkraunama...
×
 Dalintis
Sekėjai 0
Eiti į temų sąrašą

  • Dabar naršo   0 narių

    Nei vienas registruotas narys šiuo metu nežiūri šio puslapio.

  • Prisijunk prie bendruomenės dabar!

    Uždarbis.lt nariai domisi verslo, IT ir asmeninio tobulėjimo temomis, kartu sprendžia problemas, dalinasi žiniomis ir idėjomis, sutinka būsimus verslo partnerius ir dalyvauja gyvuose susitikimuose.

    Užsiregistruok dabar ir galėsi:

    ✔️ Dalyvauti diskusijose;

    ✔️ Kurti naujas temas;

    ✔️ Rašyti atsakymus;

    ✔️ Vertinti kitų žmonių pranešimus;

    ✔️ Susisiekti su bet kuriuo nariu asmeniškai;

    ✔️ Naudotis tamsia dizaino versija;

    ir dar daugiau.

    Registracija trunka ~30 sek. ir yra visiškai nemokama.

  • Naujausios temos

  • Karštos temos

×
×
  • Pasirinkite naujai kuriamo turinio tipą...